How to Design Great 404 Error Pages

| 9 min read

Getting a 404 Error page is very similar to many real-life situations. What do we mean? Well, for example, if you are an “I-don’t-need-a-map” kind of person in an unknown place, you will most likely get lost. And while your frustration level rises to the level of Leonardo Di Caprio at The Oscars, imagine that someone approaches you and gently helps you find your way. That would feel great, right?

Let’s turn our attention to your website or product. It is inevitable that some users will experience some kind of inconvenience with your website or product and it is up to you and your design to determine whether that experience will simply be inconvenient or whether you manage to turn it into something positive.

404 Error pages are a great example. Go ahead and enjoy the brilliance behind the error pages below:

Daniel Karcher Film Design Studios

ACM


Magnt

Krit


Southpark Studios


Limpfish



Kwarter

ModCloth

Whitespark

1minus1

Bluegg


Home Star Runner

Huwshimi

Titleist


DDZ

Header Image: Author/Copyright Holder: Ian Kennedy. Copyright terms and licence: CC BY-NC 2.0

Topics in This Article

Open Access - Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!