A 404 page serves as an “error” message when a visitor tries to visit a page that doesn’t exist on your website. If you’ve ever seen a “Page Not Found” page on a website. While there’s nothing you can do about the latter, you can make your website downtime a little less of a pain by having a creative error 404 message. This can do wonders to make your website visitors crack a smile in an otherwise frustrating situation. We have gathered 10 funny and creative 404 pages that could crack a smile or inspire you.
CSS-TRICKS is a website devoted to teaching CSS to their users. So it’s only fitting that their 404 page reminiscent of what their brand is all about: CSS. Their 404 page is simple and elegant.
Cooklet’s error page is simple and delightful in design and copy. Anyway it’s a website for foodies, so it’s only appropriate that their funny 404 page is food related.
The Lego 404 page uses humor and a funny visual, but it also uses its iconic characters. You don’t need a lot of technical-sounding text to get your error message across. They let their characters do the talking.
If laughter is the best medicine, then Bluegg’s 404 error page might be the cure. It includes — on autoplay, and with sound — an embedded video of one of those goats that screams like a human.
This is the case when design meets technology. The three numbers are made up of hundreds of tiny dots that change direction in response to mouse movements. Click on a section of one of the numbers and watch a bunch of the circles go flying, only to repopulate moments later.
Something’s gone haywire, and the two stick figure construction dudes respond by dancing. With a page title like “Ooopps… 404” and with moldavian music on the background, this is the most weird error page, but also the most cheerful page.
If you’re going to give an error message, why not entertain the user for a few seconds while you help them out? Following a friendly greeting (“Dear happy internet traveler”), OrangeCoat offers a cool flowchart that actually helps users figure out why they reached an error page.
Starbucks makes good use of its primary product to illustrate the 404 message. In this instance the tell-tales signs of a missing coffee cup are used to tell the story.
One of the best examples of a newspaper metaphor, Dave Barton’s personal site manages to inject a little humour into its error message.
This 404 page is simple but stands out from other standard 404 page. They may not have found the page you were looking for, but at least they found all your lost socks. Original 🙂