+$The best 404 pages: Excellent error pages to explore

+$A 404 page, if you don't know, is a standard response code in HTTP telling the user, in effect, that they've clicked on a broken link. If you're designing a website, you're going to need one. They're traditionally an immense source of frustration, but the best 404 pages turn the situation to the brand's advantage.

+$More and more, we're seeing bespoke 404 pages that use humour, great UX or beautiful design to sweeten the pill of finding you're in the wrong place. Whether its some thoughtfulCSS动画+$, A Cool视差滚动+$effect, or just some smarter-than-your-average copy, there are plenty of ways to liven up your 404 pages – as these examples prove.

+$The best 404 pages can become a mini-ambassador for the website itself. It might even be shared on Twitter or relevant blogs as an example of the site's commitment to customer service or unique design style. The 404 error pages we present here have achieved all this and more, so take a look and be inspired to think outside the box with your own.

+$01. Android

+$Android turns getting lost into a fun experience with its gamified 404 page. Tiny worker Android Bots shoot out doughnuts, jelly beans and marshmallows, and the user spins the cogs to direct them into the correct tube. Sporting a simple, cute and on-brand design, this game is as addictive as the sweets being sorted.在这里查看

+$02. Gymbox

+$Gym Box is a gym company that aims to offer "the most unique and diverse classes in London". The limits of that claim might be the kind of magnificent '80s fitness spectacle that appears on its 404 page. Short shorts, crop tops and pelvic thrusting – what more could you want from an error page?

+$03. Slack

Slack 404 page

+$It's only a slight exaggeration to say that Slack's+$2019 Logo Update+$was met with widespread horror, and its super-saccharine 404 page is sure to have its fair share of haters too. Go wrong in Slack, and you're directed to a magical landscape of lush foliage, mountains and rainbows, where butterflies, chickens and tiny little pigs roam free. The scene scrolls horizontally with your mouse movement, too (+$try It Here)。

+$04. Purée Maison

+$Purée Maison is a creative agency specialising in communication strategy, and its characterful website is full of delightful animations (we'd recommend+$taking a look around+$). We're particular fans of this surreal 404 page, which somehow manages to perfectly capture the pain of hitting a digital wall.

+$05. Pixar

pixar 404 page

有些人可能会把事情放在心上太多。皮克斯的404页面,以2015年极受欢迎的Inside Out为特色的Sadness,简单明了,完成了工作。如果它代表你对404错误的反应,那么也许你需要重新审视一下你的生活。

+$06. Matteo Vandelli

+$You don't need to be a major brand to put a bit of effort into your 404 page. We love+$this Interactive Example+$from graphic designer Matteo Vandelli. He's used the error page from his设计组合作为展示他的创造力和设计精明的另一个机会。当访客将鼠标移到404文本上时,它会像水一样涟漪和变化。效果奇怪地令人着迷。

+$07. 20th Century Fox

20th Century Fox 404 page

+$Can't find the film you want? Fox Movies' site has a great way to inspire you for when you get a URL wrong; its 404 page pops up with a still from a cult movie, with a pithy caption and a selection of other films you might like to watch. We've spotted snippets from Edward Scissorhands, Revenge of the Nerds and Napoleon Dynamite, amongst others (+$take A Look+$to see which one you get). Ironically, at the time of writing, the clickable text leads to another, less well-designed 404 page.

+$08. Cloud Sigma

cloud sigma 404 page

Cloud Sigma是一个云服务器和云托管服务于美国,欧洲和亚太地区。虽然灵活的云服务器非常有用,但它们并不是很有趣,我们猜测这就是为什么该公司已经做了一些额外的努力,将一些幽默注入其诙谐的404错误页面。我们想知道这个看起来很有帮助的初级开发者在竞争中被挖走之前会有多长时间。

+$09. BluePath

bluepath 404 page

另一个在404错误页面上使用幽默的网站是位于亚特兰大的数据战略咨询公司BluePath。该页面显示了亚特兰大的地图,在页面的另一侧有一个点,表示访客是“Wayyyy off the map”。在一个非常脆弱的环节中,该地图还包括数据驱动的信息,显示该地区报告的犯罪情况。 “为什么?因为这是一种犯罪,你还没有雇用我们!”啊,这些笨拙的数据分析师。

+$10. Marvel

Marvel基于宇宙观察者的404错误页面,将事物牢牢地保持在品牌上。也许是因为Uatu并不是一个观察者(对不起),Marvel决定迎合比我们更浅的游客,并且只在Black Widow的背景下加入他的眼睛。让眼睛跟随访客的光标围绕屏幕的额外酷点。

+$11. The Australian

+$Australian national newspaper The Australian, owned by Rupert Murdoch's News Corp Australia, has a corker of a 404 error page. Poking fun at politicians' language, personas and public mess ups, it invites you to select a politician to explain away the error like only a politician can. This one is on-point and lots of fun –+$see For Yourself

+$12. Kualo

虚拟主机Kualo公司已有超过15年的经营历史 - 在互联网时代永恒 - 其404页的历史可以追溯到过去以Kualo为主题的太空入侵者游戏。这不完美。对于初学者来说,挑选舰队外缘以减缓入侵者下降的关键策略是行不通的。但它很有趣,如果你得分超过1000分,它可以为你的托管交易折扣。+$Play It Here

它包含在这篇文章中也激发了美国害虫控制公司Pointe Pest Control将自己的Pest Invaders游戏纳入其中它的404错误页面,配有不同的飞行和爬行虫来喷雾。

正如Pointe的Chloe Zollinger所说:“对于网站用户来说,达到404错误页面通常是令人沮丧的。我们了解网页用户体验的重要性。为了更好地吸引访问者的体验,我们的团队致力于创建一个互动游戏。我们的404页面。“

+$13. Waaark

waark 404 page


+$French studio Waaark's 404 page is nice enough to look at, but it's better to listen to – although maybe not at work. Inspired by Stephen Hawking, the Hitchhiker's Guide to the Galaxy and Portal, it uses a JavaScript text-to-speech tool called meSpeak to subject you to a sweary robotic tirade. Plug your headphones in and+$take A Look

+$14. Steve Lambert

+$New York-based artist Steve Lambert describes this as "the most awkward 404 not found page on the internet", and you know, he may well be right. It features an excruciating+$piece To Camera+$that just goes on and on. We defy you to get to the end of his video without any part of your body clenching.

+$Next page: More inspiring 404 pages to explore