Tips and Inspiration on Creating a Great Website Footer

Posted in Inspiration • Posted on 16 Comments

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

13 Written ArticlesWebsite

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.

16 Comments Best Comments First
  • Todd

    Tuesday, July 13th, 2010 15:59

    1

    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.

    0
  • Magnus Äng

    Tuesday, July 13th, 2010 23:37

    7

    Thanks for some great and creative ideas for a footer.

    0
  • Theo

    Tuesday, July 13th, 2010 22:58

    5

    Like this useful article a lot, it is time to design my footer. Thanks !

    0
  • J-La

    Tuesday, July 13th, 2010 12:10

    4

    Some nice examples! Thanks for the useful overview.

    0
  • Aidan

    Tuesday, July 13th, 2010 16:21

    2

    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!

    0
    • Ari Suardiyanti

      Tuesday, July 13th, 2010 22:40

      6

      Feels good that you found this helpful, good luck on the footer design you are designing ;)

      0
  • Dan

    Tuesday, July 13th, 2010 16:29

    3

    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!

    0
  • Jarkko Sibenberg

    Wednesday, July 14th, 2010 10:22

    8

    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.

    0
  • Brad

    Thursday, July 15th, 2010 18:16

    9

    Thanks for the feature on this well-composed article.

    0
  • Shawn

    Thursday, December 15th, 2011 11:11

    15

    “Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything” this is true.

    0
  • Meraz khan

    Monday, March 26th, 2012 00:04

    16

    Awesome ideas for website designing. web site is always glorious by good editing as well as your advise. Thank you for your share.

    0
  • Josh

    Tuesday, December 13th, 2011 00:07

    14

    wooow….. I guess this took you alot of work and time… thanks alot…. bookmaring it ;)

    thanks

    0
  • internet marketing brighton, mi

    Tuesday, July 19th, 2011 17:40

    13

    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!

    0
  • Colin

    Thursday, July 29th, 2010 09:24

    10

    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.

    0
  • Dave

    Wednesday, August 4th, 2010 14:27

    11

    thank you for the list, but contactforms in the footer? is not really great….

    0
  • warren

    Tuesday, February 8th, 2011 06:14

    12

    I really want a footer to my site. Your post gave me an idea. Thanks!

    0
  • Meraz khan

    Monday, March 26th, 2012 00:04

    16

    Awesome ideas for website designing. web site is always glorious by good editing as well as your advise. Thank you for your share.

    0
  • Shawn

    Thursday, December 15th, 2011 11:11

    15

    “Blog footers help capture and maintain the interest of the visitor who thinks they’ve seen everything” this is true.

    0
  • Josh

    Tuesday, December 13th, 2011 00:07

    14

    wooow….. I guess this took you alot of work and time… thanks alot…. bookmaring it ;)

    thanks

    0
  • internet marketing brighton, mi

    Tuesday, July 19th, 2011 17:40

    13

    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!

    0
  • warren

    Tuesday, February 8th, 2011 06:14

    12

    I really want a footer to my site. Your post gave me an idea. Thanks!

    0
  • Dave

    Wednesday, August 4th, 2010 14:27

    11

    thank you for the list, but contactforms in the footer? is not really great….

    0
  • Colin

    Thursday, July 29th, 2010 09:24

    10

    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.

    0
  • Brad

    Thursday, July 15th, 2010 18:16

    9

    Thanks for the feature on this well-composed article.

    0
  • Jarkko Sibenberg

    Wednesday, July 14th, 2010 10:22

    8

    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.

    0
  • Magnus Äng

    Tuesday, July 13th, 2010 23:37

    7

    Thanks for some great and creative ideas for a footer.

    0
  • Theo

    Tuesday, July 13th, 2010 22:58

    5

    Like this useful article a lot, it is time to design my footer. Thanks !

    0
  • J-La

    Tuesday, July 13th, 2010 12:10

    4

    Some nice examples! Thanks for the useful overview.

    0
  • Dan

    Tuesday, July 13th, 2010 16:29

    3

    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!

    0
  • Aidan

    Tuesday, July 13th, 2010 16:21

    2

    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!

    0
    • Ari Suardiyanti

      Tuesday, July 13th, 2010 22:40

      6

      Feels good that you found this helpful, good luck on the footer design you are designing ;)

      0
  • Todd

    Tuesday, July 13th, 2010 15:59

    1

    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.

    0

Comments are closed.

54.205.98.35 - unknown - unknown - US