40 Inspirational 404 Pages

6 Flares 6 Flares ×

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.