Tips and Inspiration on Creating a Great Website Footer
Ari Suardiyanti
As most of us know, there are three important parts of a website’s design: the header, the content, and the footer. None of these should be ignored when creating a web design. Sadly it happens in most cases, and many web designers ignore the footer design. Over time the footer evolved from just a line of text with the copyright, legal notice, or navigation into a mini repeated area which is filled with navigation, comments, recent posts, copyright, etc.
In this post, not only are we giving you samples of website footers for your inspiration, but also guiding you 5 important steps to remember whenever you are designing the footer.
1. Decide On Repeated Content
Be very selective in choosing the content you want to place in the footer. It depends on your need, what your website is about, or what content you want people to re-read in your footer. If you have a blog website, magazine type of website or similar it could be your recent posts, featured posts (in lines with no image thumbnail), recent comments, or social media links. For artists, designers or companies it could be their services, portfolios (in small thumbnails), testimonials, contact form or recent tweets.
2. Add Logo(s) If Necessary
People nowadays are really concerned about feeling safe and secure when they visit websites and want to make sure that they are browsing the right sites. For e-commerce websites, it will be a great idea to place some logos such as Verified Merchant, Verisign Secure, McAfee Secure, or others. And if you have partnership, sponsors or even awards recognition, why not placing their logos on your footer as well? This will help you get respect from your website visitors.
3. Add The Interesting Point(s)
Say good bye to the old boring website footer. You have done a great job with the header and content (body) of your web design, now it’s time to spice up the footer. A few interesting things you could add can be icons, illustrations or just about anything fun. Though, remember to match them with the website layout or the website concept and try not to add many icons.
4. Space Things Out
Now that you have everything you need for the website footer, let’s add some space between the sections. Although it might not have as much content as you have in the body content, it is always better to have them spread out rather than looking so packed in.
5. Do Not Forget Your Copyright Line
Don’t let all the content in the footer fool you. It doesn’t matter how much stuff you put as content or how many logos/portfolios you have on your website footer, you still have to put your copyright line somewhere. Be creative, it doesn’t have to be at the bottom all the time.
Now let’s take a look at some other website footer designs for your inspiration.
1. Komrade
2. Adobe User Group Nederland
3. Louden Tax & Bookeeping
4. Quoterobot
5. DJ Eric
6. Bring It To Fruition
7. Forrst
8. LogicBombMedia
9. Swiths
10. Cog’Aoke
11. Pieoneers
12. Logo Designs Studio
13. Real Deal Promotions
14. Make Your Mark
15. Randoman
16. Go My Pages
17. Ready Made Designs
18. Agencia de Publicidade
19. Pixlogic
20. MV Designs
For Further Reading:
Did you enjoy this article and found it useful?
Get even more from us:
Play School Activities
Posted 58 days ago 19“Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything” this is true.
Posicionamiento de web
Posted 60 days ago 18wooow….. I guess this took you alot of work and time… thanks alot…. bookmaring it ;)
thanks
faraz husain
Posted 91 days ago 17guys check this new website launched .. you can easily coonect with the facebook and make your status update in a single click !!
http://www.makeyourstatus.com
Checkout cool messgages on http://www.makeyourstatus.com/. I found some of them are just awesome!
Pin Up Costumes
Posted 153 days ago 15I am glad to be one of the visitants on this outstanding internet web site (:, regards for posting .
kiran
Posted 117 days ago 16thanks… for useful footer designs.
internet marketing brighton, mi
Posted 206 days ago 14That is the fitting blog for anyone who needs to seek out out about this topic. You realize a lot its virtually exhausting to argue with you (not that I really would want…HaHa). You positively put a new spin on a topic thats been written about for years. Nice stuff, simply nice!
how to make conversation with women
Posted 274 days ago 13I love this Post, it was really helpfull to me. check our our blog which is based on
warren
Posted 368 days ago 12I really want a footer to my site. Your post gave me an idea. Thanks!
Dave
Posted 556 days ago 11thank you for the list, but contactforms in the footer? is not really great….
Colin
Posted 562 days ago 10I’d never thought of using the footer as a place for interactive elements like a contact form. That’s a stroke of design genius (and an awful lot more useful than plastering copyright text or logos …), and an innovative use of space.
Having a feedback zone right there on the homepage (or on every page, rather than hiding it away in a dark corner … somewhere) makes it an awful lot easier to engage visitors.
Brad
Posted 575 days ago 9Thanks for the feature on this well-composed article.
Jarkko Sibenberg
Posted 577 days ago 8I now feel I often haven’t paid as much attention to the footer as I should have. Some of the examples look a bit too crowded. People expect to find certain information in the footer, and if it’s been made too messy, it can be frustrating. It may not be a good idea to repeat everything there.
Some nice graphics, ‘recent posts’ area or a small contact form etc. does make it more interesting.
Magnus Äng
Posted 577 days ago 7Thanks for some great and creative ideas for a footer.
Theo
Posted 577 days ago 6Like this useful article a lot, it is time to design my footer. Thanks !
Dan
Posted 577 days ago 4Great article
I think it shows a lot of class to ensure that the footer of a site is designed as well as the rest of the site!
Aidan
Posted 577 days ago 3Nice article. I was feel it’s quite hard to create a interesting and great website footer. This will give me a clearer overview on how to achieve that.
Thanks Ari!
Ari Suardiyanti
Posted 577 days ago 5Feels good that you found this helpful, good luck on the footer design you are designing ;)
Todd @BinaryHaiku
Posted 577 days ago 2I noticed in several of the example websites that they had put some sort of contact form in the footer. I really love this idea. Whether it’s a contact form, a sign-up form, or a viral form they’re all great ways of interacting with visitors.
J-La
Posted 578 days ago 1Some nice examples! Thanks for the useful overview.