Tips and Inspiration on Creating a Great Website Footer

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

Ari Suardiyanti

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.

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. says

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

  2. Shawn says

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

  3. Josh says

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

    thanks

  4. internet marketing brighton, mi says

    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!

  5. says

    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.

  6. Jarkko Sibenberg says

    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.

  7. says

    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!

  8. says

    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 says

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

  9. says

    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.