SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

Fantastic Footers: 25 Examples And Best Practices

May 17, 2010 by Mike Smith 45 Comments

You’ve got a great design for your header and the content is well placed and flows nicely – but why stop there? When the viewer scrolls to the bottom of the page, are they greeted with only a credit link and a copyright notice? Your website’s footer is a great place to direct the attention of visitors to other areas of your site.

By checking out these 25 examples and seeing what works well for websites, you’ll be able to implement your own footer that keeps people’s attention when they’re at the bottom of your page. Of course, every design is different and a big footer might not work for your site or just be overkill, but on the other hand it might just be what your site needed.

Make sure you take notice on how many different styles there actually are in the footers – link-hub style, strictly design, contact forms, etc…

Superior Contracting Services ↓

Superior Contracting Services

Midnighters Club ↓

Midnighters Club

Mecannical ↓

Mecannical

Rubbik ↓

Rubbik

Demotive ↓

Demotive

BEC Media ↓

BEC Media

Please Invite Me To Dribbble ↓

Dribbble Invite Request

Twitter Designs ↓

Twitter Designs

Grzegorz Kozak ↓

grzegorz kozak

Soh Tanaka ↓

Soh Tanaka

Run Addicts ↓

Run Addicts

Foxtie ↓

Foxtie

Morphix ↓

Morphix

Enpresiv ↓

Enpresiv

White House ↓

White House

Andi Gladwin ↓

andi gladwin

Irrational Games ↓

Irrational Games

Roaaar! ↓

Roaaar!

Primo Motif ↓

Primo Motif

Vartro ↓

Vartro

Ronihind ↓

Ronihind

Flourish ↓

Flourishh

Inseo ↓

Inseo

YoDiv ↓

YoDiv

Indiqo Media ↓

Indiqo Media

Where’s Your Sexy Footer?

Do you have a killer footer in your site design? Let us know in the comments! ;)

Of course don’t forget to check out one of our previous posts on web usability where we talked about the importance of a great footer.

Filed Under: Design, Inspirational, Showcase

