Top Navigation

Zee's redesign

October 18, 2007 from

After some weeks planning, designing and developing, the Zee's new website is online. Much more than simply a redesign, we have changed everything, mainly because we needed to use a good and scalable CMS and create a blog for the company.

Zee's old site screens
Zee's old site

With all these requirements, Drupal became our only choice. Firstly because we've been using it for a while so it wouldn't take us too much time learning and developing for it, giving us more time to spend on the design matters.

Our goal for the site was basically create a very simple interface using few images and put all of our efforts on typography, colors and CSS.

Listed below some sites and blogs inspired us.

References of sites

We also followed some ideas we learned from some excellent podcasts such as the @media presentations: How to be a Creative Sponge, Diabolical Design: The Devil is in the Details, Five Simple Steps to Better Typography and Interface Design Juggling.

Among all of those lessons, we were able to apply on this project the very useful Jason Santa Maria's tip of creating a sort of wireframe, but with the real content, where we could play with the typography elements without worrying about colors and images.

With the site well structured we started applying some colors and testing different combinations.

Wireframe and first color scheme
Wireframe and first color scheme

Although our first idea was to use a light background, we chose to keep it dark. That decision is explained because we have always used dark backgrounds, and wouldn't be a wise move to change our identity so drastically. Visit the site at http://zee.com.br

Screens of the final version of the layout
Final Version

Über den Autor

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Easy Star Light in Photoshop
Stern Lichteffekt in Photoshop
Ich schreibe nun schon seit Jahren Tutorials und was mich in letzter Zeit extrem inspiriert sind Skateboard Decks. Ich liebe die Ideen der Designer und ihre Umsetzung, deswegen zeige ich heute wie man von einer Idee mit ein paar einfachen Schritten zum Ziel kommt.

Try this Wallpaper

Wallpaper der Woche #82 - Saad Moosajee
Wallpaper der Woche #82 - Saad Moosajee
Das Wallpaper der Woche 82 ist ein Bild von dem jungen Freelance-Illustratoren und Art Director Saad Moosajee. WIr haben ihn bereits mehrmals gefeatured, nun hat er gerade einige neue Designs rausgebracht. Eines davon ist diese Woche unser Wallpaper Seitdem Saadart.com im September 2008 gegründet wurde hatte Saad das Privileg mit einer Bandbreite von Künstlern und Agenturen zu arbeiten. Saad's Arbeiten wurden in mehreren Gallerien, Magazinen und Büchern veröffentlicht. Für mehr Info besucht http://saadart.com/