404 Error Pages for Your Viewing Pleasure

By / Oct 14, 2009 / Inspiration
shares

No one likes seeing the dreaded error page on a website. It usually occurs when a link is bad. Error pages, also known by their street name as 404 pages, are depressing. They make you feel sad and confused and angry at the web designer. Perhaps all of this is irrational, but it happens. As a way to defuse any ill feelings, many web designers came up with a simple yet smart solution– customizing a 404 error page. As simple as it may seem, a customized error page will make a visitor feel like you care about their user experience on your website.

Error pages are easy to create, so there’s no excuse to avoid them. Even with the most solid website, you never know when someone might mis-spell a URL link and hit a page that doesn’t exist. Be prepared when that happens to you, even if by no fault of your own. Let these great error pages be your inspiration to creating your own.

Do you know of any cool 404 pages we’re missing?

About the Author

Jacqueline is an artist and a writer who spends an inordinate amount of time playing Super Nintendo and watching Star Trek. You can find out more about Jacqueline on her website, and follow her updates on Twitter.

50 Comments

  1. Oleg
    October 14, 2009

    Coll list! Take a Look at My Personal 4o4 Error Page:

    http://www.xtraboy.com/404.php

    Reply
  2. Daniel Long
    October 14, 2009

    There are some really good ways to show an error 404 page int his collection. They are all very inspiring and have a massive impact. Some of the pages are almost too good, that you would want to accidentally stumble across them so you can view them. Definetly something to take into consideration when making a 404 page…

    Reply
  3. Dave
    October 14, 2009

    I Love this Collection. And this is my ERROR 404 Page

    http://www.jazzdrummerworld.com/404.php

    for Drummer ;) !!

    Reply
  4. Stuart Holmes
    October 14, 2009

    Some good and amusing examples here, I am currently trying to change my employers 404 page to something more meaningful than ‘Page not found’, so I will show them this!

    Here is one of my 404 pages; http://trubru.co.uk/404

    Reply
  5. Sathish Sampath
    October 14, 2009

    Hi,

    Excellent collection. Few things are really inspiring. Came in a real good time, when i revamp my site. May be i should also put something like this to hold the people hitting broken links

    Thanks a lot

    sathish sampath

    Reply
  6. stronglook
    October 14, 2009

    I dont know where you’d find it, but Playmobil used to have the Mexican kid in Devil Halloween fancy dress as theirs (apparently!)

    http://www.millionaireplayboy.com/mpb/wp-content/gallery/7playmobil/newdevil.jpg

    Reply
  7. Adrian
    October 14, 2009

    Nice list, but smashing mag already has most of these listed.

    Checkout mine http://www.blogfullbliss.com/404

    Reply
  8. BleedingSweat
    October 14, 2009

    Did anyone else notice the Goatse 404? I almost fell out of my friggen chair!! Nothing like hiding some sicko pr0n in your typography. Now THAT’S class!

    Reply
  9. Michael
    October 14, 2009

    Here’s a cool Elvis 404 from a music lessons company: http://takelessons.com/error

    Reply
  10. emily
    October 14, 2009

    I’ve always loved the illustration on the mica.edu website’s: http://www.mica.edu/404

    Reply
  11. Kevin
    October 14, 2009

    A full game in a 404 page: https://thcnet.net/zork/index.php

    You can even save/restore if you are a member of the site.

    Reply
  12. seraph
    October 14, 2009

    does mine qualify? :D http://tutsaz.com/404

    Reply
  13. Frank Stallone
    October 14, 2009

    I am partial to wefollow.com’s 404 page because of its back to the future reference. That will win every time in my book.

    http://wefollow.com/404

    Reply
  14. Alexandre Gamela
    October 14, 2009

    may i add my own?

    http://www.alexgamela.com/blog/404

    Reply
  15. Kendall
    October 14, 2009

    Ours even has a haiku about 404 pages:

    http://www.arsgrafik.com/404.php

    Reply
  16. Justin L.
    October 14, 2009

    These are great! I just did a custom 404 page for my wife’s store… it was fun. http://unleashedpetshop.com/404.html

    Reply
  17. James W
    October 14, 2009

    Google has a handy search widget for 404 pages to help visitors find what they were looking for: http://googlewebmastercentral.blogspot.com/2008/08/make-your-404-pages-more-useful.html

    Reply
  18. Matt
    October 14, 2009

    The 404 goat ftw..

    And of course, the obligatory ‘i made a 404 page too and i like it’ link: http://www.mattnortham.com/404.php :)

    Reply
  19. John
    October 14, 2009

    This is also good http://keremsuer.com/404

    Reply
  20. haxpor
    October 14, 2009

    Holy crab!!

    These are wonderful. Fresh ideas out there huh.

    Reply
  21. German
    October 14, 2009

    Nice collection here my 404

    http://www.factormetal.com/404

    Reply
  22. Adam
    October 15, 2009

    Great list!

    Here is our 404 page:
    http://www.puntoexeinformatica.it/404

    Reply
  23. Tutorial Lounge
    October 15, 2009

    really latest and amazing collection for better design idea. thanks

    Reply
  24. kuba
    October 15, 2009

    hackles.org
    in that comic pig is the l33t hax0r1ng ski113d guy therefore he appears on 404 error
    http://www.hackles.org/xyxyx

    Reply
  25. Lincoln Plumber
    October 15, 2009

    haha, some of these made me chuckle. I’ve got to say though, you must have spent a huge amount of time finding these 404′s. Great compilation!

    Reply
  26. Edgar Leijs
    October 15, 2009

    Have you seen the 404 of the company i work for?
    It’s in Dutch…

    Discription: A cartoon made by a famous Dutch cartoonist dissing insurance companies… and we are an insurance broker! Some self-criticism isn’t quite bad!?

    http://www.klap.com/ooohps

    Reply
  27. Ian Harding
    October 15, 2009

    Oh wow, thanks for listing my 404 design in your collection (“Hang in there”, iStockphoto.com – 7th down from top). Lots of great page designs in there with humorous messaging.

    Reply
  28. Dave Sparks
    October 16, 2009

    Gotta love a good 404
    Here’s mine
    http://www.kamikazemusic.com/404

    Reply
  29. David
    October 16, 2009

    I really would love my 404 page to be included in one of these posts. I thought I was being quite smart, given it is a photo site

    http://www.flixelpix.com/404

    David

    Reply
  30. Jason
    October 20, 2009

    Hehe, the uh oh spaghettio one was by far my favourite, almost fell off my chair. I’m surprised there isn’t a ‘you’ve been rick rolld 404′.

    Some very creative stuff though, has inspired me to invent one myself :D

    Reply
  31. JaneA
    October 21, 2009

    Great collection! I love a good 404 page. Here’s my 404: http://www.paws-and-effect.com/404

    Reply
  32. Natalia
    October 26, 2009

    Great!

    Reply
  33. bartonm
    November 10, 2009

    A friend of mine sent it: 404 page of Blizzard: http://us.blizzard.com/en-us/us/

    Reply
  34. Luke Jones
    November 10, 2009

    http://www.traxor-designs.com/not-found/

    Not amazing, I know. But it could be worse. :D

    Reply
  35. gwipDesign
    November 10, 2009

    While not nearly as creative as some of these I like it.

    http://gwipdesign.com/wp-content/themes/FREEmium/404.html

    Although my blog does too good of a job redirecting messed up url’s so no one will probably ever see it.

    Reply
  36. TysonR.
    November 12, 2009

    Quote”Do you know of any cool 404 pages we’re missing?”
    http://tysonsean.com/four-o-four

    Reply
  37. Matt
    November 16, 2009

    There are some really great 404 page examples here but I noticed on a number of them, despite their novelty, it wasn’t immediately clear why you aren’t at the page you expected to be at, and how to find your way to somewhere else on the website. I think it is vital to make it clear how to get to the rest of the website as well as clear that the page can’t be found so that a novice user understands.

    Reply
  38. leo
    November 16, 2009

    my page «error 404» — http://dadako.net.ru/error-404 (refresh image)

    Reply
  39. w3planting
    November 17, 2009

    more cool & inspiring 404 error pages

    http://www.w3planting.com/2009/10/30-creative-404-pages-for-your-inspiration-w3planting/

    Reply
  40. Ashely Adams : Sticker Printing
    November 26, 2009

    Creative indeed…..LOL!!!! How would you react to a 404 message that says: “What the…?” or “You’re Screwed”….I liked the chicken ones also….And I would enjoy an error message that says: “You Broke the Internet” (Wish i could really break it. LOL!!)

    Reply
  41. Charlize Art
    December 10, 2009

    Another funny one, with sound.
    http://www.tatuarte.org/404.htm

    Reply
  42. div
    December 11, 2009

    superb collection….. :-)

    Reply
  43. Future Webs
    December 12, 2009

    Some really cool error 404 pages here, check mine out: http://www.future-webs.com/error

    Reply
  44. Marta Spendowska
    January 3, 2010

    Love the 404 post.
    I think my error page is quite fun as well :

    http://martaspendowska.com/blog/404.php

    Reply
  45. Stjepan Tafra
    February 11, 2010

    My industrial 404 page (carved in metal):

    http://www.stjepantafra.com/404

    Reply
  46. suraklin
    February 15, 2010

    lol it was a funny time spend here XD

    Reply
  47. hermes kelly bag
    July 2, 2010

    And of course, the obligatory ‘i made a 404 page too and i like it’ link

    Reply
  48. site
    August 12, 2010

    :))))very nice designs!

    Reply
  49. Ari Suardiyanti
    November 25, 2010

    Lovely collection, check the one on my site as well: http://chykalophia.com/404 :)

    Reply
  50. Djazeiry
    January 28, 2012

    is those pictures copyrighted ?? i wanna use one of them in future website :)

    Reply

Leave a Reply