40 Inspirational 404 Pages

This is a guest post by Ken Hattori. If you want to guest post on this blog, check out the writing guidelines here.

We’ve all been there: You type a URL into your browser of choice, wait with anticipation for the page to load (although, since this is 2011 rather than 1991, it should only take about 2 seconds), and then… nothing.

Nothing? What gives? Well, it’s like this. You, my friend, have broken the Internet. Of course, what your visitors see at this point is the infamous 404 – Page Not Found error, which is often simply a boring, white, unappealing placeholder where whatever they were looking for should be. But fear not! Assuming you own and / or operate at least one website, a 404 error, far from being the kiss of death, can be almost anything you want it to be – if you play your cards right, that is.

For instance, rather than being a simple “Nothing’s here, go away!” type message for your visitors, a properly designed 404 error can give the people looking at it a sense of who you are, and what you’re trying to say. It can make them laugh, cry, or simply scratch their heads in confusion… but what’s important is that they DIDN’T LEAVE YOUR WEBSITE, which brings us to the next advantage of a cool 404 page…

It keeps eyes on your site – eyes that will instinctively look for directions on what to do next. Humanity, as a whole, is a social animal, and it’s up to you to give them clues on how to react. So they’ve landed on your 404 page? Great! Send them back to your homepage, or to one of your affiliate offers (if you’re partnered with AdSense or Amazon, for instance), or to a “Top 10 posts” section… the sky’s the limit. The point is to keep your visitors on-site and engaged, because an engaged visitor is a return visitor.

With all that in mind, let’s take a look at some examples – 40, to be exact – of cool / funny / quirky custom 404 error pages that other folks are using to give their sites a touch of panache.

Just click on the links below, and you’ll be taken to their respective pages.

 

HOMESTARRUNNER.COM

http://www.homestarrunner.com/systemisdown.html

 

NOSH

http://www.nosh.me/404

 

BLIPPY

http://blippy.com/username_available/404

 

ANGAAR

http://angaar.ee/404/

 

GOG.COM

http://www.gog.com/en/error/404

 

ROCKETTHEME.COM

http://www.rockettheme.com/404

 

BLIZZARD

http://us.blizzard.com/404

 

BLUE DANIEL

http://www.bluedaniel.com/404

 

FRYE WILES

http://www.fryewiles.com/templates/errors/404.html

 

iSTOCKPHOTO

http://www.istockphoto.com/503

 

AGENS.NO

http://agens.no/404

 

CENTERD

http://www.centerd.com/error.html

 

WALK WITH YOU

http://www.walkwithyou.me/404

 

D20SRD.ORG

http://www.d20srd.org/404-not-found

 

TELE2.NO

http://www.tele2.no/404.html

 

AFRICAN BUDGET SAFARIS

http://www.africanbudgetsafaris.com/404/

 

REDBILBY.COM

http://www.redbilby.com.au/test

 

PATTERN TAP

http://patterntap.com/404

 

NORTH FACE

http://www.thenorthface.com/404

 

INTERMIX MANAGEMENT

http://www.intermix.nl/404/

 

GOWA TV

http://www.gowatv.com/error-404.php

AROMA-GUSTO

http://aroma-gusto.de/error.html

 

ABDUZEEDO.COM

http://abduzeedo.com/hi

 

BRANDSTACK

http://brandstack.com/404

 

INCAN.CO.UK (This page actually lets you play SPACE INVADERS! Time well spent, if you ask me…)

http://www.incan.co.uk/404.html

 

TRACTR.NET

http://tractr.net/404

 

TWINGLY

http://www.twingly.com/errors/500.html?aspxerrorpath=/404

 

HUWSHIMI.COM

http://huwshimi.com/404/

 

CATALYST STUDIOS

http://www.catalyststudios.co.uk/404

 

CSS REMIX

http://cssremix.com/archives/1353

 

WULFF MORGENTHALER

http://wulffmorgenthaler.com/error.htm

 

APARTMENT HOME LIVING

http://www.apartmenthomeliving.com/404.html

 

TK DESIGNS

http://www.tkdesigns.tv/404

 

CHRIS JENNINGS

http://chrisjennings.com/404

 

SURFING ON STATIC

http://www.surfingonstatic.com/pages/404.html

 

SUSPENDEDANIMATIONS.COM

http://suspendedanimations.com/404

 

CLUB PENGUIN

http://www.clubpenguin.com/404

 

LEAP ANYWHERE

http://www.leapanywhere.com/404

 

A LIST APART

http://www.alistapart.com/storiesfear43.html

 

ROBO.TO

http://robo.to/hmm.html

 

And there you have it – 40 examples of the best 404 error pages for your inspiration.

It’s your site… do what you feel. When it comes to your audience, though, just remember one thing: Never let ’em go away bored.

 

Happy designing!

About Author

Ken Hattori is a technology writer. He has a passion for design, photography, letterpress, and just about anything that is appealing to the eye. Having spent some time living in Japan, he has developed a fascination with minimalistic and clean designs.