Not long ago\u00a0we posted a collection of creative WordPress header designs. This week we have decided to make a compilation of inventive website footer designs<\/strong>.<\/p>\n

The majority of the sites we see on the web do the bare minimum when it comes to footers, maybe an <hr> tag with some copyright information, contact info and links to social media sites or something similar.\u00a0 But what if you want to go above and beyond the norm?<\/p>\n

I often feel that the footer of a website is usually something that is an afterthought to designers.\u00a0 They plan a site and lay it all out, then get to the bottom and wonder how they can quickly and easily tie the page off.\u00a0 But why not include it in the design?\u00a0 Why think of your site as a vertical page that scrolls from top to bottom?\u00a0 A website has multiple pages, just like a book.\u00a0\u00a0 So why not think of your next website more like a book, something that comes full circle at the end and returns you back to the beginning?<\/p>\n

These website footer designs are like treasure to designers. Don’t forget to click on the image to visit each site (they have some awesome header designs and content), and if you would like to show off your footer, leave a comment.<\/p>\n

Bcandullo<\/a><\/h3>\n

<\/a><\/p>\n

Bcandullo’s footer design is girly and uses a beautiful, blue gradient. This footer is mostly focused on showing contact info. You even get a contact form. It’s all about finding clients and this is an awesome approach.<\/p>\n

Branded07<\/a><\/h3>\n

<\/a><\/p>\n

Branded07,s footer has a nice vector illustration incorporated. It also offers a quick “Get in touch” widget with a small contact form.<\/p>\n

Yodiv<\/a><\/h3>\n

<\/a><\/p>\n

YoDiv\u00a0 is a fun site, not only because of the entertaining icons and artwork, but because the footer provides a wealth of free resources for developers and designers.\u00a0 I\u2019ve seen this strategy of making the bottom of your page ground level, giving everything above it the appearance that it was in the sky, and by making the color below it an earthy, dirt-brown color, suggesting the footer is buried underground.<\/p>\n

Inspiredology<\/a><\/h3>\n

<\/a><\/p>\n

I\u2019ve run across this theme a couple of times, but\u00a0Inspiredology\u00a0was the first place I saw it.\u00a0 It\u2019s a fun layout from top to bottom, but the one noteworthy thing about their footer is how they use one simple graphic to tie the entire page together.\u00a0 They could have left the chemistry beaker full of magic potion and the pile of books out and the site would have still been fine.\u00a0 But by placing that image there it ties us back into the header at the top of the page, giving the site a whole and complete feeling.<\/p>\n

PSD Tuts<\/a><\/h3>\n

<\/a><\/p>\n

PSDTuts footer is filled with useful info. Want to know more about their copyright rules? You can find out here. Also if you’re interested in writing a tutorial or send them some suggestions, you can easily do that as links are provided.<\/p>\n

Basecamp HQ<\/a><\/h3>\n

Basecamp HQ\u00a0does a great job at sprucing up their footer.\u00a0 One of the more interesting things I found about this footer was how they integrated the corner graph.<\/p>\n

<\/a><\/p>\n

<\/h3>\n

Carol Rivello<\/a><\/h3>\n

Carol Rivello\u00a0has a perfect example of social media icons in use in her footer.\u00a0 Her color selection flows together seamlessly and there aren\u2019t any sharp contrasts that strain the eyes and make it hard to look at.\u00a0 I also like how she uses a simple graphic to add a little character to the footer of the page.\u00a0 It makes the footer a little taller, but without the graphic, it would be just another footer and would be easy to overlook.<\/p>\n

<\/a><\/p>\n

Andy Simpson<\/a><\/h3>\n

<\/a><\/p>\n

I\u2019m always a fan of including photography in sites.\u00a0 So, naturally, when I came across\u00a0Andy Simpson\u2019s site\u00a0and saw his footer had a mini-Flickr feed in the footer, I was quite pleased.\u00a0 Along with his Flickr feed, Andy also includes all the basics and useful info, like how to get in touch with him, page links, a site map, his logo, and even a button to quickly jump back to the top of the page.<\/p>\n

Viget Inspire<\/a><\/h3>\n

<\/a><\/p>\n

Viget Inspire’s blue colored footer is divided into 2\u00a0columns and has focus on contact info.<\/p>\n

Sam Rayner<\/a><\/h3>\n

<\/a><\/p>\n

