Geek Trends: 15 Footers with great usability

Footers are becoming an essential strategy to engage visitors. Leaders in the industry are moving toward implementing effective footer features and creating a place for presenting, displaying and branding to their audiences in a very personal way by providing intuitive nature.

On the search for effective integrated footers we collected a few that are amazing for creating engagement to produce internal traffic and brand awareness. We present you an alphabetical order list of 15 Footers with viable integration.

1. Department of Spanish and Portuguese

2. Biola University, customer service at glance

3. Designer Wall, a resource of inspiration and Design News…

4. Far from fearless, a well implemented flickr section, “How not to” steal browser window space.

5. Generation Church, despite the original design a holy experience literally speaking!

6. Giga OM, Malik once again ahead on the game… brand, brand, brand

7. John Chow, recently updated blog, the real sense of giving, links to MyBlogLog profiles for visitors, blog roll, and a source of money making opportunities. why is he evil?

8. Pop Sugar, well planned branding strategy with access to the entire network and feed subscriptions to all their blogs.

9. Powazek, what a footer should look like, BTW Derek is going to be one of the speakers at O’Reilly’s Tools of Change 2008.

10. PR Blogger, reaching information in one place, very smart way to present a stream of events and information.

11. Problogger, Darren always in the game, another recently updated blog like very much his new layou, the Home page is a little busy to my taste, However Darren dear friend you excel with this footer.

12. Read Write Web, Simple and minimalist, keeping the reader on the spot!

13. Simple Bits, fellow bloggers are making the news and they will continue, featured in almost each design blog, Phenomenal Design.

14. Speak Light, the only product website that we feature on this showcase, essential and smart.

15. Tennessee vacation, well featured category section.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • StumbleUpon
  • del.icio.us
  • bodytext
  • Mixx
  • Technorati
  • TwitThis
  • Pownce

