As most of you guys probably know, the footer is the last significant part of a website. It tends to be used for placing important information, such as the RSS feedback button, slide galleries, contact information, latest posts, the site map, among others. But the footer its not just a large space to fill the bottom of the page. Its a whole design area, in which the designer can place some pretty cool ideas that will not fit inside the main space of the site. In this countdown, we will be showing you some of the coolest footer ideas on the web, so lets get it started.

Ground-Like Footers

This footers are identified by a high quality illustration on it, this is used by some designers to complete the layout of the website. The usual things this footers show are landscapes, cities, green and blue.

1. YoDiv

Footer01

This is the first example we found concerning ground-like footers. Its a good idea to create a solid ground to your website, because that may evocate a sense of responsibility and order ideas. You don’t need to insert a HD photograph to emulate a ground feeling, just a nicely-done image and that’s it.

2. Vill

Footer02
Octopus meets astronauts, that’s the main theme of this footer and the website in general, a lovely blue tone surrounds the website vibe.

3. Vimeo

Footer03
In Vimeo you will find a cool footer. Not much information is shown on it, but the main is present. A nice illustration style.

4. Kulturbanause Blog

Footer04
This is a brilliant WordPress Blog footer, it reminds me of an old Chinese painting, the waterfall, the mountain, the tree, everything helps in creating a brilliant footer design.

5. The Rissington Podcast

Footer05
This footer shows an old RFA plane ready to take off, the footer goes along with the rest of the page.

6. WeBiz4

Footer09
A series of ornamental figures sets the boundaries between the main page and the footer, a pretty one idea.

7. StrawPoll

Footer10

This one reminds me of Vimeo. The footer is always on top, so you can see it a every time while you’re on the website, a nice country field design.

8. Dandelion Path

Footer24
Oh, the classic vector flowers, long time no see, a feminine touch can be sense in this footer.

9. Branded07

Footer43
This guy loves penguins, so he took them to a lake at the bottom of his site, along with some interesting links, a contact form and a basic site map.

10. Gisele Jaquenod

Footer84
The design style of Gis can be sensed through all the website, cute vectors and a nice footer idea.

11. Storenvy

Footer97
See?, you don’t need a HD photograph, a very simple vector and you have a pretty landscape for your footer.

12. Urban Pie

Footer113
These 3 little cartoons look great in front of the city sketch, a pretty cool footer.

13. Carbonica

Footer114
Grab some textures, then add a simple vector and you got a good website footer.

14. Du Bout Deus Yeux

Footer115
I like the fact that the font plays along with the ground image.

15. ranked.it

Footer116
Not even a single word, but still a lovely footer.

16. littleoddforest

Footer117
This guy wanted to have his own web forest, so he draw it and let us seeing it through all the web navigation.

17. Bristol Archive Records

Footer54
Sober but attractive, a pretty cool footer.

18. Drawn to Pixels

Footer120
Although the site is under maintenance, they kept a cute little footer on it.

19. Multiways

Footer122
What a cool idea to put a worm inside the footer, A nice footer design idea.

20. bio

Footer128
Clear space, only a few vectors and information, a pleasant website.

21. launchmind

Footer129
A brilliant character design in front of a city drawing.

22. Yes Insurance

Footer130
Brilliant illustration, period.

23. Design Bombs

Footer132
This 3 soldiers appear to be at some Mario Bros world, be careful guys.

24. Tomas Pojeta

Footer133
This guy is a master of illustration, and this is only the website’s footer.

25. DivVoted

Footer135
I wish I live in this island, simple but beautiful.

26. ligne treize

Footer136
And if I get bored of the DivVoted island I could come and live here.

27. Twither

Footer138
Pretty illustration. This footer is almost the main part of this website.

28. Meomi Cloud House

Footer143
She has a lovely illustration style, imagine the rest of the website by just looking at the footer.

29. Jiri Tvrdek

Footer145
Mr. Panda invites us to meet Jiri’s footer.

30. Pinjata

Footer148
I sense some Disney’s inspiration in this website, a well applied inspiration.

31. flicka.cz

Footer155
This is so retro, I really like this footer and the website in general.

32. Rose Fu

