Languages

Top Navigation

Abduzeedo New Design: Simple and Responsive

February 21, 2012 from abduzeedo's blog

Abduzeedo was created as a personal project. The main goal was to backup work while trying different things not only in the realm of graphic design but also experimenting with new trends in coding and stuff like that. Every year we try to refresh the site with a new design, however this time it took us a bit longer, but alas here it is.

It took us a little longer this time because last year we felt it wasn't exactly the right time nor necessary. The site was still performing well but with all the talk about responsive web design we saw an opportunity and a need to get on board with that.

As you can see there are quite a few changes not only in terms of visual design, but under the hood as well. We would like to point out 5 major changes:

  • Color palette: After years of a colorful rainbow palette we decided to change. The idea was to create a super simple color palette while maintaining the dark background. So, to have a nice contrast we went with yellow, because there's no better contrast than black and yellow.
  • Typography: We know that typography is the language in it's solid state. Web fonts are expanding with different options from Typekit, Google and many others. We decided to use Google Web fonts because it's super fast and reliable. Our font of choice was Armata.
  • Responsive Design: Using HTML 5 Boilerplate and some Javascript files we made the site responsive for mobile, tablets and desktop. We are working on another version for larger resolutions. So stay tuned. A big thanks to WebdesignerWall for the amazing tutorials and tips.
  • Family of Web sites: We used to keep everything in our Drupal CMS. Now we've launched 2 different sites : "UNEWZ" for user news and "RAWZ" for the daily inspiration submissions. Our goal is make the site even more open to users. Now everybody can submit images and write posts for the Abduzeedo community. We will use these Web sites to source quality content to be featured on the blog.
  • Simple and big: you will notice that the home-page has less text. We hid the description text and made them visible only when you roll over the posts. We are also using bigger thumbs and bigger images in the articles. Abduzeedo is all about inspiration, and nothing like some big images to inspire us.

We still have so much to do, designing a web site is, I dare say, an endless project. But that is why it's so much fun. We learn so much and we of course make and will continue to make tons of mistakes. So bear with us. We will be improving this new design on a daily basis.

We hope you enjoy it and feel free to share your thoughts with us

About the author

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

Digital Bokeh in Photoshop - Screencast by Photo Guides
Digital Bokeh in Photoshop - Screencast by Photo Guides
One of the most popular tutorials I've ever written was the one for the image I use on my Twitter profile, that is a digital Bokeh effect created in Photoshop.

Try this Wallpaper

Wallpaper of the Week 168 by Everaldo Coelho
Wallpaper of the Week 168 by Everaldo Coelho
The wallpaper of this week is an amazing photo taken by Everaldo Coelho. If you don't know Everaldo, first of you should :) he is a design legend especially in the realm of UI and icon design. Everaldo is also senior designer at Apple and as we can see from this wallpaper a very talented photographer. For more information about Everaldo visit http://www.everaldo.com/ Desktop Version

Book Suggestion

Book Suggestion: Why We Buy - The Science of Shopping
Book Suggestion: Why We Buy - The Science of Shopping
The book of this week is not a design book per se but it's an incredible book. I have just finished it and I got so much valuable information that can be applied in my day to day job as designer. The book is called Why We Buy: The Science of Shopping--Updated and Revised for the Internet, the Global Consumer, and Beyond by Paco Underhill.