20. Lazy Oaf
Fashion label Lazy Oaf (opens in new tab) has taken a fittingly hipster approach to its 404 page. It says 'happy 404', 'shit happens' and 'this link is dead' in fun little boxes, gives you some reasons why you might have gone wrong, including 'you can't spell', and provides a handy link back home.
21. Victoria Spicer
Victoria Spicer is a set designer and prop stylist based in London. As you'd expect, her portfolio site is packed with beautiful photography, and her 404 error page (opens in new tab) is no different. It shows off her playful side while still keeping things looking polished.
Even though we have a copy of Illustrator CC right here, and could play with anchor points and Bézier curves literally any time we want, we're still entranced by Figma's 404 page. Oversized 404 text is rendered in vectors that you can reshape to your heart's content. Have a go for yourself (opens in new tab).
23. Airbnb(opens in new tab)
This 404 page from Airbnb (opens in new tab) features a simple-but-delightful animation of an unlucky girl dropping her ice-cream on the floor. Airbnb has built its reputation on being personable and friendly, and this 404 page suits its brand image perfectly.
24. Hot Dot Production
Hot Dot Productions has applied its 'where design meets technology' tagline to its impressive 404 page, which features the three numbers made up of hundreds of tiny dots that change direction or disperse in response to the visitor's mouse movements. Seriously cool. Play around with it yourself here (opens in new tab).
25. GitHub(opens in new tab)
You'd expect some tech wizardry from a website dedicated to code versioning. The 404 page (opens in new tab) targets a different kind of geeks with a simple Star Wars parody elevated by a smart parallax effect when you move your mouse. GitHub also has a nice 500 page (opens in new tab) for when the server breaks.
26. Orange Goat(opens in new tab)
So you're in the wrong place. Now how do we get out of this pickle? The web design agency Orange Goat takes the time to help the user out with an amusing flowchart that asks them how they arrived at the 404 page (opens in new tab) and what they're looking for. It then suggest some suggestions for the next step to take. It makes for a friendly, humourous introduction to the agency.
27. MailChimp(opens in new tab)
Mailchimp's error page (opens in new tab) features naive illustrations around which MailChimp's branding centres. And really, what says 'I'm lost' better than a donkey with its head in a hole?
28. Volta Footwear
Volta is a footwear store based in Milan. Its website includes plenty of cool UI design touches, and we like that it's not just gone for a standard 404 page, either. Good quality, dedicated product photography with a quirky touch – a miniature marble statue that nods to the flagship store's Italian home – help elevate this error page (opens in new tab).
29. Bret Victor(opens in new tab)
Computer scientist Bret Victor's 404 page (opens in new tab), inspired of course by René Magritte's iconic painting, The Treachery of Images, confronts the viewer with some challenging philosophical questions. If this is not a page, then what is it? What constitutes a 'page'? Is it a thing that can be truly said to exist? What is the 'this' that this apparent non-page is referring to? Is anything truly real? Makes you think, no?
Another awesome, movie-based 404 error page can be found on the IMDb website. This comprehensive database of film facts has jazzed up its 404 page with iconic quotes from famous films, subtly edited to fit their new purpose. Take a look at the 404 page (opens in new tab) to see which one you get.
Arriving at a 404 page can be frustrating, so the 404 page for link shortening service Bit.ly (opens in new tab) suggests taking it with calm. It uses a simple image of someone meditating in an attempt to restore our balance, and provides a helpful reminder that links are case-sensitive.
Tripadvisor also attempts to put things into proportion with its 404 page (opens in new tab). It's only a page that's been lost; not your luggage. The message is accompanied by a flat animation of a rolling case – which admittedly could do with being fixed itself because there were ugly lines around the edge of the image at the time of writing. There are three simple messages that rotate. The others read "Welcome to the 404th wonder of the world," and "This page is on holiday. You should be too." The messages are simple but serve to refocus on what the company does, providing options for the services we might be looking for.
33. DropBox(opens in new tab)
DropBox has replaced the Escher-esque impossible box (opens in new tab) that adorned its 404 page for years, with a similarly quirky illustration (opens in new tab). We like to think of an abstract representation of everything going wrong – the wheels coming off. It's a nice, simple hand-drawn illustration that gets the message across well, with plenty of helpful navigation links for a top user experience.
34. Blizzard Entertainment(opens in new tab)
Video game developer Blizzard keeps it simple and on brand with its 404 page (opens in new tab). An animated character grabs the attention with a message telling visitors 'We've dispatched a rescue murloc to guide you back to safety'. Not sure what 'Mmmrrgmgrrrgmmll!' means but hit the button and back to the home page you go.