Sam Rayner’s website footer has a cool way of displaying its widgets. You’ll see a cool gallery widget showing his latest work, an RSS icon and a Recommended Posts element.<\/p>\n

CSS Tricks<\/a><\/h3>\n

<\/a><\/p>\n

CSS Tricks footer is full of useful links like Navigation, About, Other Projects, Subscription and FAQ.<\/p>\n

Productive Dreams<\/a><\/h3>\n

<\/a><\/p>\n

Productive Dreams’ website footer\u00a0is simple, has a dark background and a cute, little, illustration.<\/p>\n

Simple bits<\/a><\/h3>\n

Simplebits footer is simple, yet informative. You’ll get a bunch of useful links for social media accounts.<\/p>\n

<\/a><\/p>\n

Matt Brett<\/a><\/h3>\n

<\/a><\/p>\n

Mat Brett’s dark brown footer design\u00a0has two featured buttons and some text, on a dark background.<\/p>\n

Blup<\/a><\/h3>\n

<\/a><\/p>\n

This is another great example of a footer design with little or almost no information, but with a super cool vector illustration.<\/p>\n

UsTrendy<\/a><\/h3>\n

<\/a><\/p>\n

UsTrendy’s light footer with pink accents is all about links! It offers many useful links to important pages of the site.<\/p>\n

Biola<\/a><\/h3>\n

<\/a><\/p>\n

Biola’s red footer design has some interesting icons which help in creating a bond with the readers.<\/p>\n

BoagWorld<\/a><\/h3>\n

<\/a><\/p>\n

This is a huge, fullscreen footer with lots of links that offer some really useful information to the readers.<\/p>\n

Bern<\/a><\/h3>\n

<\/a><\/p>\n

Bern footer design doesn’t have any widgets but it has an awesome map element added to it. This is what makes it look so good.<\/p>\n

LoonDesign<\/a><\/h3>\n

<\/a><\/p>\n

Loon Design’s footer is all about showing the most recent works in a Portfolio gallery widget. It also shows a brief description of the owner.<\/p>\n

Albertlo<\/a><\/h3>\n

<\/a><\/p>\n

This is a nice, informative footer design with an About section, a detailed contact information widget and a nice Testimonials element.<\/p>\n

Cappen<\/a><\/h3>\n

<\/a><\/p>\n

This is a stunning example of how you can successfully\u00a0create a minimalist, fullscreen footer for a single page website.<\/p>\n

Hugo & Marie<\/a><\/h3>\n

<\/a><\/p>\n

When creating a footer layout it\u2019s important to keep in mind to also have an outstanding design that will impress your users.<\/p>\n

Elastique<\/a><\/h3>\n

<\/a><\/p>\n

Here is another beautiful footer that demonstrates\u00a0elegance by using a dark background and simple, white links divided into 4 columns.<\/p>\n

Brave People<\/a><\/h3>\n

<\/a><\/p>\n

Here is an excellent footer that has a simple but very effective design. It uses big\u00a0fonts and a black and white color palette.<\/p>\n

Feedly<\/a><\/h3>\n

<\/a><\/p>\n

Feedly offers a single place to easily read all the news you rely on. It lets you organize all your favorite publications, podcasts and\u00a0blog updates, in just one place. Their footer includes a simple CTA.<\/p>\n

Lordz<\/a><\/h3>\n

<\/a><\/p>\n

The Swiss Urban Dance Academy Lordz is hitting the floor in the digital dimension with this great website design.<\/p>\n

Lunar gravity<\/a><\/h3>\n

<\/a><\/p>\n

This is another creative footer design of\u00a0an agency. It combines link elements divided into columns with a large, Get in Touch CTA.<\/p>\n

Digital marketing agency Melbourne<\/a><\/h3>\n

<\/a><\/p>\n

Digital Next is a Digital Marketing Agency based in Melbourne. \u00a0Their website is clean, modern and has very nice subtle animations.<\/p>\n

Olson Agency<\/a><\/h3>\n

<\/a><\/p>\n

This website design uses large, bold typography and vibrant colors to catch the visitors\u2019 attention.<\/p>\n","protected":false},"excerpt":{"rendered":"

Last week we posted a collection of creative WordPress header designs. This week I have decided to make a compilation of inventive website footer designs. These footer designs are like treasure to designers.<\/p>\n","protected":false},"author":30,"featured_media":50601,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[46],"tags":[],"aioseo_notices":[],"yoast_head":"\n