Footer157
This footer and flicka’s look a lot alike, anyway, but are cool.

33. Stone Laboratory

Footer173
A nice contrast between a black and gray photograph and the blue sky.

34. Global Business IT

Footer174
This footer looks like a High Definition photograph, pretty cool.

35. Grzegorz Kozak

Footer176
Beautiful illustration, the image speaks for itself.

36. Huxley Prairie Festival

Footer185
Very iconic, the icons are the essence of this footer, along with the texture.

37. The Pixel

Footer191
As people say, an image is worth a thousand words.

38. The Great Bearded Reff

Footer197
The man with the beard, alone in his island.

Elegant and High Contrast Footers

This footers are designed to divide the layout through simple designs and contrasting colors, usually dark colors are used in this class.

39.Washtenaw Community College

Footer199
You can see some hints of illustration, but always keeping the simplicity.

40.MB Dragan

Footer06
Its not necessary to be an awesome illustrator to make a good footer. A well chosen color palette, thought font management and diagramming its all MB Dragan needed to make this footer work.

41.Weblabs Solutions

Footer95
An awesome footer, it looks just like the desk of many web designers.

42.Michale Graves

Footer188
You can be elegant and still rock, as Michale Graves does with his footer.

43.vigetengage

Footer134
Subtle gradients, organized information, great footer.

44.Stefan Kovac

Footer124
I feel so relaxed by looking at this footer.

45.Harmony Republic

Footer167
Brilliant color palette, a lot of empty space to create a visual rest area.

46.Frenzy Labs

Footer149
So simple, so beautiful, so peaceful.

47.TNT Pixel

Footer07
A simple footer that turns great thanks to the font the author choose and the dynamite element in the center.

48.Matt Salik

Footer182
Not much to say, a brilliant footer.

49.griffina

Footer103
Not to much details, just the necessary information with a nice diagramming, that’s pretty much it.

50.Nimbupani Designs

Footer121
Elegant, modern and with a elegant touch at the edge.

51.clandrei

Footer98
Acid, a very acid yellow and still, sober and well diagrammed.

52.CooperLive

Footer105
A lovely footer design. Provides the necessary information and completes it with a lovely instrument kit on top.

53.Oliver James Gosling

Footer170
A white background usually works, as it does in this case.

54.The White House

Footer40
The people of the White House have made a good job on using the footer to show all the information people need in a very clean and organized way.

55.PleaseFixTheiPhone

Footer101
They not even used black and white, just different tones of gray and you got it, an elegant and good looking footer.

56.Elan Snowboards

Footer45
This footer fits fine with the rest of the page. Well chosen fonts and organized information, along with a dark background to create contrast.

57.Ecoki

Footer163
Almost duotone, this footer have a very ecological style.

58.Billy Hughes at War / Museum of Australian Democracy

Footer11
A blue footer contrasts with the mainly white color around the website. The hand drawn illustration of Billy Hughes completes the design.

59.Kailoon

Footer66
Kailoon takes her footer to show some of her work, she also wrote a few “about me” lines and placed a cute little cartoon at one side.

60.Biola Undergrad

Footer50
A friendly website designed to persuade users to start studying at Biola, a simple footer with a nice touch at the right side.

61.US Trendy

Footer23
This is as simple as it gets, but still works as a good footer.

62.AdaptD.com

Footer90
Minimal detail in this footer, grabs my attention the so called “quote calculator” the show.

63.HEBAtec Internet Systems

Footer12
This footer resembles a Levi’s store. A very handcraft design that contents a search bar, contact information and some other important themes.

64.SprintBio

Footer15
In this page you cannot tell for sure where the footer starts and the main site ends, a good use of the green palette for the fonts and the backgrounds.

65.Smashing Magazine

Footer35
Simple diagramming, sober colors, appropriate information, this are all characteristics of the elegant footers section.

66.STPo

Footer161
A simple diagramming, brown and green look good together.

67.DesignWorksGarage

Footer89
Simplistic, almost duotone color palette, bottom line, a nice footer.

68.Obox Blog

Footer58
Simple and elegant design, useful information displayed and an interesting color choice.

69.Manndible Cafe

Footer94
You don’t need much more than this, a good combination between black and orange.

