35 Creative 404 Error Pages

Posted by Gisele Muller on Jan 17, 2011 | 24 Comments

This week I was doing some research and I often found that horrible error blank page in several websites. I instantly recalled a showcase we had a while back with 40 Creative 404 Error Pages to Inspire You and decided to do a new roundup on 404 error pages. I simply love when someone spends time designing an error page, even knowing that this page won’t be seen that much – or at least it shouldn’t be seen. This is a major proof of consideration for users. It’s knowing and remembering that sometimes we all make mistakes and end up in the wrong page. So for those few times when something goes wrong, it’s much better to see something nice.

Source:

Pattern Tap

About the Author

I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

Here's some other articles that you will definitely find useful.

24 comments

Robert Wojo
January 17, 2011
Some really good ones in there. Couldn’t find decent 404 inspiration, but here it is.
Reply
Max Hawkins
January 17, 2011
Where’s the github one? It’s the only 404 I know of that has parallax.

http://github.com/404
Reply
Anthony Wartinger
January 17, 2011
Very nice collection. I especially dig Irrational Games’ 404 page.
Reply
Theo
January 17, 2011
Apadeloup is my favourite here. Nice and inspiring collection!
Reply
Tom Cash
January 17, 2011
An awesome collection… I recently had a go at doing my own: http://www.tomcash.co.uk/404
Reply
lars
January 17, 2011
luv the frye/wiles 404-site … whoops
Reply
Pragmatic Design
January 17, 2011
Nice collection. Here’s ours: http://www.pragmaticdesign.co.uk/404/
Reply
David
January 17, 2011
I thought ours was quite cool for a photography website? http://www.flixelpix.com/404/ddd
Reply
Anokai
January 17, 2011
If I had to vote I’d probably go with Blizzard’s.

@David It’s not bad but perhaps not as creative as those mentioned in this post Props for pegs! (I also love your navigation menu – it’s lovely in its simplicity.)
Reply
Thijs
January 17, 2011
I really miss the github 404 page here. It’s the best out there: https://github.com/404
Reply
Herberth Amaral
January 18, 2011
You just forgot one of the best of all times: Github 404 https://github.com/404
Reply
snipe
January 18, 2011
The creativity is fun, but I’m disappointed to see how many of these examples completely dead-end the user, and make no effort to try to redirect the user in a useful way. No suggested search results or even a search box, and some don’t even seem to have proper site nav. I love the idea of being a little cool and creative with your errors, but it’s important not to sacrifice the user’s experience for the sake of a pretty page. When someone hits a 404, the MOST important thing you should try to do is help them find their way to what they were looking for – or at the very least provide them with some options for moving forward. Sad that we still see this kind of UI fail in 2011. That’s a 1997 mistake.
Reply
raybak
January 19, 2011
such creatively designed 404 pages should add great value to the site. nice and inspiring collection..
Reply
Jahangir Hussain
January 19, 2011
These 404 pages are really awesome. cool collection, inspiring and creative. thank for sharing Gisele.
Reply
Carol Rivello
January 20, 2011
Thanks for featuring my 404 page and my lost piggy
Reply
Kleber Virgilio Correia
January 21, 2011
Hey… great pages!!!
Reply
chorlton
January 21, 2011
Sweet I’ll rip off the simpsons and be “creative”
Reply
Lauri Kreutzwald
January 22, 2011
Some nice ones here
Lauri Kreutzwald
Reply
Jackchen
January 25, 2011
Love it … Thanks for share
Reply
Mike Mai
October 28, 2011
i recently put up a custom 404 page as well: http://mikemai.net/404

Reply
NativeHacker
June 3, 2012
404 error that also teach visitors…
You must include this one, found an error 404 on nativehacker.com
Reply
webdesigncc
August 29, 2012
See my page. And i guess its creative enough to top the above list.
Isnt it guys?
http://www.webdesigncc.com/404
Reply
flaviobarcaccia
May 6, 2013
uno more error http://www.marsciano7.it/404
Reply
Andrew
February 2, 2011
Btw. the snake part isn’t shown in IE
Reply

Web Design Ledger

Source:

About the Author

Related Posts

24 comments

Max Hawkins

Anokai

Thijs

chorlton

Leave a Reply

Subscribe