35 website footer designs, trends and styles.

Post written by Dor Dan

As you might already know, good web design - in most cases - should contain basic elements such as easily used (yet beautiful) navigation menus, attracting headers, well written content, and for last, footers. In this post I would like to talk more about the last element that is becoming a very fascinating issue these days - the kinds and styles of footers.

In a lot of sites, footers are no longer a single line copyright text and/or a simple secondary navigation; nowadays they are more complex than that. They count as a factor every web designer needs to pay attention to when designing, just like to any other element.

The new trend is the Web 2.0 style. Now let's face it, we see them quite a lot and we can't disagree with the fact that they are simply awesome! Here is where footers play the role of accessibility and usability and becomes one of the most important elements in an overall website design. Web 2.0 footers attract readers and make them involved in the site's content - which also contributes a lot to a website. Let's think about it a bit, a reader finishes reading a post and at the end awaits him footer with lots of other content he can't avoid not to look at. Most cases the reader doesn't fly away after a five second look, instead he ends up reading more and more by this same exact process - it's genius!

We also see quite often online applications used in the footer's space, such as the famous photo management and sharing application, Flicker. Libraries such as Amazon and iTunes are used as well. And of course, a place for ads and validation links (such as valid CSS and XHTML).

Today there are quite a big variety of types of footers, from single line footers and sitemaps going all the way to contact forms, artistic designs and blog growths. Each footer is unique and has its own role of the site. I have collected a few footers from around the web, each with different style and content. While seen them, look at the variety of ways they are used in each site. Navigations, sitemaps, site's information, links, applications use, blog growth, advertisements, validation links, copyrights, RSS feeds, newsletter registrations, search fields, creativity and lot more!

So let's take a look!

The popular.

1. Web Designer Wall

When it comes to Web 2.0 style footers, most of us would be thinkning Nick from NDesign Studio and Web Designer Wall. The use of content in the footer is perfect in order to involve a reader into the site

2. Larissa Meek

Larissa Meek A common use of wordpress vertical navigations is seen on Larissa Meek's website. A well designed and organized footer.

3. Pixel Logo

pixel logo

4. Gearcritech

gearitch

5. Studio3k

studio 3k

6. jek2k

jektk

7. Bloggingpro

8. SEO position

9. FarFromFearless

10. A better tommorrow

11. PlayStop

12. cslingphotography

13. Tnvacation



The simple

14. Simply Fired

15. Enomaly

16. yellowstonepark

17. builtbybuffalo

18. Corkd

19. dalitnetwork

20. MakeWater

21. Nuwen

22. spanish-portuguese.berkeley

23. Ungarbage



The creative

24. Snook

25. SADD

26. elliotjaystocks

27. Yucca-music

28. Jrvelasco

29. Free People

30. realmacsoftware.com/rapidweaver/



The field

31. dennisbloete

on, Flicker. Libraries such as Amazon and iTunes are used as well. And of course, a place for adds and validation links (such as valid CSS and XHTML).

32. Simplebits

on, Flicker. Libraries such as Amazon and iTunes are used as well. And of course, a place for adds and validation links (such as valid CSS and XHTML).

33. Element Fusion

34. Tunnel 7

35. Biola


I hope you fellow readers enjoyed this post as well as I did writing it. Let me know your thoughts: are there more styles you see but not mentioned? Do you think different about footers than I do? Do you like the Web 2.0 style? Got more good example of footers? Post them all here!


Source:thuiven.com
Technorati Tags: