
Smashing Magazine we smash you with the information that will make your life easier. really.
404 Error Pages: Reloaded
August 17th, 2007 in Design Showcase | 297 Comments
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.
Rainfall Daffinson makes sure you don’t feel lost.
Even a 404-error page can look stylish.
A book with the page which couldn’t be found.
Jamie Huskisson communicates with “lost” visitors using imagery.
404 error as time on a clock.
Sometimes you can feel or even smell that you’re definitely not on the page you wanted to visit.
2. Getting poetic
404 error haiku. Informative, however a direct link to the start page would be quite useful.
Three more haikus by Lumino.us. Plus beer to keep you company.
And one more haiku by alt-web.com.
BlueVertigo offers a poem with horizontal scrolling.
A small poem about the 404 error by Poemofquotes.com
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’.
Darren Hoyt appeals to the humanity of mistakes and errors and communication with visitors directly.
3. Communicate through emotions
Isn’t he sad…
…however, Cat Content seems to be doing well…
…and Krystal gets no biscuit.
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.
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.
Even although you’re a douche bag, you can use a search box to get to the page you’ve been looking for.
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.
5. While you are lost…
…you can read a comic…
…or more comics (the image is changing after every reload)…
…get two cocktail recipes…
…die…
…don’t count to 404 (the site also provides a search box and a tag cloud)…
6. Explain what happened.
Explanation in a well-designed visualization of what happened.
Be aware when you’ve reached a buzzless page…
7. Explain what can be done.
Foobr offers a detailed explanation on what can be done and what the “lost” visitor might be looking for.
3amproductions.net suggests pages the visitor might be looking for.
Renet-web.met offers recent posts and a search box.
8. Unusual solutions.
Shocking visitors with colors - interesting, but not quite appealing…
Blue Screen Of Death on the Web.
Sorabji.com lists what people were looking for when they got the 404 Page Error. Interesting approach, however not recommendable - think of spambots.
9. Be sincere.
Jeremy seems to be really sorry about the missing page…
…so is Rainer…
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!










































