Advertisment
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
thank you for the list, but contactforms in the footer? is not really great….
I’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.
Thanks for the feature on this well-composed article.
I 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.
Thanks for some great and creative ideas for a footer.
Like this useful article a lot, it is time to design my footer. Thanks !
Great 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!
superb article.
Nice 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!
Feels good that you found this helpful, good luck on the footer design you are designing ;)
I 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.
Some nice examples! Thanks for the useful overview.