Having an outstanding 404 error page is as important as having a great design for any other page of your website. How can you make it really cool? We’ve found 10 witty and well-designed examples for you. Let’s have a look!
Eleks
The first 404 error page we are going to show you is from Eleks, a software engineering company. Using creative animation, they depicted a robot, representing the website. The robot is starting to fall apart, visually showing that the link you were trying to find is also broken.
Yalantis
Pick a few colors that work together! This page contains only two colors, black and white - it creates a pretty simple and likable interface. Smooth and plain animation doesn’t irritate those visiting it.
This one is really wonderfully made. Web designers have chosen to use an astronaut that seems to be slowly diving into mysterious space.
Tobi
Today, so many things can be done with cameras! Using photography, you can appeal to visitors’ emotions, convey your ideas and evoke pleasant feelings. The author of Tobi’s 404 error page managed to create an incredibly beautiful and trendy picture. The colors work well together, and the nice blue brings a happier feeling to the page.
Bitly
Take liberties and stylize the page the way you want to. Bitly, for example, uses an amusing cartoon animation where you can play with water.
Media Labs
Instead of using the usual phrases for an error page, Madia Labs (mobile app development company) put a well-known quote that was used by the crew of the Apollo 13, to report a major technical problem: "Houston, we have a problem".
Fornasetti
What does the website of the works of the famous painter and sculptor Piero Fornasetti offer us? When you get lost and wind up on a 404 error page it lets you play an engaging game. Try it!
Discovery Building
404 pages are all about something not being found, so you can play with that fact. Common expressions and visuals that relate to something being lost are a great option in this case. This page takes one of these things and represents it, illustrating a road stretching into the distance, and thus establishing a connection with a visitor on your page.
The imagery in this 404 page relates to both the audience and the message it’s portraying. The message “Sorry, we no longer have that” means the desired page doesn’t exist anymore.
Ideal Hut hypnotizes with bizarre colors that give it a dynamic feel through the use of playful and bright patterns.
Creative things inspire other people to be creative! Let your 404 error page make an unpleasant situation enjoyable!