gene (August 17th, 2007, 11:07 pm)
Wow, nice selection. This has got me inspired to work on my 404 page. Thank you.
Lee (August 17th, 2007, 11:23 pm)
So your the reason my sites logged a million /adsddsa 404’s last month
Starfeeder (August 17th, 2007, 11:29 pm)
Can’t wait for the next contest :)
Hopefully we’ll make the next cut
Paul Armstrong (August 17th, 2007, 11:30 pm)
Still my favorite 404 page (that I’ve made) Link [jpmullan.com]
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://www.smashingmagazine.com/images/404-2/doodoo.jpg) and the printscreen one (http://www.smashingmagazine.com/images/404-2/printscreen.jpg) seem to point to other 404 pages.
I can’t even find 404 pages, heh.
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:
Link [dev.starfeeder.com]
Peter (August 18th, 2007, 12:00 am)
Nice one! Gave me a cool idea for my own site
Link [www.corksurf.com]
Vitaly Friedman & Sven Lennartz (August 18th, 2007, 12:03 am)
the last one is
Link [www.homestarrunner.com]
sorry… too many links in
David, biologeek (August 18th, 2007, 12:09 am)
I love the Link [www.djangobook.com] one.
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 : Link [www.culture.gouv.fr]
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 Link [datenvandalismus.org].
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?
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.
g47o (August 18th, 2007, 3:05 am)
buena colección :D
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.
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.
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:
» Link [torley.com]
scar (August 18th, 2007, 8:57 am)
actually mine is better.. =]
Link [scar.atspace.org]
Brad (August 18th, 2007, 10:02 am)
The Pure pwnage 404 is my favorite. Helps if you know the show.
Link [www.purepwnage.com]
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!!!!
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.
Peter (August 18th, 2007, 7:20 pm)
404 Research Lab at Link [www.plinko.net]
António (August 18th, 2007, 9:32 pm)
Can’t help but to plug PG’s 404, a fancy shirt :-)
Link [www.planetgeek.org]
Lynn Wallenstein (August 19th, 2007, 12:02 am)
I can’t believe you missed the best 404 of all time… Link [thcnet.net] (Yes, it really works!)
Isaac (August 19th, 2007, 6:05 am)
Here is a error page from my site: Link [www.herospy.com]
By the way I really like your Smashing Website
Pascal (August 19th, 2007, 6:31 am)
Thanks for the mention guys.
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).
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.
CaSiteCenter (August 19th, 2007, 1:19 pm)
“actually mine is better.. =]
Link [scar.atspace.org]
Yes i like the idea of your 404 page
Razvan (August 19th, 2007, 10:39 pm)
Nice collection!
Jason Lutjen (August 20th, 2007, 2:44 am)
Nice list — was happy to see our site get up there (Link [www.slonky.com]).
Definitely like how there’s a good mix of function, creativity, and etc., throughout the list.
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
jaccho (August 20th, 2007, 9:05 am)
Link [www.poemofquotes.com]
I love this one ~~oops!
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 :)
Link [www.mariotomic.com]
Mario Tomic (August 21st, 2007, 4:19 am)
Also, check out these ones :)
Link [www.mariotomic.com]
Link [www.mariotomic.com]
LeOn (August 22nd, 2007, 1:41 am)
Nice pages. :)
Webee (August 22nd, 2007, 4:55 pm)
Nice one! I’m doing one to my Site
-@^@- (August 22nd, 2007, 10:31 pm)
I like the error page at ibiblio (especially the Australian one):
Link [www.ibiblio.org]
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
cenourinha (August 24th, 2007, 9:58 am)
The bluescreen one breaks all the other one’s… eheh
Carlos (August 26th, 2007, 9:30 am)
I like this blue screen of death-style 404 page more: Link [zonaphotoshop.com]
Christopher (August 26th, 2007, 11:55 pm)
Here’s my Link [www.edg3.co.uk] page as well.
Eric Martindale (August 29th, 2007, 12:57 am)
We have one up at Link [www.roleplaygateway.com]. It’s pretty much identical to the rest of the site, so users aren’t interrupted and are naturally pushed into our site.
exiinco (August 29th, 2007, 1:53 am)
404 error.
this explanation really cool and valuable. where to change that page.
thanks
Steve B. (August 30th, 2007, 12:13 am)
This is one that I use.
Link [24boards.com]
Frank H. Wolf (August 30th, 2007, 11:52 pm)
It exists already ?
Link [hypem.com]
Lanooz (August 31st, 2007, 10:59 pm)
hello, this is my 404 page, that i created recently :)
Link [lanooz.net]
‘wrong WC!’ :P
Billy Bob (September 1st, 2007, 8:08 am)
also check out this 404:
Link [www.webhex.net]
sturdy (September 3rd, 2007, 4:14 am)
hahaha!
Love it!
You can make a post with some 404 images. I have some to contribute! ^^
yuukan (September 5th, 2007, 12:29 pm)
Strong Bad!!!, man nice way to be creative with errors.
bill (September 8th, 2007, 8:39 am)
How about the depressed server???
Link [redvip.homelinux.net]
Justin (September 10th, 2007, 7:49 am)
I loved those ones!
thoughtbubble (September 13th, 2007, 11:50 pm)
Link [www.thoughtbubble.cx]
Mark (September 14th, 2007, 12:04 am)
This is my fave 404… good and insulting
Link [www.kosch.co.uk]
Emilisa (September 14th, 2007, 12:11 am)
I like this one too:
Link [www.findmyroof.com]
Michael (September 14th, 2007, 12:25 am)
My favorite is still:
Link [www.lookitsme.co.uk]
greebowarrior (September 14th, 2007, 12:26 am)
the Link [b3ta.com] is pretty cool, all the images were created by the board users
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.
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.
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!
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:
Link [d20srd.org]
sanosuke001 (September 14th, 2007, 12:55 am)
This is one my brother drew for his website back in highschool. Him and a friend were doing on-the-side website designs and if you got a 404 or an unavailable page, this is what would show up. Also, he had a “fu** off” under the image in the same colors and spraypaint style…. but I can’t find the image for the lettering.
Link [sano.dnsalias.org]
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.
- (September 14th, 2007, 1:24 am)
Link [tysontate.com]
whats up with your lame-o 404?
: )
Dan (September 14th, 2007, 1:29 am)
I quite like mine over at Link [www.dans-blog.com]
Johnsonch (September 14th, 2007, 1:44 am)
http://errtheblog.com/my_page
That is a good one!
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.
Vigilant (September 14th, 2007, 2:04 am)
My error page: Link [www.der-vigilant.de]
Silvasonic (September 14th, 2007, 2:22 am)
Homer Simpson (doh!) @ Fox Latin America: Link [mundofox.com]
Martin (September 14th, 2007, 2:53 am)
Here’s a good one:
Link [www.newyorker.com]
Doog (September 14th, 2007, 3:09 am)
Three words: Sharks with Lasers.
Link [renkoo.com]
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. ;)
Tony Cai (September 14th, 2007, 3:49 am)
Link [www.tonycai.com]
YAY! SIMPSONS!
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.
Tim F (September 14th, 2007, 5:16 am)
Check out this one:
Link [www.libria.net]
Jose (September 14th, 2007, 5:17 am)
Truly a great work. I feel inspired to do my own 404 page.
Thankx
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 …
Sebastian (September 14th, 2007, 6:26 am)
Nice collection. Although Link [sebastians-pamphlets.com] is missing. ;(
Daren (September 14th, 2007, 6:58 am)
Here’s one that clearly shows why the website went down, devs and a Nerf war.
Link [myquire.com]
zushiba (September 14th, 2007, 7:26 am)
I would like to submit my own for review
Link [www.hitpoints.org]
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.
Listat (September 14th, 2007, 9:54 am)
Very very good. A lot of interesting ones out there. I believe the less technical, the better…
Link [www.offeroftheday.com]
rahoorkhuit (September 14th, 2007, 11:05 am)
Freaking cool - now what about some funky BSOD!? Link [www.templatestaff.com]
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 !
Tom (September 14th, 2007, 11:14 pm)
The Homestar Runner one you have there isn’t a 404 error, that was a toon called Link [www.hrwiki.org] they had designed to look like a 404 error.
They do have a creative 404 error though, see Link [www.hrwiki.org] at the Homestar Runner Wiki for more information.
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
Link []
16 August 1999
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. =)
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
Spiros (September 17th, 2007, 6:38 pm)
wicked,
nicely done
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 Link [www.askapache.com]…
Lalit Patel (September 19th, 2007, 12:49 pm)
Any comments about my website’s 404?
Link [www.lalit.org]
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
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…
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.
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.
VagabondoDigitale (September 30th, 2007, 2:43 am)
Very good Collection.. iwant create my 404 page ! :P
gmrtech (October 1st, 2007, 3:48 pm)
Those page were awesome, and funny!
Link [www.waltribeiro.net]
How about a song about 404 pages? HAHA…
gmrtech (October 1st, 2007, 3:55 pm)
Oops.. 404 Error : )
Link [www.waltribeiro.net]
Ken (October 5th, 2007, 2:41 am)
Link [www.qcybb.com]
Klaus (October 5th, 2007, 7:30 pm)
I also got inspired. I grew up with c64, so this is mine:
Link [www.klaus.dk]
re (October 10th, 2007, 3:00 pm)
Link [intravero.com]
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!
Link [www.historischecartografie.nl]
Everett (November 21st, 2007, 6:59 am)
My favorite: Link [www.realgoodssolar.com] .
It’s an especially funny 404 page if you care about global warming.
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?
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!
expat (December 27th, 2007, 3:05 pm)
Link [zanami.ru]
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.
mitch (January 16th, 2008, 8:11 am)
This 404 page has a 303 synth toy embedded!
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 Link [magictoolbox.com] :)
AskApache (January 21st, 2008, 4:46 pm)
Also check out using your 404 page to boost your google ranking with this Link [www.askapache.com] for wordpress.
Tony (January 24th, 2008, 8:28 am)
Someone sent me this Link [latelategifts.co.uk] at Xmas. Made me laugh.
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. :)
conannb (January 30th, 2008, 5:25 pm)
bule screen of death , LOL
am (February 5th, 2008, 12:51 am)
another one:
Link [www.amcharts.com]
vovan (February 7th, 2008, 12:26 am)
Link [tema.ru]
Link [www.artlebedev.com]
TedBeer (February 13th, 2008, 1:50 am)
Link [tedbeer.net]
Mark (February 21st, 2008, 8:32 am)
Cool 404’s. Inspired me to do my own. Link [www.66mobile.com]
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
Link [www.terrancecharles.com]
Web Design Lincolnshire (March 26th, 2008, 4:11 am)
Rainfall Daffinson’s example of 404 is excellent, it is useful and provides the user with help to navigating back. There is nothing worse than seeing a “page not found” page.
Excellent examples
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.
Tanner Hobin (April 17th, 2008, 1:01 pm)
These have inspired me to create a Link [tannerhobin.com].
Marcos Elias (April 24th, 2008, 8:36 pm)
Hi, I use my bus:
Link [www.explorando.com.br]
jamie Huskisson (April 25th, 2008, 9:23 am)
Link [www.jhuskisson.com] - new site launched, new 404 page
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
Agent R (May 7th, 2008, 9:47 pm)
Greatness!!! There are some awesome 404’s out there…
Link [www.geeksquad.com]