70.You The Designer

Footer108
The 3 column system usually works well, as it does on this footer.

71.Split Da Diz

Footer107
A nice zigzag edge, a flickr viewer and a tag cloud, its an interesting diagramming proposal the empty space given at the right side.

72.Behance Network

Footer109
The guys of Behance gave a considerable importance to the advertisement inside the footer area, the rest is a series of 6 blocks on information in black, gray and blue font.

73.Vocino Labs

Footer60
Modest design, organized information and a working contrast function.

73.Light CMS

Footer79
Black to white, white to black, header to footer, footer to header.

74.Mix Online

Footer81
An elegant footer is always a good choice if you’re working on a serious interface.

75.Rida Al Barazi

Footer77
So simple, so beautiful, so Rida al Barazi.

76.The Hickensian

Footer25
Very simple design, dark font colors over a light background and a nice icon at the right side.

77.Freelance Switch

Footer110
Strong font for the titles, brilliant color selection and a small but still captivating character around.

78.w3sh

Footer111
A 4 box footer, in the first a tag cloud, the next for Facebook add, then a latest post box and finally at the bottom, the main information.

79.Games for her by you

Footer146
A simple blue stripe in front of a dark / light background, beautiful.

80.Something Interesting

Footer160
Something interesting, something simple.

81.BlogSolid

Footer16
This footer doesn’t even covers the entire page’s width. Just a small yellow shape with the main information, that’s it.

82.Bits & Pixels

Footer17
Colorful but still simple is the fittest description to this footer. Basic information and the website logo are found on it, nothing else.

83.City of Grace Mesa

Footer18
Some Grunge texture and a brown color palette. As long as information, the main Web 2.0 and the corporative information are shown.

84.FortySeven Media

Footer37
Elegant, organize and complete could be some of the words to describe the FortySeven media footer, a good example for those who like to keep it simple.

Artistic Footers

Some designers don’t like too much the box diagramming for their footers, instead, they place a sample of his work, with a little bit of information around.

85.Groovy Web Design

Footer192
Sometimes you just need to draw and everything will look clearer

86.Kitfolio

Footer131
Even with a purple background, this doesn’t look girly, a brilliant illustration work.

87.webdesigner depot

Footer137
This guy surely took some time to illustrate this footer, a brilliant work.

88.Phizz

Footer46
A mix between grunge textures and vector shapes, a well done footer from the guys of Phizz.

89.Studio Racket

Footer112
A very organic design, nice use of illustration around the footer and the website in general.

90.Kris Colvin

Footer140
Brilliant, I love this footer’s quality.

91.Duirwaigh Studios

Footer153
I have always thought in red when someone says to me the word “theater”, I was right, this guys used that color.

92.Hugs for Monsters

Footer142
The creator of this website seems to like to paint using oils and stuff, as you can see on the web 2.0 icons in top of the footer.

93.The Portfolio of Jonathan Patterson

Footer162
The theme of this website goes around food and etiquette. The footer resemblances a open restaurant menu.

94.USMP

Footer151
Those child looking icons rules and look well along the drawing at one side.

95.Mplusz

Footer198
An elegant footer with a cute illustration inside.

96.Cole & Weber United

Footer152
This guys knew the possibilities that graphic design has to offer before they started this footer, you can tell that.

97.AAN Designers

Footer150
Those trees remind me of the Bauhaus era. The patterns placed at both sides look very nice.

98.The Midnighters Club

Footer175
Beautiful footer, the author spend a lot of time making that illustration, for sure.

99.Carol Rivello

Footer168
Carol succeeded in placing in the footer the main information and at the same time an example of her work.

100.CrazynFunny

Footer19
This guys use the footer for publicity space, although they placed a cute illustration at the right side.

101.Ayaka Ito

Footer147
Ayaka has a very defined style, great character design and good color acknowledgment.

102.Obsessable

Footer141
Almost CMYK, a brilliant idea the icon placed at the left side.

103.SamRayner.com

Footer61
Organic and vibrant are some of the words to describe the green texture in the back of this footer. Well organized information completes it.

104.Inca un calator

Footer102
Its nice to find a footer with the classic dashed lines on it.

