It’s been a long time coming, 18 months to be precise, Fudgegraphics presents itself with a shiny new look. Those following me on Twitter or checking what I’m up to on Dribbble will know that I’ve been working on this new design for quite a while now. As every designer will tell you: You Are Your Worst Client! I knew that, which is why I never predicted an exact release date. It would be ready when it’s ready. That time is now.
Why get a new design? Why re-design instead of re-align?
The simple answer is: I got bored of the old one and didn’t think that it reflected my personality anymore. Long before I started with the webdesign work (you know, sketching, researching and all that) I made the decision to update my logo. This turned out to be the hardest job ever. Over the years this blog has gained a loyal fanbase and coming up with a new brand image is never an easy task (Gap anyone?). For months I’ve been working on different designs in Illustrator, only to come back a few weeks later not to like it anymore.
The main aim was for the logo to be:
- effective in both gray scale and colour
- heavy typography-based
- having that vintage touch
So here we are. See below the final evolution of the brand spanking new Fudgegraphics logo.
Once set on the logo it became clear that this should be the main focal point of site, resulting in a rather minimal design.
What’s new then?
The first thing returning visitors will notice is that the site is dark now. While this isn’t as text-friendly as a light website the decision to use it nonetheless was based on the fact that most articles on the blog are highly visual. There have never been long discussion-type articles (apart from this one) and as such the dark colour scheme didn’t raise much concern.
The other major change is that the post excerpts now sport thumbnails. There’s still a few posts which haven’t been updated with their own featured image. As you can image this is a tedious task.
In terms of general layout, not much has changed. It still uses a right-aligned sidebar, horizontal navigation and the icon blogroll in the footer. I was always happy with the general layout and didn’t want to confuse visitors too much.
No design blog re-design would be complete without a custom 404 page. Here’s mine (hopefully this is the only time you will see this page).
Under the Hood:
These tools were used to design and develop the site:
- Pencil and paper
- Adobe Illustrator CS5
- Adobe Photoshop CS5
- Coda (by Panic)
- Firebug (Firefox plugin)
Fudgegraphics is powered by WordPress and uses the HTML5 Doctype as well as some fancy CSS3 properties.
I hope you enjoyed the look behind the scene of the new design. Should you encounter any bugs then please let me know and I’ll do my best to fix them promptly. All other suggestions are welcome too.