Skip to main content
UX Content
  • Case Studies
  • UX Bites
  • Cheatsheets
  • Psychology
BFM+
  • Instant Feedback
  • MCP
  • Figma Plugin
  • Tiers & pricing
  • Free newsletter
  • Log in
Other
  • Archive
  • About
  • Help
  • Changelog
Services
UX audits

A complete audit of your user experience, delivered in a format that you can't ignore.

Book an audit

Built for Mars Ltd is a company registered in England and Wales (Company No. 12731987).

Account
  • Log inAccess your library and activities
  • SubscribeUnlock all features and access to the library
Learn from the best companies in the world

A library of content that even non-designers find interesting.

Subscribe todaySubscribe today
Structured learning
  • UX BootcampEnroll in a 5-week bootcamp
  • PathwaysCreate custom learning Pathways to work towards any goal, industry or topic
  • CollectionsBrowse Case Studies by key topics
  • QuizzesTest your knowledge
Explore the library
  • Case StudiesSlideshows that are packed with research
  • UX BitesReal examples of design magic
  • CheatsheetsQuickly level up in a particular area
  • Product PsychologyLearn the essentials
  • NewsletterGet research straight to your inbox
  • CompaniesBrowse by company
Learn from the best companies in the world

A library of content that even non-designers find interesting.

Subscribe todaySubscribe today
Tools to help you
  • AI InsightsUpload screenshots of your design, and get instant feedback from our AI
  • MCPAccess the entire library from your favourite agent
  • Figma pluginAccess our AI tools, and our entire library, directly from Figma
One-to-one help
  • UX AuditsThe fast-track for growth
Includes tools that help you ship better products

Learning never stops, but sometimes you need a little more.

Subscribe todaySubscribe today
Log inSubscribe today
Home
Design Examples
404 Page Design: Real Examples
Design Examples

404 Page Design: Real Examples

See how companies like Wendy's, CarWow, Mobbin and the Financial Times turn 404 pages into minigames, quizzes and in-jokes, with annotated examples including Claude and IMDB.

Real world examples:

Updated: 26/10/2026, view all 1,508 examples

Examples on Built for Mars include
  • CarWow ends its 404 game with a car search

  • Mobbin turns its archive into a 404 quiz

  • Codecademy links its 404 game to a course

UX Bite:
Claude logoClaude

Claude's 404

Claude's 404 page uses one of their LLM models to create a poem.

Claude's 404

More context:

I love that you can also select the model—this allows people to functionally buy into the differences between them.

#970
View UX Bite
UX Bite:
Dribbble logoDribbble

Dribbble's 404

Dribbble's 404 page includes an interactive colour slider, which will show a collection of images in that colour.

Dribbble's 404
#81
View UX Bite
UX Bite:
Wendy's logoWendy's

Sir, this is Wendy's

Wendy's 404 page has an interactive game, very similar to Donkey Kong, where you have to stack burgers.

Sir, this is Wendy's
#126
View UX Bite
UX Bite:
Car Wow logoCar Wow

Looks like you need a new car

CarWow's 404 has an interactive racing game. Once you lose (crash your car), it cleverly directs you into finding a new (real) one.

Looks like you need a new car
#71
View UX Bite
UX Bite:
IMDB logoIMDB

IMDB showing movie quotes in their 404

IMDB's 404 page will display random (slightly edited) movie quotes.

IMDB showing movie quotes in their 404
#18
View UX Bite
UX Bite:
Mobbin logoMobbin

Mobbin's 404 quiz

Subscribe to unlock this example
Plans start from £8 per month
Subscribe to unlock#357
Preview
UX Bite:
Codecademy logoCodecademy

Learn to code games

Subscribe to unlock this example
Plans start from £8 per month
Subscribe to unlock#125
Preview
Brand logo. A single bold letter "S" on a plain background, with no interface, controls or screen content shown.App icon or splash screen showing the brand's stylised letter "M" logo on its own, with no other interface elements, buttons or text visible.App icon. A single starburst symbol on a textured background, with no text or interface elements shown.

There are more than 1400 UX Bites like this

Subscribe to BFM+

If features can be coded in minutes, thoughtful design is what wins

  • Unlock the entire library
  • Create custom UX courses
  • Access our AI tools
£8/monthbilled annually
See the benefits
or, wait for the free stuff

Join the free newsletter

Get the free content when it's released, straight to your inbox, no account required

"An exceptional resource for learning how to build habit-forming products that people love."

Author portrait. A smiling speaker wearing a headset microphone, shown alongside the cover of the book "HOOKED: How to Build Habit-Forming Products", used to introduce the author or a feature on habit-forming product design.
Nir EyalAuthor of Hooked

"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."

Author portrait. A usability expert is shown with the cover of his book "DON'T MAKE ME THINK revisited", subtitled "A Common Sense Approach to Web and Mobile Usability", a classic reference on intuitive interface design.
Steve KrugAuthor of Don't Make Me Think

"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."

Profile image. A circular headshot of a smiling man with two overlapping company logo badges, indicating the organisations he is associated with, as used for speaker, testimonial or team member introductions.
Bing GordonKleiner Perkins & EA

"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."

Profile image. A circular headshot of a person with two app icon badges overlapping the corner, linking the person to the apps they're associated with.
DHHHey! & Basecamp

FAQs

Do creative 404 pages actually improve conversion?

Rarely. 404 pages tend to have little or no impact on conversion rates or churn. Their real return is social sharing, since a playful error page is a small moment people like to pass around.

How can a playful 404 page still serve a business goal?

Link the playful element back to the core product. For example, CarWow's driving game ends in a crash with "It looks like you need a new car" and a button to find one, while Codecademy places its minigame next to a link to its Phaser.js game development course.

What makes a 404 page feel on-brand rather than generic?

Humour built from material the audience already knows creates a sense of Tribalism, i.e., an in-joke only insiders fully get. For instance, IMDB edits famous film quotes, the Financial Times blames missing pages on liquidity traps and Pareto inefficiency, and Mobbin asks designers which app a screen is from.

Does a fun 404 page still need a clear way back?

Yes, the joke sits alongside the exit, not in place of it. As an example, IMDB pairs its Obi-Wan quote with a plain note that the URL wasn't found and a homepage link, and Mobbin places links to its browse page above the quiz.

Why make a 404 page interactive instead of static?

Interaction gives people a reason to stay on a dead end and share it. For example, Dribbble's colour slider rebuilds the "404" from designs in the chosen colour, and Claude lets visitors switch which model writes the poem, so they can compare the models firsthand.