105.Dean Oakley

Footer139
Is this a floating island?, nicely done.

106.simple.art

Footer118
To see this website, you need to be a fly, because it can only be seen from above, as you can see on the footer.

107.Zagreb Fever

Footer119
Two trains in a footer, interesting.

108.Red Nose Day 2009

Footer39
Who said art must always be full of details. This website have a beautiful footer with a bit of art touch, those red noses look great along with the chosen font.

109.Northern Classics

Footer80
So American, the lady in the middle, motorcycles, fire gradients and a spanner, a good footer idea.

110.Fran Boot

Footer156
They used a brilliant reflection effect in this footer.

111.Missy

Footer85
Missy loves jean, so Missy placed it all over her website, even at the edge of the footer.

112.Generation Church

Footer78
A resource that a lot of graphic designers love is the one that consists in continuous dark and light lines, this guys made use of this resource.

113.Blog.SpoonGraphics

Footer56
Some vectors, a few textures, a little bit of information, 3 ingredients that can work well in a footer.

114.Vikiworks Infinity

Footer144
Paper, coffee and pencil, some of the best friends of every designer.

115.farfromfearless

Footer184
This guy used a mixed painting technique to give life to his footer.

116.Cheb 2.0

Footer183
Great footer, just the necessary to get to visual, I like the white paint details on top.

117.Olly Hite

Footer34
Poor information the one shown on this footer, but the overall design work is nice.

118.Digital Deception

Footer88
This is a pretty cool design, the footer makes impact at the first sight.

119.Team Green Adventures

Footer86
They love nature, so they are very incisive with that by saying that everything is made with recycled material, although I don’t know what is recycled material on the web.

120.Blup!

Footer87
Awesome illustrations, this guys took the footer space to show some of his greatest work.

121.Creamy CSS

Footer125
You feel in a library by looking at this footer, or well, at least at some book store.

122.vsplash

Footer126
They took care of the font at every stage, it was only needed a smooth background to complete this footer.

123.Restaurant Nuevo Aurich

Footer127
Its a brilliant footer, because it captures the essence of the restaurant.

124.Ximena Ruiz

Footer189
Girls usually create lovely websites, as Ximena does.

125.Flowde Blog

Footer190
They could have done something better with the contact form, but its still a nice footer.

126.Lendl Allen V.

Footer194
A lovely combination between the candle and a handmade font.

127.Freelenz

Footer13
An interesting design, with a earth based color palette. Tons of greens and browns nicely placed around the page and obviously the footer.

128.Reisen Nach England

Footer82
Mainly the basic information, the red illustration takes all the credit for the success of this footer.

129.iSpoil

Footer83
An interesting texture exploration, just a small space is taken to place some basic information.

130.Boagworld

Footer93
Nice texture over the green lines, a lot of important information and a cow on top!!!.

131.Matt Mullenweg

Footer92
I like this footer design, the leafs element and the piano at the right side creates a good environment.

132.LoveTweet!

Footer96
Who said that red is the color of love?, no way, the new love is painted in black and pink.

133.Snailbird

Footer159
This footer is so innocent and beautiful, I like it.

134.Legendary Aircraft

Footer20
Because this website makes aircraft works, its a nice touch to place a tool box at the footer next with the main information.

135.Pannoninvest Libra

Footer21
A well chosen wooden texture complemented with a pen and an envelope at the right side of the footer.

136.Chirp

Footer196
I like this style, reminds me of the Powerpuff Girls.

137.Dale Harris

Footer72
Magenta and blue always get along, even more if a vector shape enters into the mix.

138.Pastebot

Footer201
Those 4 characters are brilliant, the rest of the footer is a very elegant one.

139.Web Designer Wall

Footer22
This guys pay a lot of attention to the details, a lovely footer design.

140.Chris Sharp

Footer123
Pretty cool the brush touch at the bottom of this footer.

141.Caty Design Studio

Footer26
This cat is beautiful, and its even animated, also the color elements next to the cat helps creating the mood.

142.Festival Boreal 2009

Footer200
A beautiful illustration at the bottom of the website.

143.ilovecolors

Footer100
Another texture exploration, just a few lines of information and we’re done.

