Popular Tags

Smashing Magazine - we smash you with the information that will make your life easier. really.

404 Error Pages: Reloaded

Advertisement

Three weeks ago we’ve showcased some of the most beautiful, creative and user-friendly 404 Error Pages; we’ve collected some interesting ideas one can use to help out the visitors once they got lost ony your page. We’ve also asked our readers to design their own 404 pages and promised to present the best solutions afterwards.

We’ve received over 100 entries. The choice wasn’t easy, so evaluating the quality of the entries we’ve considered – among other things – the communication with visitors, precise and clear navigation, the use of graphics, creative ideas and some outstanding solutions. Some of the solutions presented below might not be as helpful as they could or should be, however they include some creative approaches you should be aware of designing your 404 error pages.

We’d like to thank to everyone who participated, your input means a lot for us and for web-designers worldwide. You help to improve the quality of the Web. Don’t underestimate it.

So here is what you’ve come out with: over 40 working examples of user-friendly, creative and outstanding 404 error pages – in a brief overview.

1. Appealing images

A really dirty, hand-made image with a comment – for despaired visitors only. The page also includes a search box.

Radiohead in 404 Error Pages: Reloaded

Rainfall Daffinson makes sure you don’t feel lost.

Rainfall in 404 Error Pages: Reloaded

Even a 404-error page can look stylish.

Cgcraft in 404 Error Pages: Reloaded

A book with the page which couldn’t be found.

Book in 404 Error Pages: Reloaded

Slonky in 404 Error Pages: Reloaded

Iamww in 404 Error Pages: Reloaded

Jamie Huskisson communicates with “lost” visitors using imagery.

Robot in 404 Error Pages: Reloaded

404 error as time on a clock.

Tix in 404 Error Pages: Reloaded

Sometimes you can feel or even smell that you’re definitely not on the page you wanted to visit.

Village in 404 Error Pages: Reloaded

2. Getting poetic

404 error haiku. Informative, however a direct link to the start page would be quite useful.

Jackfig in 404 Error Pages: Reloaded

Three more haikus by Lumino.us. Plus beer to keep you company.

Lumino in 404 Error Pages: Reloaded

And one more haiku by alt-web.com.

Alt-web in 404 Error Pages: Reloaded

BlueVertigo offers a poem with horizontal scrolling.

Vertigo in 404 Error Pages: Reloaded

A small poem about the 404 error by Poemofquotes.com

Poemof in 404 Error Pages: Reloaded

Jacob Thomas quotes Winston Churchill and informs lost visitors that the page they’ve been looking for seems to have been burnt down by a puckish elf called ‘Prontyr’.

Upward in 404 Error Pages: Reloaded

Darren Hoyt appeals to the humanity of mistakes and errors and communication with visitors directly.

Darrenhoyt in 404 Error Pages: Reloaded

3. Communicate through emotions

Isn’t he sad…

Sudpende in 404 Error Pages: Reloaded

…however, Cat Content seems to be doing well…

Tyson in 404 Error Pages: Reloaded

…and Krystal gets no biscuit.

Krystal in 404 Error Pages: Reloaded

4. Communicate through irony

Maybe an idiot has passed you the wrong link or maybe a bigger idiot has linked in their site to a page that doesn’t exist. In both cases the big boss man has been sent an email informing him of this problem, so the person responsible can be tied to a tree and horsewhipped! Nice to know.

Alphomega in 404 Error Pages: Reloaded

Martin Yelland has some good explanations about what happened: strange little Web Gremlins or fluctuations of the Earth’s Magnetic field might have caused the error – however, a team of highly trained monkeys has been dispatched to deal with this situation.

Tadley in 404 Error Pages: Reloaded

Even although you’re a douche bag, you can use a search box to get to the page you’ve been looking for.

Expansion in 404 Error Pages: Reloaded

Apparently, this is a test of the emergency broadcast systems. You should remain calm, these kinds of things happen all the time. The “four oh four error” by Poropoptrt.com.

Pyropop in 404 Error Pages: Reloaded

5. While you are lost…

…you can read a comic…

Bioneural in 404 Error Pages: Reloaded

…or more comics (the image is changing after every reload)…

Afrison in 404 Error Pages: Reloaded

…get two cocktail recipes…

Cssleak in 404 Error Pages: Reloaded

…die…

F23 in 404 Error Pages: Reloaded

…don’t count to 404 (the site also provides a search box and a tag cloud)…

Porcupine in 404 Error Pages: Reloaded

6. Explain what happened.

Explanation in a well-designed visualization of what happened.

Nextwave in 404 Error Pages: Reloaded

Be aware when you’ve reached a buzzless page…

Printscreen in 404 Error Pages: Reloaded

Martinkorner in 404 Error Pages: Reloaded

7. Explain what can be done.

Psyked in 404 Error Pages: Reloaded

Foobr offers a detailed explanation on what can be done and what the “lost” visitor might be looking for.

Foobr in 404 Error Pages: Reloaded

Robgo in 404 Error Pages: Reloaded

3amproductions.net suggests pages the visitor might be looking for.

3am in 404 Error Pages: Reloaded

Renet-web.met offers recent posts and a search box.

Renet in 404 Error Pages: Reloaded

8. Unusual solutions.

Shocking visitors with colors – interesting, but not quite appealing…