Comments

  1. Sarah William says

    May 17, 2010 at 1:37 pm

    Awesome list..really inspired me ….thanks for this wonderful collection…

  2. Ivan Minic says

    May 17, 2010 at 2:16 pm

    Brilliant selection :) Very inspiring!

  3. Chris says

    May 17, 2010 at 2:49 pm

    Our brandeluxe.com footer is also pretty unique – huge block of large text (using text-replacement technique). Might be worth checking out.

  4. Derrick Workman says

    May 17, 2010 at 2:51 pm

    Another great list, really like the foxtail footer.

  5. Jeyaganesh says

    May 17, 2010 at 3:01 pm

    nice collection . Thanks:-)

  6. Simone D'Amico says

    May 17, 2010 at 3:07 pm

    Nice collection of footers! :)

    What do you think of the footer in my blog? (http://blog.simonedamico.com)

  7. Sumeet Chawla says

    May 17, 2010 at 3:54 pm

    Some of the footers are really amazing and innovative…. @Simone: your footer is pretty cool too though in my opinion the floor has gone down a tad bit more than it should. May be you can lift it up so that its a bit closer to the footer content. :)

    What do you guys think about my site’s footer? :)

    <——P.S.: Click on my picture to go to site ^_^

  8. Nick Gassmann says

    May 17, 2010 at 3:56 pm

    That fusebox site… what a fantastic design.

  9. Joseph says

    May 17, 2010 at 4:05 pm

    here goes another amazing footer:

    http://estanhos-domantonio.pt

  10. Jordan says

    May 17, 2010 at 4:05 pm

    Really amazing how creative people are. Thanks for the list.

  11. Shelley Ryan says

    May 17, 2010 at 4:40 pm

    I like the footer here…
    http://www.euphonystrings.com/

    …but I wish they’d done a better job of carrying other background graphics beyond the home page.

  12. Sara says

    May 17, 2010 at 4:58 pm

    Thanks for the food for thought! I’ll definitely look more closely at my footer from now on.

  13. tomi says

    May 17, 2010 at 5:11 pm

    i wouldn’t call it killer but it was killer for me
    deciding to do it for a supermarket’s website.

    its at http://www.foodconigeria.com

  14. dattai says

    May 17, 2010 at 5:50 pm

    very coool

    Thanks a lot

  15. BigM75 says

    May 17, 2010 at 6:13 pm

    cool footers

  16. wpBlast says

    May 17, 2010 at 11:27 pm

    Awesome Inspiration! I love the footer of Flourish.

  17. Eko Setiawan says

    May 18, 2010 at 3:42 am

    Amazing footer, thanks for share…

  18. Nathalie says

    May 18, 2010 at 5:00 am

    Thank you :-)

  19. Emi Carmichael says

    May 18, 2010 at 5:32 am

    Fantastic – just in time since I’m about to revamp a web footer for a client. Thanks!

  20. Navdeep says

    May 18, 2010 at 7:21 am

    Very well designed. Great job designers…

  21. Aidan says

    May 18, 2010 at 11:26 am

    Wow, it’s a great list of footers inspiration. I believed that every details of a website is important.

  22. Brian says

    May 18, 2010 at 11:54 am

    Majority of these can be found at http://footerfetish.com and mine was happily excluded from the group. :(

  23. Robert says

    May 18, 2010 at 3:28 pm

    Well done, lot of new websites. I also like simple solutions with a bit of gimmick, for example http://www.netprofit.de …

  24. Ricardo Ribeiro says

    May 18, 2010 at 5:28 pm

    Very good designed…I like them all…specially the tenis one! thanks…inspired me!

  25. Ema says

    May 18, 2010 at 5:30 pm

    Love the Grzegorz Kozak (this is hard to spell :)) and Fusebox Creations ones!

  26. Tung says

    May 19, 2010 at 12:27 am

    Very inspiring!

  27. Ricardo Bueno says

    May 19, 2010 at 3:20 am

    Really liked the creativity in the first one (the construction company and their blueprint footer).

  28. Studio 76 says

    May 19, 2010 at 4:02 am

    Nice list.

    Look this footer : http://www.reinesderouen.fr/index.php?page=histoire-rouen

  29. enam says

    May 19, 2010 at 5:27 am

    nice collection but hey 1 min…you forgot to include your own site footer man…this is also cool….;)

  30. Jay says

    May 19, 2010 at 11:30 am

    What do you think of my footer? http://www.dsignart.org

  31. TGD Studios says

    May 19, 2010 at 3:05 pm

    Fantastic! Love the ones for midnighters club and fusebox creations so much, these have great depth. Excellent!

  32. Chris says

    May 25, 2010 at 2:55 pm

    They haven’t done anything clever with the typography, but the fixed footer at the Feed-in Tariffs site is clever.

  33. John says

    May 25, 2010 at 4:07 pm

    This site has pretty cool footer as well (I visit this every day for my clients) http://www.emailonacid.com

  34. TheMoonKeeper says

    May 26, 2010 at 7:44 am

    Some awesome footer designs I will say! Very inspiring. I’m starting to generate ideas for my portfolio’s next redesign. Thanks for the list!

  35. Ron Horsley says

    May 26, 2010 at 4:11 pm

    Thanks for featuring my website design here, I’m proud of it and always looking to refine it, but it’s nice to be acknowledged for how far I’ve gotten with it to date, not to mention to be featured alongside such great and inspiring fellow designs.

  36. Dimi says

    June 3, 2010 at 12:21 pm

    Pow Pow! Just what I needed for my new project!

  37. elisa says

    June 8, 2010 at 7:46 pm

    I love this post, a lot of these are great, but I’m starting to see a lot of footers that take up almost a full screen, I’m not too into those really long footers, to me they make a page look too crowded.

  38. Chilukuri Bhaskar says

    June 20, 2010 at 9:14 am

    Nice collections thanks

  39. Vikesh Patel says

    July 26, 2010 at 6:17 am

    I particularly like Grzegorz Kozak’s website as it’s very artistic and the footer complements the rest of the web design layout very well.
    Large footers have become increasingly used on the web this year, and a common trend in good websites. I’ve found that they make the website more appealing to look at, especially illustrated websites.

  40. Craig Pennings says

    September 24, 2010 at 7:25 pm

    Beautiful footer designs! Grzegorz Kozak was my favorite design overall… so unique!

  41. Tom Cash says

    January 21, 2011 at 2:10 pm

    I have a sexy footer! :D

    http://www.tomcash.co.uk

Leave a Reply

Your email address will not be published. Required fields are marked *

Please prove you're human *

Recent Posts

  • What Factors Determine the Best Digital Marketing Agency?
  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js
  • Best PHP Books, Courses and Tutorials in 2022

Archives

  • June 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022