144.Guilago

Footer76
Prepare yourselves, the great Guilago is here, a powerful and still simple footer has came to save our lives.

145.I primi dieci

Footer71
A pretty cute footer, loving the font and icon management.

146.Blog Me Tender

Footer67
This is probably the biggest footer we have seen. At the bottom we can see some clouds, then we went above and found a RSS balloon floating. A good idea.

147.The ExpressionEngine and CodeIgniter Conference

Footer187
Beautiful footer, love the little twitter bird.

148.Soh Tanaka

Footer68
Simple design, funny illustration.

149.Edgepoint Church

Footer70
Very simple, this guys are inviting us to join their church and they’re also aware of the web revolution, so what better than making a nice website with a nicer footer?.

150.space

Footer53
Yes, I know that they could be at the additional functions section. But they deserve to be in this one thanks to the way they show the contact information and the others.

151.Catalyst Studios v.3

Footer27
All the links are placed over a notebook,, and the blog information is over a post it next to the notebook.

152. Yuru

Footer203
A brilliant vector work and color palette, I feel peaceful by watching this footer.

153. Story Pixel

Footer204
Lovely use of textures and hand drawing.

154.Living Design

Footer178
A quite complex image covers the main body of this footer.

155.S.Coslow

Footer179
Very simple design, a cool photograph, 2 divisions, main information and no more.

156.Digital Deceptions

Footer180
The bottom of a paper sheet, very simple footer.

157.Samantha Warren’s

Footer181
Some random shapes and a twitter pink bird, that’s basically it.

158.Seed Hunter

Footer48
I bet you are thinking about Indiana Jones. Well this guys got inspired but those classic movies featuring Harrison Ford and made a brilliant website. The footer shows the main information, surrounded but a nice touch of an envelop, a piece of tape and growing seeds at the top.

Footers with additional functions

This kind of footers are used to provide a lot of information in a small space. Besides looking good, the main concern of this designers is to create a footer that communicates things such as the contact information, web 2.0 links, site map, subscriptions, latest posts and tag clouds.

159.Ectomachine

Footer154
I like the clips holding on the footer. But more important, I like the amount of information they’ve managed to place in this small area.

160.Flourish Web Design

Footer164
Web design is just like florist, or at least that’s what this guys think.

161.BlogHelpr

Footer195
They know about business, and that’s why they invite you to create and account so you can pay them through PayPal.

162.Ten Thousand Things

Footer28
Besides the main information, this footer shows some interesting tags and advertisement.

163.The Greg Brady Project

Footer29
A retro page in which his author makes a compilation of 70’s articles. The footer goes by the same posture, some old pictures with a light blue completes the style of it. Also it provides the visitor with a “get in touch” space.

164.Komodo Media

Footer106
The creator of Komodo Media wants to keep constant communication with us, that’s why he shows us a series of cd icons showing what he’s listening to, also you can find an instant access to the latest tweets.

165.tj mapes

Footer186
The author of this website surely loves the Web 2.0, as you can see on the footer.

166.Queness

Footer193
He knows that a love of people have been benefiting with his blog, so he invites to donate.

167.Web Design Agency Hull

Footer30
This guys know exactly what to show to their clients. At the left side is a list of all the things they can do as an agency and at the right side is very precise contact information.

168.Fubra

Footer177
When rollover, a cell phone displays showing the viewer the applications that Fubra hast to offer.

169.Brad Candullo

Footer69
OK, we have seen footers that show the contact information and even a contact form, but this guy placed even a field so everyone can download his resume, a pretty cool idea.

170.Creanto: The Cloud Agency

Footer165
In their footer, this people offer precise contact information and subscription buttons.

171.CUTLER

Footer166
They certainly took advantage of the footer area by placing 3 items that allow them to stay in contact with the audience.

172.Media Ambassador

Footer31
In this footer you can find a email subscription bar. A nice black, white and orange design.

173.DrupalCon DC

Footer51
They use the footer for 3 main purposes: To promote the DrupalCon DC event, to tell people about a t-shirt design contest and to show the press kit. Also at the top of the footer you will see some advertisement links, at the bottom you will see the site map.

174.Lewro