35 Responses to “Geek Trends: 15 Footers with great usability”


  1. 1 Free Blog Templates

    Nice list of footers. I’m going to look further at each footer and model my site’s footer after one of them.

    Footers are a great way to utilize mostly unnoticed space for SEO and just for fun creativity.

    I must say, your footer is quite nice and functional as well. :-)

  2. 2 Hector Jarquin

    Thank you for the compliment. I think more and more as the internet evolves and readers expertise become a common ground, the best way to give a clean and neat space to readers is optimizing all other areas surrounding the content it self.

  3. 3 Scarf*oo

    A nicely designed footer with proper content can surely improve the whole experience of using a web site. I really like the way sites are embracing and evolving the concept of the footer - what once only served as copyright space is now becoming an area of equal importance as the main content itself.

  4. 4 daniel @ omstrategy

    thanks for the post, Hector - there are some nice examples in there.

    I’d love to see a bit more discussion of each - why they’re set up that way, how they work for visitors/search engines etc.

    I look forward to reading more of your stuff,

    daniel

  5. 5 Shanti Braford

    You left out your own footer.

    Looks mighty pimp to me! :)

  6. 6 Neri

    The footers are very useful and help to improve the design :)

  7. 7 Cadu de Castro Alves

    Nice list! I’ve been working in a new design to my blog. This list will be very useful.
    I made a similar list, but focusing creative headers. I invite you and your readers to look: Most creative website headers.

  8. 8 Zac Davis

    Your footer could have been on this list as well.

  9. 9 Julio Fragoso

    Great list. i will put one of them at my blog.

  10. 10 Rob

    Nice list! Footers are something I tend to skip over with web design, but I suppose these let you get straight to the content first, then scroll down to navigate. (Probably stating the blindingly obvious there!)

    Don’t forget Merlin Mann’s recently redesigned 43folders.com which has a pretty functional footer

  11. 11 Chuck

    I think this is a good idea. But I wouldn’t be surprised if the adoption was very slow amongst blogs, for two reasons:

    1. hyper-concern about the loss of “link juice”…most often, these resources are tucked away on separate pages, such as About and Resources…but by using them site-wide, you are adding a ton of outgoing links on each page…and reducing the PageRank impact on the few links normally contained in blog posts and the like. I’m not defending this kind of thinking…just saying that I think it’s likely. And I wish PageRank would just go away…it should go back underground, to be used for…whatever Google uses it for.

    2. The vast, vast, vast majority of blogs aren’t really about helping people anyway. I’d say that less than 10% of blogs in existence really provide value in the first place…thus, they are about self-expression (a completely legitimate raison d’etre) or tools devote to link manipulation and keyword domination (not legitimate)…but neither of these functions really has to do with meeting people where they are, and helping take them to the next level in whatever topic the blog covers.

  12. 12 Jack

    Chuck,

    1. “Link Juice” secretion isn’t a problem if you aren’t one of the handful of people left on the web who still believes pagerank matters.

    2. People looking for information on how to promote their sites might find your -not legitimate- paint brush a bit wide. If someone wants more website traffic and you have a blog that teaches them how to get it legitimately, then a service has been provided no matter how that information is sponsored.

  13. 13 Prophet

    The idea of connecting sugar network´s sites that way is great.

  14. 14 Sarven Capadisli

    Just because you can dump in all that information at the bottom of the page (footer) you should. By having a spiffy design for it, it doesn’t justify it either.

    Most of these designs dump in all this information where it would be more appropriate to use an archives or sitemap page instead! That is what they are for.

    As far as the “SEO” argument, I do not buy that at all because it is repeating the same (similar) information on majority of the pages of the site and therefore it is impacting documents uniqueness and cluttering up with repetitive information. Again this would be better served in more appropriate pages like archives or sitemaps.

    If the user is not going to make use of all this information on every page it certainly doesn’t belong there.

    Using yamle.com as an example:
    “recent entries”, “recent comments”, “most commented” need not be mentioned in every page. Use the homepage for that! Use “related articles” instead because it is useful for the user and it has a close relationship with the document the user is reading.

    “recent projects” can have its own section as well.

    Some of the sample designs however do make use of useful information for the user. That is having proper usability in mind.

  15. 15 Syd Nohcud

    It is true. A footer is a most under utilized means by which focus and direction can be focused on a webpage. Often users fly through the internet much like a person watches tv hunts with the remote.
    Such footers as used as examples here draw the eye to the bottom of the page, keeping interest so that the user may stay at that point and the webmaster has a greater chance of a greater and more intense page views and counts

  16. 16 Hector Jarquin

    Sarven Capadisli,
    There was a time when websites were only text and links, then sidebars became mayor players on the game. Before there was a section for everything from links, archives, categories to popular links, then slowly the sidebars make their magnificent appearance.

    Footers will come to be a standard on web design, usability and engagement. Good catch about the related articles!

  17. 17 Víctor

    thanks por la visita a mi blog, man! veo que manejas muy bien el español… o muy bien el ingles!!! excelente punto que abordarse sobre los footers, yo hice en días pasados sobre las invitaciones a suscribir al rss…

  18. 18 Reynder Bruyns

    Be careful an extensive footer can also create a lot of noise, what can be distracting.

  19. 19 Sean Landry

    Footers are great ways to show users the depth of your site but they shouldn’t be used as a crutch for good Information Architecture. Too often you see better organization in the footer than you see in the primary navigation.

  20. 20 Lee

    Nice collection there Hector. It’s good to see designers being creative with footers and not just shoving the old Copyright text in there.

  21. 21 Sarven Capadisli

    @Hector Jarquin

    Adding irrelevant information at the bottom of every page increases clutter and page size, goes on the other direction instead of having true unique documents and it also does not let the users get a better picture of site’s structure.

    Usability in the footer area could certainly be improved but in my opinion the sample Web sites above are going at it the wrong way. Eye candy plus mass of irrelevant information does not equal good usability.

  22. 22 kristarella

    Great list.
    Definitely something I will come back to next time I’m designing a theme.
    Cheers.

  23. 23 borchert cao

    before time we pay more attentions on the toper and now its the footer’ s turn:)

  24. 24 Navdeep

    Nice list…

  25. 25 Jens Meiert

    Just out of curiosity and unless I overread it: What have been the exact ways to assess usability here? (How) did you measure performance and user satisfaction?

  26. 26 revenue robot

    great list of footer styles… something well worth looking into when it comes to my blog redesign.. awesome post!

  27. 27 Lindsey

    Like, Jens Meiert, I was wondering what exactly is the usability based on in these examples. I agree, they are all wonderfully designed and contain valuable information in relation to the site, but by usability what are you basing it on? Also, I think that John Chow’s looks like a zillion other blogs out there and Tennesse vacations is too cluttered for my taste.

  28. 28 Fubiz

    Amazing selection!

  29. 29 Syahid A.

    Funny, but I think John Chow’s footer is the best above. Simple and minimalist indeed.

  30. 30 Squashove rakety

    I like the idea of the naming search box “Ask a question” on Biola University page. I really wanted to ask a question :-))

  31. 31 VistaMedia

    Great list of footer styles. Footer must must live, no to be debris.

  32. 32 PraP

    This is really cool One. and What about mine http://www.prapdesign.com (LoL).

  33. 33 JoeBailey.org

    I have to agree with some of the comments above. Too much at the bottom can add some clutter and slow page times down. But, the examples of some of the above serve as excellent references for clean, simple and usable. They typical concept is to dump the unwanted things at the bottom. Making the footer a resourceful area can always be beneficial. People will look at the bottom of a page, even if for a split moment, make it worth their while.

    http://www.joebailey.org

  34. 34 Benjamin Doolittle

    i like the concept, and the one here on your site is huge, but serves its propose init

  35. 35 webpixelkonsum

    A great summary about footer. I want to start my own blog this summer and your article help me ;)

    Ralph