Palmfly in 404 Error Pages: Reloaded

Blue Screen Of Death on the Web.

Galiacho in 404 Error Pages: Reloaded

Sorabji.com lists what people were looking for when they got the 404 Page Error. Interesting approach, however not recommendable – think of spambots.

Sorabij in 404 Error Pages: Reloaded

9. Be sincere.

Jeremy seems to be really sorry about the missing page…

Fuksa in 404 Error Pages: Reloaded

…so is Rainer…

Pernpaper in 404 Error Pages: Reloaded

10. Do whatever you want to do.

This is not a working example, since the site isn’t using the page as a working 404 error page. Nevertheless it’s quite funny: the characters are talking, and as you might suggest, they are talking about 404 errors!

Doodoo in 404 Error Pages: Reloaded

Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

Tags: , , ,

Advertising
  1. 1
    gene
    August 17th, 2007 11:07 pm

    Wow, nice selection. This has got me inspired to work on my 404 page. Thank you.

  2. 2
    Lee
    August 17th, 2007 11:23 pm

    So your the reason my sites logged a million /adsddsa 404’s last month

  3. 3
    Starfeeder
    August 17th, 2007 11:29 pm

    Can’t wait for the next contest :)

    Hopefully we’ll make the next cut

  4. 4
    Paul Armstrong
    August 17th, 2007 11:30 pm

    Still my favorite 404 page (that I’ve made) jpmullan.com

  5. 5
    Adit
    August 17th, 2007 11:32 pm

    I’m not sure if it’s just me, but I think some of the links may be messed up.

    The last one (http://media.smashingmagazine.com/images/404-2/doodoo.jpg) and the printscreen one (http://media.smashingmagazine.com/images/404-2/printscreen.jpg) seem to point to other 404 pages.

    I can’t even find 404 pages, heh.

  6. 6
    Starfeeder
    August 17th, 2007 11:34 pm

    crud, were you guys even able to see our 404 page? I think one of my devs fixed the site to auto-direct…. so basically fixing something that was suppose to be broke lol.. dang it! Next contest!

    the hard path:
    http://dev.starfeeder.com/404/404.html

  7. 7
    Peter
    August 18th, 2007 12:00 am

    Nice one! Gave me a cool idea for my own site

    Wipeout!

  8. 8
    Vitaly Friedman & Sven Lennartz
    August 18th, 2007 12:03 am

    the last one is
    http://www.homestarrunner.com/systemisdown.html

    sorry… too many links in

  9. 9
    David, biologeek
    August 18th, 2007 12:09 am

    I love the Django Book one.

  10. 10
    Michel
    August 18th, 2007 12:19 am

    Hello

    I like alos the 404’s page of ministry for the culture of the French government

    URL : http://www.culture.gouv.fr/index-erreur.html

  11. 11
    onesevenone
    August 18th, 2007 1:11 am

    It’s not a real 404 but also a screen for not available. I like this one from datenvandalismus.org.

  12. 12
    Arjan Eising
    August 18th, 2007 1:30 am

    I’m a bit disappointed to see all those technical “404 errors”. Does any visitor know where you are talking about? Only people who actually build websites, as well as other IT professionals know what the 404 means. Is it that hard to use a clear message the users directly understand?

  13. 13
    mahalie
    August 18th, 2007 1:55 am

    Adore the blue screen of death 404. What a great way to inject a little secret creativity on a site that’s been design-by-committeed to death.

  14. 14
    g47o
    August 18th, 2007 3:05 am

    buena colección :D

  15. 15
    Chris Papadopoulos
    August 18th, 2007 5:03 am

    I think the old blue-screen-of-death one is my favorite because taking little potshots at Microsoft is always funny. There are some very clever ones in here. I’m going to have to rethink my 404 page to provide a little more creativity.

    In terms of usability, I think providing a search field as well as some links to recent pages would be one of the better solutions though.

  16. 16
    Andrew
    August 18th, 2007 5:33 am

    the book 404 page has impossible page numbering…page 404 should be on the left side, not the right.

    unless it’s 0 indexed.

  17. 17
    Torley
    August 18th, 2007 6:21 am

    So fun, I enjoyed looking at all of these! It’s intriguing how such a number has birthed all these artistic interpretations. Here’s my watermelony one:

    » http://torley.com/404

  18. 18
    scar
    August 18th, 2007 8:57 am

    actually mine is better.. =]

    http://scar.atspace.org/404.html

  19. 19
    Brad
    August 18th, 2007 10:02 am

    The Pure pwnage 404 is my favorite. Helps if you know the show.
    http://www.purepwnage.com/404.html

  20. 20
    Tobi
    August 18th, 2007 3:56 pm

    Great selection. I like the idea making a nice or funny 404 page. So I made also one for my own blog (http://blog.aditu.de/error/404 or any other not existing link ;)).

    Thanks for the inspiration and sharing!!!!

  21. 21
    Konstantin
    August 18th, 2007 4:42 pm

    At the top of section 2 you write “and beer to keep you company”, but the bottle depicted on the image below is clearly a whisky bottle.

  22. 22
    Peter
    August 18th, 2007 7:20 pm

    404 Research Lab at http://www.plinko.net/404/

  23. 23
    António
    August 18th, 2007 9:32 pm

    Can’t help but to plug PG’s 404, a fancy shirt :-)

    http://www.planetgeek.org/tttfy

  24. 24
    Lynn Wallenstein
    August 19th, 2007 12:02 am

    I can’t believe you missed the best 404 of all time… ZORK! (Yes, it really works!)

  25. 25
    Isaac
    August 19th, 2007 6:05 am

    Here is a error page from my site: CLICK HERE

    By the way I really like your Smashing Website

  26. 26
    Pascal
    August 19th, 2007 6:31 am

    Thanks for the mention guys.

  27. 27
    Simon
    August 19th, 2007 7:36 am

    You just have to like how the first one confuses 404 with 505 (in the big image, not in its headline though).

  28. 28
    Eric
    August 19th, 2007 9:41 am

    The blue screen of death is the most scary 404 message – unknowing browsers that are familiar with the Windowz blue screen will most likely be certain they have killed their machine at first glance when happening upon a missing page.

  29. 29
    CaSiteCenter
    August 19th, 2007 1:19 pm

    “actually mine is better.. =]

    http://scar.atspace.org/404.html

    Yes i like the idea of your 404 page

  30. 30
    Razvan
    August 19th, 2007 10:39 pm

    Nice collection!

  31. 31
    Jason Lutjen
    August 20th, 2007 2:44 am

    Nice list — was happy to see our site get up there (Slonky.com).

    Definitely like how there’s a good mix of function, creativity, and etc., throughout the list.

  32. 32
    Design for MySpace
    August 20th, 2007 8:57 am

    Loved the 404 idea, atleast this way the visitors would remember our page for a long time even if it doesnot load

  33. 33
    jaccho
    August 20th, 2007 9:05 am

    http://www.poemofquotes.com/404
    I love this one ~~oops!

  34. 34
    Mario Tomic
    August 21st, 2007 4:15 am

    I still prefer mine :)
    It captures your IP and your web client and writes it in the BSOD :)
    http://www.mariotomic.com/404.shtml

  35. 35
    Mario Tomic
    August 21st, 2007 4:19 am

    Also, check out these ones :)

    http://www.mariotomic.com/403.shtml

    http://www.mariotomic.com/401.shtml

  36. 36
    LeOn
    August 22nd, 2007 1:41 am

    Nice pages. :)

  37. 37
    Webee
    August 22nd, 2007 4:55 pm

    Nice one! I’m doing one to my Site

  38. 38
    -@^@-
    August 22nd, 2007 10:31 pm

    I like the error page at ibiblio (especially the Australian one):

    http://www.ibiblio.org/404.html

  39. 39
    iCalvyn
    August 23rd, 2007 3:11 pm

    i would like to make one custom page too…to told my reader page infected by virus….hohoho scare them when them access wrong page

  40. 40
    cenourinha
    August 24th, 2007 9:58 am

    The bluescreen one breaks all the other one’s… eheh

  41. 41
    Carlos
    August 26th, 2007 9:30 am

    I like this blue screen of death-style 404 page more: http://zonaphotoshop.com/404

  42. 42
    Christopher
    August 26th, 2007 11:55 pm

    Here’s my 404 Not Found page as well.

  43. 43
    Eric Martindale
    August 29th, 2007 12:57 am

    We have one up at RolePlayGateway. It’s pretty much identical to the rest of the site, so users aren’t interrupted and are naturally pushed into our site.

  44. 44
    exiinco
    August 29th, 2007 1:53 am

    404 error.

    this explanation really cool and valuable. where to change that page.

    thanks

  45. 45
    Frank H. Wolf
    August 30th, 2007 11:52 pm

    It exists already ?

    http://hypem.com/track/368152

  46. 46
    Lanooz
    August 31st, 2007 10:59 pm

    hello, this is my 404 page, that i created recently :)
    http://lanooz.net/404

    ‘wrong WC!’ :P

  47. 47
    Billy Bob
    September 1st, 2007 8:08 am

    also check out this 404:

    http://www.webhex.net/404

  48. 48
    sturdy
    September 3rd, 2007 4:14 am

    hahaha!
    Love it!
    You can make a post with some 404 images. I have some to contribute! ^^

  49. 49
    yuukan
    September 5th, 2007 12:29 pm

    Strong Bad!!!, man nice way to be creative with errors.

  50. 50
    bill
    September 8th, 2007 8:39 am

    How about the depressed server???

    http://redvip.homelinux.net/varios/404-server-cry.html

  51. 51
    Justin
    September 10th, 2007 7:49 am

    I loved those ones!

  52. 52
    thoughtbubble
    September 13th, 2007 11:50 pm

    http://www.thoughtbubble.cx/404

  53. 53
    Mark
    September 14th, 2007 12:04 am

    This is my fave 404… good and insulting
    http://www.kosch.co.uk/

  54. 54
    Emilisa
    September 14th, 2007 12:11 am

    I like this one too:

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

  55. 55
    Michael
    September 14th, 2007 12:25 am

    My favorite is still:
    http://www.lookitsme.co.uk/404_me

  56. 56
    greebowarrior
    September 14th, 2007 12:26 am

    the b3ta.com 404 is pretty cool, all the images were created by the board users

  57. 57
    dweeble
    September 14th, 2007 12:40 am

    the one for BlueVertigo is actually a song for the last episode of cowboy bebop, just thought I should straighten that out.

  58. 58
    Nahinu
    September 14th, 2007 12:43 am

    Nice collection of 404 pages. I’m thinking of creating my own 404 page but I keep procrastinating. I’ll get to it one of these days.

  59. 59
    webmajor
    September 14th, 2007 12:47 am

    Good article… reminded me that my portfolio’s 404s are still the WordPress default. Thanks for the reminder!

  60. 60
    eneekmot
    September 14th, 2007 12:50 am

    NIce list. Some of those are a bit odd or niche, though… Check out this one from a D&D website:
    http://d20srd.org/asdf

  61. 61
    Leon
    September 14th, 2007 12:57 am

    The digg effect is strong in this one. Thanks for sharing these pages. 404 doesn’t seems so bad anymore.

  62. 62
    -
    September 14th, 2007 1:24 am

    http://tysontate.com/404/

    whats up with your lame-o 404?

    : )

  63. 63
    Johnsonch
    September 14th, 2007 1:44 am

    http://errtheblog.com/my_page

    That is a good one!

  64. 64
    Jeremy
    September 14th, 2007 1:54 am

    I’ve been inspired.

    I’ve always used this as my 404 page. Two parts are randomly generated from javascript.

    I’m going to go home and spruce mine up a bit and give it more oomph.

  65. 65
    Vigilant
    September 14th, 2007 2:04 am

    My error page: :)

  66. 66
    Silvasonic
    September 14th, 2007 2:22 am

    Homer Simpson (doh!) @ Fox Latin America: http://mundofox.com/404

  67. 67
    Martin
    September 14th, 2007 2:53 am

    Here’s a good one:

    http://www.newyorker.com/magazin

  68. 68
    Doog
    September 14th, 2007 3:09 am

    Three words: Sharks with Lasers.

    http://renkoo.com/404

  69. 69
    Just Me
    September 14th, 2007 3:31 am

    јебига means “fuck it!” in Serbian. I suppose the people at Rainfall Daffinson are not aware of that. ;)

  70. 70
    Tony Cai
    September 14th, 2007 3:49 am

    http://www.tonycai.com/404

    YAY! SIMPSONS!

  71. 71
    BobH
    September 14th, 2007 4:27 am

    I find it arrogant and annoying when a website blames ME for arriving at a 404. More than once I have been sent there from within their own site, but they assume it’s either my stupidity, my inability to type, my outdated bookmark (which should be their problem, not mine) or some other sites bad link.

    The sites I like admit it just could be their fault and offer me an opportunity to tell them about it.

  72. 72
    Tim F
    September 14th, 2007 5:16 am

    Check out this one:

    http://www.libria.net/lib/404/404.html

  73. 73
    Jose
    September 14th, 2007 5:17 am

    Truly a great work. I feel inspired to do my own 404 page.
    Thankx

  74. 74
    subcorpus
    September 14th, 2007 5:56 am

    though you cant find it the page … its good to look at …
    that good … right ??
    hehe …
    good list … thanks for sharing …

  75. 75
    Sebastian
    September 14th, 2007 6:26 am

    Nice collection. Although mine is missing. ;(

  76. 76
    Daren
    September 14th, 2007 6:58 am

    Here’s one that clearly shows why the website went down, devs and a Nerf war.

    http://myquire.com/404.html

  77. 77
    zushiba
    September 14th, 2007 7:26 am

    I would like to submit my own for review
    http://www.hitpoints.org/thispagedoesntexist.html

  78. 78
    Tezza
    September 14th, 2007 9:20 am

    Wow! I love all the creativity that’s gone into the 404 pages. Makes me want to make some changes to mine. Thanks for the ideas.

  79. 79
    Listat
    September 14th, 2007 9:54 am

    Very very good. A lot of interesting ones out there. I believe the less technical, the better…

    http://www.offeroftheday.com/404

  80. 80
    rahoorkhuit
    September 14th, 2007 11:05 am

    Freaking cool – now what about some funky BSOD!? http://www.templatestaff.com

  81. 81
    tuvie
    September 14th, 2007 10:33 pm

    now that is what I call creative people with very interesting website, even 404 page can make people stay long on their website !

  82. 82
    Tom
    September 14th, 2007 11:14 pm

    The Homestar Runner one you have there isn’t a 404 error, that was a toon called The System is Down they had designed to look like a 404 error.

    They do have a creative 404 error though, see 404′d at the Homestar Runner Wiki for more information.

  83. 83
    Dean
    September 15th, 2007 1:00 am

    It is said, “To err is human,”
    That quote from alt.times.lore,
    Alas, you have made an error,
    So I say, “404.”

    Double-check your URL,
    As we all have heard before.
    You ask for an invalid filename,
    And I respond, “404.”

    Perhaps you made a typo –
    Your fingers may be sore –
    But until you type it right,
    You’ll only get 404.

    Maybe you followed a bad link,
    Surfing a foreign shore;
    You’ll just have to tell that author
    About this 404.

    I’m just a lowly server
    (Who likes to speak in metaphor),
    So for a request that I don’t know,
    I must return 404.

    Be glad I’m not an old mainframe
    That might just dump its core,
    Because then you’d get a ten-meg file
    Instead of this 404.

    I really would like to help you,
    But I don’t know what you’re looking for,
    And since I don’t know what you want,
    I give you 404.

    Remember Poe, insane with longing
    For his tragically lost Lenore.
    Instead, you quest for files.
    Quoth the Raven, “404!”

    by Dan Black
    dan@black.org
    16 August 1999

  84. 84
    Pawtuxet
    September 16th, 2007 2:06 am

    “Shocking visitors with colors…”

    The description of the first page under #8 made me pause. It sounded like they’d never seen a test-pattern from an old VCR before. And having thought about it, it seems likely that the writer never did! I recognize it, but it’s been a long time since I actually saw it in the wild. Perhaps it’s simply a thing of the past. It’s not supposed to be appealing – in its natural habitat, it’s just something that is not white noise/static, could function as a test-pattern and supposedly was easy to make. It was displayed whenever there was no signal, so using it as a 404 page makes perfect sense. =)

  85. 85
    Ingrid Kuhn
    September 16th, 2007 9:31 am

    omg why orkut.com error page isnt in the list? its so funny.. says ‘bad bad server,no donut for you’ =D

  86. 86
    Spiros
    September 17th, 2007 6:38 pm

    wicked,
    nicely done

  87. 87
    AskApache
    September 19th, 2007 7:19 am

    I notice that none of those pages (as pretty as they are) provide the seo and user benefits provided by Google 404 Error Page

  88. 88
    Lalit Patel
    September 19th, 2007 12:49 pm

    Any comments about my website’s 404?

    http://www.lalit.org/404

  89. 89
    Verall
    September 20th, 2007 7:27 am

    Thanks dweeble for the referance! I’m a BIG stickler on Copyright and Intelectual Property and wish that the page had sited the source it’s the las and a good idea. For anyone who cares it is indeed Cowboy Beebop (and anime series) The song was composed by Yoko Kanno and is avalible on the CD Blue. Though the OST1 is a much better CD

  90. 90
    iyad
    September 23rd, 2007 2:42 pm

    i love them.. its we freindly “negative” tone…. i’ll be looking forwar to my 404 ERRORS if thats the case… maybe they could include useful info..or we could make ads on the 4o4 error showups..hmmm . just a thought…

  91. 91
    andrew Francois
    September 24th, 2007 9:37 am

    Number 8 (first one) is better than the editors give it credit for! Its TV/video test pattern that is used to calibrate monitors and systems called “colour bars”. To me it is like when your TV transmission signal drops out. A better screen would be a Test Pattern like the kind TV stations do use when theres a signal failure.

  92. 92
    Shanna
    September 28th, 2007 9:01 pm

    How fun! Thanks for sharing. My 404 page has been “different” and humorous since the start, but I had no idea others were doing fun and creative things with theirs as well. This was enjoyable – can’t wait for the next set.

  93. 93
    VagabondoDigitale
    September 30th, 2007 2:43 am

    Very good Collection.. iwant create my 404 page ! :P

  94. 94
    gmrtech
    October 1st, 2007 3:48 pm

    Those page were awesome, and funny!

    How about a song about 404 pages? HAHA…

  95. 95
    gmrtech
    October 1st, 2007 3:55 pm

    Oops.. 404 Error : )

    http://www.waltribeiro.net/404.html

  96. 96
    Ken
    October 5th, 2007 2:41 am

    http://www.qcybb.com/404.htm

  97. 97
    Klaus
    October 5th, 2007 7:30 pm

    I also got inspired. I grew up with c64, so this is mine:

    http://www.klaus.dk/some_missing_page

  98. 98
    Yvette
    November 17th, 2007 7:26 pm

    This inspired me to create a 404 for my historical cartography website. I titled the 404: “Here be dragons”, a reference that was supposedly put on maps in unknown lands. Of course, I added a detail from such a map as well!

    Historische cartografie 404

  99. 99
    SEO News | Tips | Blog Solutions
    November 27th, 2007 5:55 pm

    this is good page. I like the paper & pen page and I have used it. Please let me know if you have any suggestion to put this page in blog?

  100. 100
    Fry
    December 11th, 2007 5:32 pm

    Brilliant post! I never really thought to put much effort in to mine, maybe i should.

    Love the book one and the bsod!

  101. 101
    Dwayne Charrington
    December 31st, 2007 11:27 am

    Wow, nice list! You’ve given me inspiration to work on my 404 page now as well.

  102. 102
    mitch
    January 16th, 2008 8:11 am

    This 404 page has a 303 synth toy embedded!

  103. 103
    Mag
    January 19th, 2008 7:05 am

    Lot’s of original ideas in this list.

    Here is our contribution to the world of 404s… the Magic 404 :)

  104. 104
    AskApache
    January 21st, 2008 4:46 pm

    Also check out using your 404 page to boost your google ranking with this Google 404 plugin for wordpress.

  105. 105
    Tony
    January 24th, 2008 8:28 am

    Someone sent me this 404 at Xmas. Made me laugh.

  106. 106
    Mrs. Micah
    January 25th, 2008 7:03 pm

    Really inspiring! Mine should have a search box already, but I need to get more on top of this. See if I can find something more creative. :)

  107. 107
    conannb
    January 30th, 2008 5:25 pm

    bule screen of death , LOL

  108. 108
    am
    February 5th, 2008 12:51 am

    another one:
    http://www.amcharts.com/404/

  109. 109
    Mark
    February 21st, 2008 8:32 am

    Cool 404’s. Inspired me to do my own.

  110. 110
    Terrance Charles
    February 22nd, 2008 3:01 pm

    Very impressed. These are some great designs and I been noticing in my stats
    that I have been getting 1000’s of 404 error pages not found so I want to find a
    way to make it more useful and at the same time, capitalize on sales and leads.

    Terrance Charles

  111. 111
    Barney Carroll
    April 16th, 2008 8:41 am

    The big problem with most of these is that it takes the user a while to realise there’s no content, because there is content specifically made to replace what obviously appears to these designers to be a negative on a 404 — the rightful lack of content.

  112. 112
    Tanner Hobin
    April 17th, 2008 1:01 pm

    These have inspired me to create a custom 404 page.

  113. 113
    Marcos Elias
    April 24th, 2008 8:36 pm

    Hi, I use my bus:

    http://www.explorando.com.br/pubx/404-citaro.jpg

  114. 114
    jamie Huskisson
    April 25th, 2008 9:23 am

    http://www.jhuskisson.com/404/ – new site launched, new 404 page

  115. 115
    No 404 YET, haha
    April 27th, 2008 3:14 pm

    Sooo cool. Geez I am way behind the times. Definately adding this to my to-do list.

    Thx for the refs

  116. 116
    Agent R
    May 7th, 2008 9:47 pm

    Greatness!!! There are some awesome 404’s out there…

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

  117. 117
    Alejandro
    May 21st, 2008 9:39 am

    Nice post. Good for inspiration.

    Iconolab’s 404.
    Link

  118. 118
    Tammy Lenski
    May 22nd, 2008 11:22 am

    Inspired by your post, I just put up my dramatically improved 404 page:

    http://conflictzen.com/404

    Thanks for the great ideas and motivation!

  119. 119
    eelaty
    June 21st, 2008 7:20 am

    Had a little fun with my own 404 page.
    Link
    Inspired by tiwistory.com

  120. 120
    Terrance Charles
    July 8th, 2008 6:20 pm

    I caught this post again. I must say after checking out the 404 error pages and decided to use one on my main blog that get’s about 600+ unique visitors daily, I noticed a BIG increase in my conversion from lost visitors, sales, and signups… THANKS!

  121. 121
    Kaet
    July 23rd, 2008 4:13 pm

    Heh. I found this post amusing. I still like my 404, though.

  122. 122
    feha
    August 5th, 2008 12:11 pm

    Here is my version of 404

  123. 123
    Anonymous
    August 8th, 2008 2:38 am

    Как избавиться от 404

  124. 124
    John
    August 21st, 2008 11:02 am

    I always liked the one on humanclock.com:

  125. 125
    jonny
    August 26th, 2008 2:23 am

    the best is #15!!!! loooool

  126. 126
    done
    September 16th, 2008 12:26 pm

    thank you.

  127. 127
    best
    September 16th, 2008 8:26 pm

    Im agree.

  128. 128
    SuperStalin
    September 21st, 2008 6:10 am

    LOL! The Rainfall Daffinson one says “Sorry (jebiga) the page you’re trying to view is not there”

    “Jebiga” means “fuck it” in Serbian >:D

  129. 129
    s.
    September 24th, 2008 2:35 pm

    402 Payment Required

    If you think there should be some web page at current location, contact me and I may write it for you for a minor fee.

  130. 130
    SMC
    September 30th, 2008 2:48 am

    we need a 404 on Bush and Paulson – Link

  131. 131
    newbeex
    October 7th, 2008 6:35 pm

    qiang!

  132. 132
    Joatan
    October 14th, 2008 6:57 pm

    Here is the 404 from my comics strips’ website:
    http://www.mutacao.com.br/pato/php/404.php?l=en

  133. 133
    syirnga28
    October 23rd, 2008 1:39 am

    Thanks barbara..u have given me an idea!

  134. 134
    NookieNotes
    November 19th, 2008 2:06 am

    Inspired by this article, I created my own fun 404 page:

    LINK

    Thanks!

  135. 135
    Alex
    November 23rd, 2008 2:12 pm

    Heres another one with a clever image – http://www.lightpostcreative.com/404

  136. 136
    Dave
    December 6th, 2008 10:13 pm

    Here is a very funny 404 page: http://www.commuto.com/error

  137. 137
    Auyana
    December 7th, 2008 6:35 am

    This post has to be the best 404-page ressource in the internet. I haven’t seen so many error pages before like here. Thanks for the inspiring collection!

  138. 138
    Mark
    December 9th, 2008 8:25 am

    Link This is mine. I just did it yesterday.

  139. 139
    Mike
    December 17th, 2008 2:37 pm

    Ninja not found: cssninjas.com/404

  140. 140
    Bernie
    December 20th, 2008 8:20 am

    Wow. Never even thought about redesigning the 404 page. Great article.

  141. 141
    Remark
    December 22nd, 2008 2:58 am

    I’m a bit disappointed to see all those technical “404 errors”. Does any visitor know where you are talking about? Only people who actually build websites, as well as other IT professionals know what the 404 means. Is it that hard to use a clear message the users directly understand?
    Otolar

  142. 142
    Ecotennis
    December 22nd, 2008 6:54 am

    Great selection.
    Another artistic 404 page : http://www.juergenspecht.com/?error=404

    Thanks for the inspiration and sharing

  143. 143
    Kevin
    December 22nd, 2008 7:51 pm

    this is mine:
    http://techspotmedia.x10hosting.com/404.html

  144. 144
    ammar
    December 30th, 2008 10:03 am

    http://www.ar-sh.com

  145. 145
    Terrance Charles
    January 3rd, 2009 11:51 pm

    If some people only knew how important a 404 error page really is, I see big companies making this mistake too, losing out on traffic and sales, after I started really using them, it’s responsible for $100’s extra monthly… I use one that I saw up here, liked the simple design.

    Here’s my custom 404 page…
    http://www.terrancecharles.com/blog/sm

  146. 146
    oliver
    January 4th, 2009 11:57 pm

    check this site, nothing beats this 404

    http://www.bluedaniel.com/4040.php

  147. 147
    Ci021
    January 5th, 2009 5:50 am

    Ooo good error pages. Thanks for share.

  148. 148
    Ryan Ireland
    January 8th, 2009 3:03 pm

    I made one myself I want to share – http://www.reelfishn.net/404.htm

    I love the simpson one!

  149. 149
    Nneon
    January 14th, 2009 10:03 pm

    Here’s my one:

    http://nneon.net/404

  150. 150
    Michael
    January 22nd, 2009 5:04 am

    Great page…never new I could do so much with a 404…

  151. 151
    kunstgriff
    January 24th, 2009 2:45 pm

    Well, then, never ever really thought about that 404-prob. But then, suddenly, i was pushed into the new dimension. mistyped… a 404-page… but a cute one. (sorry, the address is lost somehow — 404.) A little investigation, and i found this page full of ideas. Wanted a 404 that’s quite similar to the rest of the blog. So, here’s my 404.

  152. 152
    Gerry ¡
    January 29th, 2009 11:07 am

    hello everyone
    does anybody know what to do when the 404 error is displayed on a site?
    i mean how to fix it ¡ cause every time i try to go on my site the 404 message appears
    thanks ¡

  153. 153
    David
    February 26th, 2009 6:49 am

    My favourite is the PurePwnage ;

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

    I like the Youtube one too, I don’t think they still have it;

    “Sorry, something went wrong.
    A team of highly trained monkey has been dispatched to deal with this situation.
    Please report this incident to customer service. “

  154. 154
    MegaFill
    February 28th, 2009 6:45 am

    Hi!
    Can you see my 404 page?
    If you like this can you add my page in this post?
    Link: (no spam)
    404 link
    And link on gif image ;)
    Image
    I stylized as cmd…

  155. 155
    steve
    March 25th, 2009 5:21 pm

    SIMPLY THE BEST 404 PAGE EVER!!!!

  156. 156
    Andrew
    March 29th, 2009 5:14 pm

    we had fun with this one.

    http://www.tintedpixel.com/404

  157. 157
    andrea
    April 1st, 2009 6:14 am

    Hey, we thought this was good too! http://brunswick.com/brands/cola

    Of course, cough, ahem, we, uh, thought of it here at GS Design….. (80% of this client’s base is marine related.)

  158. 158
    Anaska
    April 1st, 2009 6:21 pm

    “You are here!”
    http://antzfx.com/i_like_mixed_fruit_jam.htm

  159. 159
    jeff dunn
    April 2nd, 2009 9:24 am

    this one makes me happy – http://raiseforfuture.com/what/404/huh

  160. 160
    Oleg
    April 2nd, 2009 10:10 pm

    Wow! Thanx a lot! Very useful article for inspiration. Look at my 404 Error Page: Link

  161. 161
    Burak Kantarcı
    April 17th, 2009 3:23 am

    Great! i will use them for my blog.

  162. 162
    ammar_shahin
    April 17th, 2009 8:18 pm

    thx

    :)

  163. 163
    shawn wilson
    April 18th, 2009 9:26 am

    Love this listing! I just got done writing a post on my site about status page design and was delighted to have found this listing. Lots of good (and funny!) designs.

    Here’s my 404 and 500.

  164. 164
    Antica
    April 23rd, 2009 11:12 pm

    And in antique art it looks like this, please see http://www.antiken-kabinett.de/error-page.htm

  165. 165
    Ralph Johnson
    May 1st, 2009 11:18 am

    Should have included Homestar’s REAL 404 page (just as funny as “system is down” : http://www.homestarrunner.com/404

  166. 166
    Curtis
    May 1st, 2009 5:19 pm

    I created a custom 404 page for my website running on Wordpress. Check it out at Source47.com

  167. 167
    Luka
    May 24th, 2009 11:56 am

    I’m pretty sure that Rainfall guys are aware of the fact that “jebiga” means “fu#k it” simply because they’re from Republika srpska (one of two entities in Bosnia and Herzegovina) where Serbian is official language. LOL

  168. 168
    John Kaya
    May 27th, 2009 11:07 am

    This is my custom 404 page. surferport

  169. 169
    Matt
    May 28th, 2009 8:44 pm

    Found a nice one here.

    http://www.stripemedia.com.au

  170. 170
    Rick
    June 1st, 2009 5:48 am

    Found an other nice one: http://www.station.ch/404

  171. 171
    SDBeerPong
    June 4th, 2009 1:38 pm

    Look at

  172. 172
    Felipe Genuino
    June 16th, 2009 6:16 am

    Muitoo bom mesmo
    adorei

  173. 173
    Chuck
    June 17th, 2009 7:06 pm

    How about a nice, clean design with a little humor? http://www.rareview.com/nopage

  174. 174
    Dean
    June 24th, 2009 12:08 pm

    Nice new error page from the BBC based on the old test card.

  175. 175
    Suresh
    June 26th, 2009 3:34 am

    smashingmagazine 404 is not at all creative……………..U dint intend it that ways ?

  176. 176
    kuld33p
    June 29th, 2009 12:14 pm

    Here is my 404

    http://www.revolutioners.com/kuld33p

  177. 177
    Nala
    July 8th, 2009 5:10 pm

    This was a fantastic comp, and well done to all who entered. What’s involved in the copyright of these? If I wanted to use an idea for it (for example, the book one, ‘page not found’) am I allowed to? Is it just a matter of crediting?

  178. 178
    Yoosuf
    July 12th, 2009 11:39 am

    You guys can include my website to http://www.net-breeze.com/about/dsfdsdfggh

  179. 179
    404Toons
    July 12th, 2009 4:05 pm

    A new idea. 404Toons to help you customize your 404 page. They are free. Thought you might enjoy them. http://www.404toons.com.

  180. 180
    Frikee
    July 14th, 2009 6:34 am

    Thanks guys for your postings. I want to show to you one more beautiful error page 404 idea http://www.kontain.com/bickov/entries/36756/page-404/

  181. 181
    Julian Stone
    July 14th, 2009 4:28 pm

    Here’s ours for ProWorkflow (project management)
    http://proworkflow.com/abc.cfm

    We have an orange theme going…

  182. 182
    Michael Austin
    July 15th, 2009 11:11 am

    Well ours is not online yet but we hope it makes the next list
    404 screen shot for new site

  183. 183
    Rafał Kukiełka
    July 16th, 2009 7:44 am

    This one is simple but funny

    LINK

  184. 184
    Richard
    July 28th, 2009 12:08 pm

    My favourite:
    “You have reached the end of the Internet.”
    Some other good ones at:
    http://www.gamewyrd.com/archives/wyrderrors.php

  185. 185
    Chris Olberding
    July 28th, 2009 12:52 pm

    We went wif a sad baybay – S4 404

  186. 186
    Anaska
    August 23rd, 2009 11:06 pm

    Transparent 404!
    http://blumblum.com/404

  187. 187
    Desire Dupas
    August 28th, 2009 5:07 am

    Great idea !

    Here is my customised my 404 page.

    I’ve used a picture of the famous Peugeot 404 and write the story of this famous vehcile (text from Wikipedia)

    Very relevant because lmy blog is in French and all frenchies knows about the Peugeot 404 :-)

    Here is the URL : http://www.electronic-illusions.be/blog/404.php

    Tell me what do you think

  188. 188
    Most Interesting Ideas
    September 9th, 2009 3:20 am

    One more

  189. 189
    Moinid
    September 9th, 2009 3:21 am

    Check one more beautiful error page 404 idea http://www.moinid.com/2009/09/error-page-404-idea

  190. 190
    Kit
    September 9th, 2009 12:34 pm

    Its always nice to see something that makes a frustrating situation that little bit more bearable. Ive always loved the retro styling of the BBCs: http://www.bbc.co.uk/404 A true hats off to the days before News 24 :)

  191. 191
    Vedeževanje
    September 10th, 2009 6:46 am

    Some of 404 pages are very nice…linke tihis Vedeževanje

  192. 192
    Jiri Ibl
    September 14th, 2009 10:49 pm

    I love this:

    http://www.muvi.cz/chybova-stranka.htm

    It’s in czech. Muvi is webTV :-)

  193. 193
    Jonathan Simas
    September 23rd, 2009 1:54 pm

    Amazing, I’ll post mine: http://www.equipe-s.com/somethingwrong .
    Made with Swift3d and Fireworks…

  194. 194
    MP
    October 6th, 2009 7:56 am

    Great posting! I will work on my own page and post it here soon… lets hope i can be as original as these guys. I think all sites should have custom 404 pages. A site i go to has nothing and they should. I dont know how many members they have but for sure over 300 000… how many 404 errors are generated, surelly a lot! Oh well… New posting coming soon with my page.

    Cheers!

  195. 195
    Sharky
    October 8th, 2009 8:33 pm

    Here is my 404 error page Click Here

  196. 196
    Michael
    October 13th, 2009 2:27 pm

    Here is a great music lessons error page: http://takelessons.com/error

  197. 197
    William Tarlington
    October 26th, 2009 2:16 pm

    I love the 404 with all the clutter… might have to try one with that as a concept.

    “OH NOEZ!” This one’s pretty good!
    http://www.myfreelife.com/404

  198. 198
    Frank Lazar
    October 29th, 2009 1:40 pm

    this one’s from the News Tribune of Seattle. and it appears that kittens are in an upswing on the job market.

    http://www.thenewstribune.com/869/index.html

  199. 199
    TJ
    November 1st, 2009 10:06 pm

    Check out our new 404 page for when you can’t find the latest t-shirt: http://riptapparel.com/404

    Love the redesign!

  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
Post your job
Advertisement