Total Followers 132,503
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.
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.
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.
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.
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.
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.
Get The Only Freelancer crash course you will ever need to read!
Also known as Chykalophia, is a professional freelance designer in graphic and web design with 3 years of experience. Founder and Editor of Frespiration!, she recently won The Annual Design Awards 2010 for best product packaging design. Other than design, she loves playing with her mac, being photographed, watching movies and listening to alternative rock. Add her onFacebook Page, or Twitter.
Monday, March 26th, 2012 00:04
Awesome ideas for website designing. web site is always glorious by good editing as well as your advise. Thank you for your share.
Thursday, December 15th, 2011 11:11
“Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything” this is true.
Tuesday, December 13th, 2011 00:07
wooow….. I guess this took you alot of work and time… thanks alot…. bookmaring it ;)
thanks
Tuesday, July 19th, 2011 17:40
That 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!
Tuesday, February 8th, 2011 06:14
I really want a footer to my site. Your post gave me an idea. Thanks!
Wednesday, August 4th, 2010 14:27
thank you for the list, but contactforms in the footer? is not really great….
Thursday, July 29th, 2010 09:24
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.
Wednesday, July 14th, 2010 10:22
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.
Tuesday, July 13th, 2010 23:37
Thanks for some great and creative ideas for a footer.
Tuesday, July 13th, 2010 22:58
Like this useful article a lot, it is time to design my footer. Thanks !
Tuesday, July 13th, 2010 12:10
Some nice examples! Thanks for the useful overview.
Tuesday, July 13th, 2010 16:29
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!
Tuesday, July 13th, 2010 16:21
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!
Tuesday, July 13th, 2010 22:40
Feels good that you found this helpful, good luck on the footer design you are designing ;)
Tuesday, July 13th, 2010 15:59
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.
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Todd
Tuesday, July 13th, 2010 15:59
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.
Magnus Äng
Tuesday, July 13th, 2010 23:37
Thanks for some great and creative ideas for a footer.
Theo
Tuesday, July 13th, 2010 22:58
Like this useful article a lot, it is time to design my footer. Thanks !
J-La
Tuesday, July 13th, 2010 12:10
Some nice examples! Thanks for the useful overview.
Aidan
Tuesday, July 13th, 2010 16:21
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!
Ari Suardiyanti
Tuesday, July 13th, 2010 22:40
Feels good that you found this helpful, good luck on the footer design you are designing ;)
Dan
Tuesday, July 13th, 2010 16:29
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!
Jarkko Sibenberg
Wednesday, July 14th, 2010 10:22
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.
Brad
Thursday, July 15th, 2010 18:16
Thanks for the feature on this well-composed article.
Shawn
Thursday, December 15th, 2011 11:11
“Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything” this is true.
Meraz khan
Monday, March 26th, 2012 00:04
Awesome ideas for website designing. web site is always glorious by good editing as well as your advise. Thank you for your share.
Josh
Tuesday, December 13th, 2011 00:07
wooow….. I guess this took you alot of work and time… thanks alot…. bookmaring it ;)
thanks
internet marketing brighton, mi
Tuesday, July 19th, 2011 17:40
That 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!
Colin
Thursday, July 29th, 2010 09:24
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.
Dave
Wednesday, August 4th, 2010 14:27
thank you for the list, but contactforms in the footer? is not really great….
warren
Tuesday, February 8th, 2011 06:14
I really want a footer to my site. Your post gave me an idea. Thanks!