Abduzeedo New Design: Simple and Responsive

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:


Abduzeedo Inspiration Guide for Designers at Amazon

Posted in Blog | Comments Off on Abduzeedo New Design: Simple and Responsive

23 Amazing Single Page Web Sites

Advertise here with BSA

When a website doesn’t call for a lot of content, it might be a good idea to go with the single page approach – where all of the content lives on the home page and the navigation, in most cases, allows the user to jump from one section to another. In the past few years, we’ve seen a steady increase in popularity of these types of sites, mainly partly because the use of jQuery can make for some nifty transitions and effects. For you’re inspiration, we gathered some really nice examples of websites that use only one page to show all their content.

From minimalist layouts to colorful ones, from plain and simple menu navigations to parallax scrolling, you will find plenty here to inspire you. Take some time and check them all out, and let us know which one is your favorite.

Rodesk

Inspiring Single Page Layouts

House

Inspiring Single Page Layouts

iamcreative.me

Inspiring Single Page Layouts

Valentine Favre

Inspiring Single Page Layouts

wit creative

Inspiring Single Page Layouts

Pipe Digital

Inspiring Single Page Layouts

dj Xeeder

Inspiring Single Page Layouts

Valerie

Inspiring Single Page Layouts

Matt Brothers

Inspiring Single Page Layouts

Grind – Work Liquid

Inspiring Single Page Layouts

Revolver Design Studio

Inspiring Single Page Layouts

Design Embraced

Inspiring Single Page Layouts

Free Range

Inspiring Single Page Layouts

Jeremy Mansfield

Inspiring Single Page Layouts

Demi Creative

Inspiring Single Page Layouts

dangers of fracking

Inspiring Single Page Layouts

Launch Factory

Inspiring Single Page Layouts

Grayden Poper

Inspiring Single Page Layouts

rtraction

Inspiring Single Page Layouts

jlern

Inspiring Single Page Layouts

HatBox

Inspiring Single Page Layouts

vysagh.in

Inspiring Single Page Layouts

two fish illustration

Inspiring Single Page Layouts

One Page Love

Posted in Blog | Comments Off on 23 Amazing Single Page Web Sites