The 9 Best 404 Error Pages We’ve Seen

Mary Lister
Last Updated: December 9, 2021 | Landing Pages, Marketing Ideas
HomeBlogThe 9 Best 404 Error Pages We’ve Seen

Here at WordStream, our awesome website developer recently redesigned our 404-error page. It seems silly—why spend time on a page that we don’t want people to go to? —but we were all delighted to see the update. It is cute, endearing, and effectively redirects the lost customer to our homepage or the search bar.

What Is a 404 Error Page?

First things first. A 404 or Not Found error happens with a user tries to follow a dead, broken, or nonexistent link. Instead of serving the page the user wanted, the site serves the 404-error page.

HTTP/ERROR

Website designers and marketers are realizing the importance of capturing each visitor to the site, even if they land on an error page. In fact, especially if they land on an error page! You don’t want your visitors abandoning your site for a hiccup that could be your fault for not cleaning up dead links.

What Makes a Good 404-Error Page?

When designing your website’s 404-error page, remember to follow these best practices:

  • With the goal of re-capturing those visitors who followed a dead or broken link, your 404-error page should always have a link that redirects the user to the homepage.
  • Bonus points for including category links, a search bar, or a navigation bar, making it easy for them to find what they need.
  • Keep it consistent with the branding on the rest of your website—we use our “WordStream Blue” colors.
  • Remember to be charming! Dad jokes are crowd pleasers. Maybe it really wasn’t your fault that the user ended up on the error page. However, the customer is always right.

Here are a few of our favorite 404 pages to land on!

1. GitHub

This error page feels 3-D; as you move your cursor over the screen, the Star Wars lookalike moves with you! GitHub also provides an easy spot to search the site or login.

Github 404 Error Page

2. The Onion

In classic Onion style, this 404 page provides a sarcastic/satirical explanation for how you lost your way, as well as search bar to navigate away.

Onion 404 Error

3. Slack

Some developers over at Slack had some fun with this page! The animation moves through their “weird place”, showing the pig and chicken in various spaces while displaying the top and bottom navigation bars.

Slack Error Page

4. Yelp

If you like Dad jokes as much as I do, you’ll love Yelp’s error page, featuring Detective Darwin. Per best practices, any Yelper can navigate away from this page easily on the main screen or through the bottom navigation.

Yelp Error Page

5. Hootsuite

I especially like Hootsuite’s error page because of the very relatable, “Perhaps you are here because: You were looking for your puppy and got lost.” Happens to the best of us.

Hootsuite Error Page

6. Spotify

Spotify shows some of the brand’s personality on this page while providing links to get to the previous page, the homepage, and the help page.

Spotify Error Page

7. Weemss

While Larry likes to turn ponies into unicorns, weemss takes a different approach by turning ponies into zombies when you hit their error page! Even better, they offer to help you save a pony…by signing up or logging into their software.

Weemss Error Page

 

Weemss Error Page

8. UpWorthy

It’s worth a visit to UpWorthy’s error page to see the video that is featured on this page. Although there isn’t the typical search bar or navigation, UpWorthy provides some click-bait instead; which is probably how you got to the website anyway.

UpWorthy

9. WordStream

Saved the best for last! Our website developer recently redesigned this cute page—we’re taking suggestions for fish names.

Best 404 Error Pages

What’s YOUR favorite 404 error page?

Meet The Author

Mary Lister

Mary is a content writer/strategist at Starry, Inc. and an enthusiast of all things Internet. When she’s not writing words for work, you can find her eating extra-cheesy pizza while planning her next trip.

See other posts by Mary Lister

wordstream bottom rail offer how to make great landing pages guide

More Articles Like This


Comments


Please read our Comment Policy before commenting.


Sign up for our weekly newsletter!

Loading...