Leave a Reply

  1. 1 INCG - Wat doe jij met je footer? | INCG
  2. 2 440design | ???????????????????? 10?
  3. 3 t0mmmmmmm's test lab » Geek Trends: 15 Cool Website Footers with Great Usability
  4. 4 ZieDesign | Blog of a Freelance Designer » Blog Archive » Geek Trends: 15 Cool Website Footers with Great Usability
  5. 5 Dagelijkse dosis links 06-01-2008
  6. 6 Explotando el footer de la plantilla para expandir nuestro blog: 15 ejemplos | Blog en Serio
  7. 7 links for 2008-01-07 « toonz
  8. 8 Natalie Downe » Blog Archive » links for 2008-01-07
  9. 9 holotone.net
  10. 10 links for 2008-01-08 « Mandarine
  11. 11 » Links for Web Designers : December
  12. 12 Ponto Media » Links para 2008-01-07
  13. 13 Little Legends Blog » Blog Archive » Bookmarks for January 8th
  14. 14 René Clausen Nielsen | Mine del.icio.us-links fra 26. oktober til 9. januar
  15. 15 grafic » links
  16. 16 Max Design - standards based web design, development and training » Some links for light reading (11/1/08)
  17. 17 webeame.net
  18. 18 Wayne State Web Communications Blog » Blog Archive » [Friday Links] The Social Version
  19. 19 BlogBuzz January 12, 2007 » Webmaster-Source
  20. 20 Blogs that Rock: Pop Upon Magazine « (dis)information architecture
  21. 21 links for 2008-01-12 | MY Vast Right Wing Conspiracy
  22. 22 12 de enero de 2008
  23. 23 ??? - ????:…2008?????
  24. 24 15???footer?????? | ?????
  25. 25 Netfactory - » Footers - not just the end of the page
  26. 26 Web Design Resources: January | Park and Recreation Technology
  27. 27   Geek Trends: 15 Outstanding Feed Subscription Displays by Pop Upon Magazine
  28. 28 Digital Design Blog » Blog Archive » The Evolution of the Footer
  29. 29 15 ???????, ?????????? ????????? ???????????? ? ????????? » ??? ????????? ??????? ???? ? ????? ?????? ??? ???-???????? ? ???????? ?? ????? ???????? ??????
  30. 30 ®eflect, ®epent and ®eboot - Blog of Webdesigner Penny Haslop » links for 2008-03-08
  31. 31 Más tráfico y accesibilidad en tu sitio mejorando el footer
  32. 32 ….::: HeroTurko.Net Technology Blogging Photoshop :::…. » Blog Archive » Links for Web Designers : December
  33. 33 Two Mad Geeks » 15 Footers With Great Usability