There are two ways that you can go when designing a 404 page for your website.
You could go the sensible route and make it usable and try to help the reader find exactly what they were looking for.
Or, you could design a 404 page that not only defines the character of the website or the designer but also makes it a pleasure and surprise to the user.
The Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Themes, Plugins & Design Assets
It’s amazing the effect a sprinkle of humor and creativity can have on someone, and it will certainly make your site that little bit more memorable.
Below, we have a collection of sites with original and highly creative 404 pages. You may notice that some do not even meet the most basic usability guidelines, but who cares; they make us smile! Hope you enjoy them.
South Park Studios
Henrik Hedegaard – WOOPSIE DAISY! Something went wrong!!!
Wufoo Page Not Found
Oops! You bwoke it
CSS Tricks – Nothing found for Thispagedoesntexist
Error – GeekSquad
404 – Casino Lemonade
404 › rbardini.com
webtressdesign.com – OOPS Wrong Turn
404 Best Practice Resources
404 Best Practices from CSS-Tricks
Pimp Your 404: Presentation and Functionality from Perishable Press
How To Customise Your 404 Page from Sitepoint
Turning 404 not found random visitors to blog readers from Tech Snacks
404 Page Management Your Grandma Can Use
404s and WordPress Server Load from alexking.org
The Perfect 404 from A List Apart
5 Tips to Make Your 404 Page More Usable from UX Booth
Why You Should Keep an Eye on Your 404 Stats
How to Find and Fix 404 Errors