Top 10 most creative 404 error pages
Digi-Clicks LLC
A UX agency that creates inspiring digital experiences. We believe every experience starts with a click ?????
The 404 error must be one of the most known by Internet users, and its popularity is due to the fact that it is an almost impossible error to avoid in any website you browse. So why not take advantage of this great opportunity to show your brand identity?
Here are some of Digi-Clicks' favorite 404 error examples and an explanation of why they work, so you can be inspired to create your own.?
A little bit of context:?A 404 Error page appears when the user has mistyped a URL, when the link has been deleted or when the access has been moved. It's important to let the user know why they didn't find the information they were looking for, but to improve their user experience, you can do this with a personalized page and an invitation to continue exploring options within your site.
1. DashThis - Movies and Memes
Why does it work?
Because it shows that they know their Persona well, using a reference to the Lord of the Rings movie, not only in the text but also in the graphics, keeping the brand style.
2. Amazon - A sweet apology
Why does it work?
Amazon apologizes to the user for the error but also offers something in return: the opportunity to meet the dogs that "work" with them. The user was looking for something, but ended up finding gold.
3. Disney World - Too cute to be mad
Why does it work?
Because the brand leverages its well-known characters to "blame" them for the mistake, so the user doesn't feel like they're the one who made the mistake.
4. 9GAG - Simple and smart
Why does it work??
On a humor and meme site, the best thing they can do is show their personality and "laugh at their mistakes" in a way that users are familiar with, with the Simpsons and Blink-182.
5. IMDb - A clever quote
Why does it work?
How can a movie and entertainment site make the most of a mistake? Easy, by proving they are the best in their industry. IMDb puts different quotes from famous movies adapted to the 404 error and offers a link to learn more about that movie.
领英推荐
6. MAD - Switch your attitude
Why does it work?
MAD designed a nice interactive page. You can spend hours on this error page just turning toggles off and on to create a new message.?
7. LEGO - Still Awesome!
Why does it work?
It's a creative, funny 404 page, and with a commentary that supports their brand identity
8. Blizzard - Brand identity at its best
Why does it work?
The big video game company has a cute animation with one of its characters (which by the way makes a move that is a wink to a famous meme) in a blizzard, of course, and closes with a Call to Action in the language of the game! which makes it even funnier.
9. Spotify - 404s and heartbreaks
Why does it work??
In addition to showing brand identity with the LP record resource, it gives the user options to visit other links that might be useful for what they were trying to find.
10. Kualo - Playing for the 404
Why does it work??
This is one of our favorite ideas because it turns an error into a game that invites people to stay on the site longer, so it doesn't feel like frustration for something they didn't find but a great discovery.