35 Creative 404 Error Pages

By / Jan 17, 2011 / Inspiration
shares

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.

Dailymotion Cloud

404pages01

Sarah Maxey

404pages02

Irrational Games

404pages03

Deliciously Creative

404pages04

Apadeloup

404pages05

Blizzard

404pages06

Black Moon Design

404pages07

Carol Rivello

404pages08

Deaxon

404pages09

Image Spark

404pages10

impactideas

404pages11

ILT – I Love Typography

404pages12

duoh

404pages13

frye / wiles

404pages14

newspond

404pages15

Odopod

404pages16

craigslist

404pages17

Heinz

404pages18

Henrik Hedegaard

404pages19

limpfish

404pages20

Teehan+Lax

404pages21

Sage Media

404pages22

brightkite

404pages23

Wufoo

404pages24

Kidmondo

404pages25

Cuoma Design Studios

404pages26

MailChimp

404pages27

The Web Motel

404pages28

robo.to

404pages29

deviantART

404pages30

Gnolia

404pages31

Shelfworthy

404pages32

Leap Anywhere

404pages33

Unit Interactive

404pages34

habrahabr.ru

404pages35

Source:

Pattern Tap

About the Author

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

24 Comments

  1. Robert Wojo
    January 17, 2011

    Some really good ones in there. Couldn’t find decent 404 inspiration, but here it is.

    Reply
  2. 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
  3. Anthony Wartinger
    January 17, 2011

    Very nice collection. I especially dig Irrational Games’ 404 page.

    Reply
  4. Theo
    January 17, 2011

    Apadeloup is my favourite here. Nice and inspiring collection!

    Reply
  5. Tom Cash
    January 17, 2011

    An awesome collection… I recently had a go at doing my own: http://www.tomcash.co.uk/404 :D

    Reply
  6. lars
    January 17, 2011

    luv the frye/wiles 404-site … whoops :)

    Reply
  7. Pragmatic Design
    January 17, 2011

    Nice collection. Here’s ours: http://www.pragmaticdesign.co.uk/404/

    Reply
  8. David
    January 17, 2011

    I thought ours was quite cool for a photography website? http://www.flixelpix.com/404/ddd

    Reply
  9. 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
  10. Thijs
    January 17, 2011

    I really miss the github 404 page here. It’s the best out there: https://github.com/404

    Reply
  11. Herberth Amaral
    January 18, 2011

    You just forgot one of the best of all times: Github 404 https://github.com/404

    Reply
  12. 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
  13. raybak
    January 19, 2011

    such creatively designed 404 pages should add great value to the site. nice and inspiring collection..

    Reply
  14. Jahangir Hussain
    January 19, 2011

    These 404 pages are really awesome. cool collection, inspiring and creative. thank for sharing Gisele.

    Reply
  15. Carol Rivello
    January 20, 2011

    Thanks for featuring my 404 page and my lost piggy :)

    Reply
  16. Kleber Virgilio Correia
    January 21, 2011

    Hey… great pages!!!

    Reply
  17. chorlton
    January 21, 2011

    Sweet I’ll rip off the simpsons and be “creative”

    Reply
  18. Lauri Kreutzwald
    January 22, 2011

    Some nice ones here :)
    Lauri Kreutzwald

    Reply
  19. Jackchen
    January 25, 2011

    Love it … Thanks for share :D

    Reply
  20. Mike Mai
    October 28, 2011

    i recently put up a custom 404 page as well: http://mikemai.net/404

    :D

    Reply
  21. NativeHacker
    June 3, 2012

    404 error that also teach visitors…
    You must include this one, found an error 404 on nativehacker.com

    Reply
  22. 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
  23. flaviobarcaccia
    May 6, 2013

    uno more error :-) http://www.marsciano7.it/404

    Reply
  24. Andrew
    February 2, 2011

    Btw. the snake part isn’t shown in IE

    Reply

Leave a Reply