Not your usual ‘Oops, page not found!’

23 awesome 404 error pages

Here’s one of our own for WOWGetaways: https://wowgetaways.com/404

What is 404?

Ever clicked on a broken link or accessed a page that doesn’t exist anymore? When the web server is unable to locate a page, it returns a standard HTTP status code of 404 and displays a 404 error page to let the client (aka the web browser) know that the requested page cannot be found.

What goes in a 404 error page?

Without a well-designed 404 page, you’ll probably end up seeing a generic one that the web server uses like the one below.

Generic 404 Page *meh*

Gotta admit, that’s pretty bland and uninformative for the unsuspecting user.

So how can we do it better?

First of all, we should create a custom 404 page for the site.

Some paths you can take:

  • Bring users back to the homepage
  • Suggest links to other pages
  • Include a search box to navigate to other pages

The key is to make lost wanderers feel at home and lead them back to the website. It’s also a good opportunity for you to get creative and add personality to the site.

Let’s have a look at some of the web’s most interesting examples.

Those with cool visuals

  • Make the page beautiful.
  • Make users stop and stare.
  • Make it almost rewarding for them to land here even if it was by mistake.

1) Professor Soap

As if the header of the Professor Soap website is not eye-catching enough, we are entertained by the animated illustration of a character munching on internet cables. Nice!

http://profsoap.com/oops

2) Southwest Trains

Check out the subtle 404 built into the railway tracks.

https://www.southwesttrains.co.uk/404

3) Blizzard

They say it’s good practice to first apologise then appease the user when a 404 occurs. But Blizzard does the opposite and stays cool. 👏👏👏

http://sea.blizzard.com/en-sg/404

Those that let words do the talking

4) Kvell

No image needed for me to like this one 👇🏼

https://kvellhome.com/404

5) Mendo

Who doesn’t love fun facts? Good one, Mendo.

https://www.mendo.nl/404

6) Ueno

Ueno does a pretty good job with visuals and copy in this 404 page.

On top of a running hot dog, we get different funny messages whenever we refresh the page!

https://ueno.co/oops

Those that help you find your way

7) Medium

Not only do we have a search box to help us find the page we were looking for, Medium also comforts us with more article recommendations for the lost soul.

https://medium.com/404

8) Theme Forest

Haha I laughed out loud for this one.

https://themeforest.net/404

9) ESPN

This one has a nice touch of personality and great football vibes.

http://www.espnfcasia.com/404

Those that make you laugh

As they say, laughter is the world’s best medicine. What better way to get out of an awkward situation than to turn that frown upside down? :D

10) Huge

This digital agency has a funny bone. Refresh the page to see more 404 fun.

http://www.hugeinc.com/404

11) Bluegg

You got to turn up your volume for this. I laughed out loud again.

http://bluegg.co.uk/404

12) imgur

Move your mouse around to see the animals in the paintings come alive! Can’t take my eyes off them too…

http://imgur.com/oops

Those that stay true to their brand

13) Lego

How people deal with 404 — lego figurines edition.

https://www.lego.com/en-sg/404

14) McDonald’s

Oh no, no more fries :(

https://www.mcdonalds.com.sg/404

15) Coca Cola

Even the ‘4’ is icy cold. Perfect for the hot weather these days.

http://www.coca-colacompany.com/404

16) NASA

Nuff said, there’s nowhere cooler than outer space.

https://www.nasa.gov/404/

Those that break character

In a good way.

Even serious brands can have fun with 404.

17) Bloomberg

Unexpected, but I like 👍🏼.

https://www.bloomberg.com/404

18) OCBC

Looks like you’ve found a hidden intergalactic portal while looking for a savings account. Woo~ take me there OCBC.

https://www.ocbc.com/html/404.html

Those that speak to the fans

19) Pixar

Cheer up, Sadness! Everything’s going to be okay.

https://www.pixar.com/404

20) Github

Today’s Box Office Hit: Featuring Github’s Octocat dressed as Obiwan Kenobi in the 1977 Star Wars movie.

https://github.com/404
These aren’t the driods you’re looking for

Those that make you feel like a super genius hacker

21) nclude

No mouse needed for this 404 page. You got to type to get redirected to another page. Cool much?

https://nclud.com/404

22) Chabot

This one’s too fun to watch. Funny cat video FTW!

http://chabot.tv/404/

23) Nouveller

Put on your grey hat and get down to business. Type in an invalid command and watch what happens…

http://nouveller.com/404/

More fun 404 pages?

Feel free to share more here!