These 404 pages offer wit, tech wizardry and great UX.
Designing 404 pages might not be your first priority when you’re creating a new website, and with a bit of luck your users won’t often encounter them when browsing. But a stellar 404 page can be an effective tool for conveying your brand identity, entertaining visitors and keeping them on your site rather than clicking away in annoyance. Of course, you don’t actually want visitors to find themselves there at all but adding some personality and clever design can add a silver lining to an error.
These awesome 404 pages use innovative UX, humour, stunning design or even games to negate any irritation for the user and make them memorable and shareable. You could add some CSS animation or cool parallax scrolling, but sometimes all you need is some entertaining copy.. We’ve chosen our favourite examples below to provide inspiration to help you think outside the box with your own designs.
The best 404 pages
Netflix has a whole host of content to pick from for its 404 page, and it has appropriately included a full page still from the movie Lost in Space. The site asks, “lost your way?” and provides a clear button to take you back to the homepage. The only improvement we could imagine would be to provide a range of films like IMDB does (see it further down the list) so you never know which one you’re going to get.
The candy company utilises its characters for its 404 page. When stumbling upon the 404 page, you are met by a worried looking m&m, who is facing down the trouble alongside you. This simple graphic reinforces the m&m branding and raises a smile before you head back to safety.
A good 404 page should convey a brand’s personality. Marie Kondo has become hugely popular for her cleaning and organisation tips and products, and the copy on her site’s 404 page humorously espouses that same philosophy of clearing out clutter. It’s a small, concise detail that fans will immediately recognise.
Marvel’s has multiple versions of its 404 pages, which are (of course) all themed around the MCU. We’ve spotted references to Hydra (one of which is above) and the eye of Utau, to name just a couple. Check out the Marvel 404 page to see which one you get.
The Lego 404 page is pretty simple but exudes personality. The Lego man’s horrified expression, plus the push on a brand tagline (‘everything is still awesome’) creates an error page experience you’re not sorry you stumbled into.
You can find full article by Ruth Hamilton here