After over three years with the same design, I’ve relaunched my portfolio here at postscript5.co.uk. As many Freelance Designers will tell you, your personal site tends to take a backseat to client projects. Between client work, writing, blogging, side projects and personal time, it’s been a challenge.
I’ve redesigned and even coded several others designs, however I’ve never been completely satisfied with the end result. I decided to set myself a deadline of one month to launch the new design and treat it like a client project to ensure this was met.
This a small overview of how the project came together.
Due to so many stalled attempts to design and relaunch this site, I decided that I would use a base WordPress Theme, which I would then customise to suit my requirements. This was done to enable me to launch quickly and meet my deadline.
This isn’t my ideal approach, however the benefits of it are, it:
- Allowed for a quick and efficient design, build and launch
- Takes the pressure off and allows me to focus on creating a design over the next few months, that is perfectly crafted to my requirements
- Gave me the opportunity to work in collaboration with a friend and fellow freelancer
I felt my previous Portfolio site (the old homepage is shown above) was stale and dated, with dull copy. Overall it really missed that spark of fun which came with being ‘neglected’ for so long. The current site aims to address those issues, with:
- Fun, quirky bio with a more relaxed tone throughout the copy
- Improved Portfolio navigation
- A Notebook (blog) to allow me to update on studio news, tips and advice
- Clearer homepage with more focus on the portfolio
- Radically redesigned contact form
- Social stream with the latest updates from my networks
- Dynamic elements such as the animated icons and logo
Behind the scenes, there were a number of tools and technologies used, including:
- Parallax – For the icon movement, seen on the Approach and Services page
- Leaflet – Used for the map on the contact page
- API’s – Used to pull in data to the Socialise page
- jQuery – Used to create the colour to grayscale image hover effect on the Portfolio images
Along with a complete redesign it was high time for a re-brand. While I’ve always favored strong, angular typefaces such as FF Din, I wanted something softer that tied in more fundamentally with the studio name – Postscript. It seemed natural then to run with the idea of a ‘script’ typeface, and after much searching (and late nights), I finally found Raceway.
Raceway is inspired by the wonderful hand-lettering of the late Mike Stevens. It’s an organic, energetic script font that mimics hand painted sign lettering.
It always looked like the number 5 was an afterthought, even though it is an integral part of the studio name. So the number 5 is now incorporated into the word Postscript by taking the place of the letter S.
I’d like to thank my collaborator on this project – Michael Beckwith. We’ve talked about working together for months now, and I knew when I was redesigning this site I wanted him on board. Michael brought his crazy cool developer skills to the project, along with his ability to think outside the box. We also shared a love of freshly brewed beverages, WordPress and 30 Rock!
I feel very fortunate to have so many wonderful friends and colleagues in the industry!
I’m also working on an updated set of Business Cards which reflect the new design and branding. As soon as these are designed and delivered I will post up some pictures, here on the Notebook.
If you follow me on Twitter, then you already know I’m a huge 30 Rock fan. So when it was time to re-launch the site, it was only natural to include some hat-tips to the show.
Within the site there are three 30 Rock ‘easter eggs’, see if you can spot them!
To celebrate the launch of the new site, I have teamed up with Derwent to giveaway a Sketching Set each to three lucky winners, with a set of 3 Ruled Moleskine Notebooks for each of the three runners-up. The giveaway ends on the 18th August, with the winners picked at random.
To enter just leave a comment below, and make sure you’re following Postscript5 on Twitter, as the winners will be announced there.
The giveaway has now ended and the winners have been announced. Thanks to everyone who commented and participated!