Website up-time -- the amount of time a business' website is up and functioning -- is an important metrics for marketers and IT professionals to track. But no matter how many resources you put into ensuring your website never, ever, ever goes down ... your website will totally still go down.
It's a bummer, but a fact of life. And the reaction of visitors when they land on your temporarily unavailable website can run the gamut from "taking it in stride" to "totally losing their minds." There's nothing you can do about the latter, but for everyone else, you can make your website down time a little less of a pain by having a funny, whimsical, creative error 404 message. You know, something other than the boring message most other websites display.
To get your creative juices flowing, this post will display some of our favorite website error pages. Hopefully you'll be able to take away a few ideas to snazz up your own 404 message!
Digg
Digg is a social news website that gathers news from across the Internet and compiles it on one website for readers. Since people depend on Digg for a lot of their news, they use this funny message whenever they are down. Time for us to learn how many of our readers are Oregon Trail fans ... just imagine the bizarre segmentation possibilities!
Source: Apple II Bits
Tumblr
Having a problem with Tumblr? Blame the Tumbeasts! (Awww!) The creative cartoon, created by The Oatmeal, is how Tumblr adorably tells you their website is down. Darn Tumbeasts, eatin' up all the servers.
Source: TechWorld
Google Wave
Remember Google Wave? No? Well, back in 2009 Google created Google Wave to combine email, instant messaging, wikis, web chat, social networking, and project management. Since they nixed it in 2010, I don't think you'd be stumbling across this particular 404 page anytime soon, but they did the right thing putting it up for a spell while people were still looking for the product. Chillax brah, you got Google+ now.
Source: Village Voice Blog
Blippy
Blippy was a website that allowed users to share their reviews of products and services. Before it was taken down in May 2011, it used this creative image to tell users it was unavailable.
Source: TechCrunch
Grooveshark
Grooveshark takes their error message one step further than some of the other websites by providing a short story about why Pickles, the giant panda, is the cause of their website being inactive. Not only do users get a laugh, but they get an entertaining story. And a pun.
Source: Flickr, rowast
Reddit gathers stories from across the internet and lets users vote whether or not the story should be ranked higher on the webpage. As a content-based business, it makes sense they'd have a great 404 page! They want to make sure users are engaged and entertained, even when they can't provide their usual content.
Source: National Post
Mint.com
Mint.com is a website that gathers all of your financials in one place, helping you create and maintain a budget. Kinda important stuff. So when people can't access important financial information, they can get very angry very fast. That's why it's appropriate Mint take one of the funniest approaches I've seen to try to lighten the mood and introduce viewers to other web pages they can visit in the meantime. My vote's for Justin.
Source: How Interactive Design
Taptaptap
Taptaptap is a company that 1) creates apps for your iPhone, and 2) knows that everyone loves funny baby pictures. So they wisely have selected this hilarious picture to apologize for their website being down. After all, iPhone owners are used to quick and efficient experiences, so they do not have a lot of patience for webpages that aren't working ... but it's easier to let it slide when this is the image that appears.
Source: Brand Infection
Twitter's error message might be the most famous of all. When Twitter service is unavailable, the Twitter fail whale makes an appearance. The fail whale is almost as well known (maybe more?) as the Twitter bird!
Source: Mashable
HubSpot
It happens to us too! This is the message we put up -- an image of Tom Cattaneo, our 'IT Godfather' -- to tell our site visitors there are some website issues. Thanks for being such a lovable (albeit if our site's down, probably very stressed out) 404 message, Tom.
What other companies have creative error messages when their websites are down?
Image credit: ghostcero



Dan Tyre 2:06 PM on November 05, 2012
Glad to see you got TomCat in there. That face is worth 1,000 error messages
Tristan 2:07 PM on November 05, 2012
We wrote a blog post about this (and creative content on Contact and About pages) last week. Here's our 404 page, featuring our iRobot Roomba.
Renae 2:08 PM on November 05, 2012
This is awesome-sauce. I'm going to link to it on my own vlog on Friday. Thanks!
Shannon 2:08 PM on November 05, 2012
My recent favorite is Githubs (https://github.com/404) - move your mouse over the image.
Lynn 2:14 PM on November 05, 2012
Dog lovers rejoice at Wincing Winnie!
http://www.lstylegstyle.com/404
Russ 2:15 PM on November 05, 2012
I would like to get a message like these into my WP sites can anyone advise how I go about it.
Many thanks
Russ
NEIL SILVERTHORN 2:15 PM on November 05, 2012
Is this blog post an indication that the HubSpot CMS may soon allow users to create custom 404 error messages? Has been a missing feature for a very long time now and a welcome improvement to the CMS.
Krista 2:17 PM on November 05, 2012
Our 404 kitten is adorable! http://www.mediajunction.com/clients/grandmas/web/white-bear-bakery-products/cakes.php
Karyn 2:19 PM on November 05, 2012
That was a fun read! I'm *totally* emailing Justin when I finish leaving this comment.
Can you point to an instructional article on how to implement this on a wordpress.org website? Where does the custom file go?
Thanks!
Osayi 2:23 PM on November 05, 2012
Mint.com is cute...has anyone ever tried emailing Justin...he's kinda cute :-)
Brian Loebig 2:31 PM on November 05, 2012
Karyn, To edit your 404 page in WordPress, go to dashboard/appearance/editor and at the top right you should see a link to edit your 404 page. :)
Larry 2:53 PM on November 05, 2012
We have gremlins on ours...
http://www.cheapcycleparts.com/404
Kyra Schaefer 2:57 PM on November 05, 2012
These are great! I love the Reddit one. And ya cant go wrong with Oregon Trail!
Oscar Pena 3:16 PM on November 05, 2012
Oscar Peña @TypeOp (Twitter)
You missed one! "The best 404 page design! http://bit.ly/SF1vyf
Alisa Meredith 3:18 PM on November 05, 2012
You inspired me to make my own. Love posts like this.Our new 404 page.
Barry 4:00 PM on November 05, 2012
Genius pages there. I always love landing on a 404 that makes me crack up with laughter! HA.
fred de conseilsmarketing.fr 4:00 PM on November 05, 2012
Here is few more : http://blogof.francescomugnai.com/2008/08/the-100-most-funny-and-unusual-404-error-pages/
Fie 4:33 PM on November 05, 2012
haha. that was some great website error messages :-D
Tim 5:19 PM on November 05, 2012
You missed GitHub's StarWars 404...
Pavithra 3:55 AM on November 06, 2012
Some of these are funny enuff for some folks to want to see the Error page instead of the actual one sometimes :-)
Maciej Fita 7:39 AM on November 06, 2012
I think too many companies forget that personality does sell. Showing your audience that it is okay to not take things too seriously is also important.
Leah Van Rooy 9:04 AM on November 06, 2012
These are some GREAT examples of 404 pages! I love that these companies understand the importance of continuing that brand experience through to ALL aspects of the user experience.
I found this great Ted Talk about 404 pages...it is worth a watch!
http://www.youtube.com/watch?v=eHrcRqu_Es4
Catherine 9:51 AM on November 06, 2012
Great Post. Our 404 page features a dinosaur! - http://bit.ly/SKoDxm
Rachel Sprung 12:16 PM on November 06, 2012
Neil, users will be able to edit their 404 pages in the new landing pages/blog/website tools. Stay tuned!
Frederick Real Estate 5:39 PM on November 07, 2012
Very Creative...I wish our real estate sites were so creative.
Grandt 10:10 AM on November 08, 2012
I also love the DUST514 forum's 404.
https://forums.dust514.com/404
The ships seen is a "scanner boat", meaning it is used specifically to scan for, and find things.
Signet Fence 10:10 AM on November 08, 2012
In the process of re-working our 404 Error page now. Thanks for the ideas.
Kayelle Allen 12:35 PM on November 08, 2012
I'm an author whose scifi world features a tour of planets online and a mockup of the Imperial Internet used by characters in the books, so of course I had to feature a 404 page that went along with the theme. NETway, the so-called top provider of online services in the empire is known for being hard to navigate and not working. No *cough* commentary on our own ISPs of course. ;) You can see the error page here. http://kayelleallen.com/Imperinet404.html
Disukai 1:00 AM on November 11, 2012
Gagaga. It;s very creative website error page. I want to clone it :D thanks for share
Dane Cobain 3:40 PM on November 11, 2012
Great article, good work guys :)