Footer08
Simple black and gray footer with a worldwide map that shows in red the places were Lewro have worked in.

175.Powazek

Footer74
A complete search tool to find posts through all the website, a good way to take advantage of the footer.

176.odosketch

Footer158
They don’t use their footer to promote their selves. Instead, the give this space to show some of the latest posts made on the page.

177.Ready Made Designs

Footer169
Recent posts, recent tweets and useful links, 3 thinks that makes this footer an essential part of the website.

178.Banjax Web Design

Footer91
If you want to know the exactly location of Banjax, their footer is the solution. An integrated Google Map shows you their exact position.

179.CSS Tricks

Footer14
Well dear nerds, this is your footer. This guy knows that he’s a nerd and doesn’t feel embarrassed about it, its footer offers a lot of subscription options, main information, site map and other projects.

180.Positive Space Blog

Footer63
Organized information, access to the latest tweets, comments, listings and links, this footer is a nice utility.

181.GoMediaZine

Footer57
We can find on this footer a countdown of the most active users, a Flickr viewer and a random poll.

182.43 Folders

Footer62
Recent posts, hot topics and a central image that contains links to some of the main web resources, as the website name goes by, its footer possesses a folder shape.

183.Lady Omega

Footer47
A simple footer that exposes a Flickr gallery, a Last FM link and some book recommendations.

184.Hopking Design

Footer32
You can find anything about this dude on its footer, a complete contact information and also a newsletter subscription tool.

185.Josh Mackey

Footer44
We appreciate the use given to the icons in this footer. Links to some of the main web resources are placed on this footer.

186.Tigers

Footer38
Well, this footer will be at the elegant footers section if it doesn’t shows a Facebook window showing some of Tiger’s friends.

187.Productivedreams.com

Footer65
The first footer we have found until this point with a calendar one it, just for having that element they’ve already reached this category.

188.Blog Amuki

Footer42
Very artistic footer, but most important, it shows a series of icons to access to some interesting sites, you can also find the most recent post and tweets from the author.

189.NewConcept

Footer49
This footer possesses a useful tool, a link to access to the main browser websites so you can download it in an instant.

190.Daniel J. Quinn

Footer52
3 slideshows are the use given to this footer, you can see also the main information at the bottom part.

Innovative Footers

In this section we include footers that are innovative both in graphic styles as in implementing new tools that usually are not seen in the regular footers.

191.Incubus

Footer33
Awesome font for the titles, awesome grunge texture, bottom line, an awesome footer.

192.I Love Typography

Footer99
Sober but vibrant, this footer makes a great combination between wild and simple graphic design, I find very interesting “the font game” application.

193.Jason Santa Maria

Footer36
Do you think the footer is useless?, well this guy doesn’t, he have created one of the coolest footers around, not only elegant, but effective at capturing the viewers thanks to the richness of the information and useful tools.

194.Duoh!

Footer104
I like I lot this footer. They placed some important links that are no the usual, such a as questionnaire and a supporting information for micro formats, also a very nice color management.

195.Mr.Diggles

Footer55
Mr. Diggles’ footers is one of the most elegant and innovative around. A picture of the one we assume is Mr. Diggles and a tag cloud next to him. That’s pretty much it.

196.David Hellman

Footer41
Footer is very useful, right David?. Besides the main footer, you can see al the time a tiny little bar that shows some web 2.0, a scroll button and the main information. Then you can go to the real footer and will find some extra information, diagrammed with a very sensitive style.

197.Sawyer Hollenshead

Footer64
A great idea the one of showing a city landscape at the bottom of the footer. Important information closes the entire design.

198.Superior Contracting Services

Footer171
This footer is awesome. They had the idea of placing the main information inside an architectural plan.

199.Fusebox Creations

Footer172
In terms of navigation this footer is just like the rest, but the diagramming is nothing like the usual footers.

200. justBcoz

Footer202
Its nice to find a calendar next to the post categories, also the icon at the right side is quite beautiful.
OK guys, we hope that you’ve enjoyed this countdown, we tried to gather all the greatest website footers around. If you know about some footer we haven’t mentioned, let us know. Until the next time.


http://www.bypeople.com/the-200-best-footers-on-the-web-2/