How Top Brands Like Wendy's And Canva Have Gamified The Dreaded 404 Error Page And People Are Loving It

As any developer, business site owner or digital marketer can attest, 404 error pages create anxiety. After all, they signify that something went wrong. Somehow we messed up and missed something on our own website. How can a customer trust us if we can’t even keep our own site properly under control and organized?

In truth, 404 error pages happen. Plain and simple, and no one can prevent it 100% of the time. Not even mega-corporations like Microsoft can make the dreaded error page obsolete. Instead, a number of brands have decided to wisely lean into their reality in a practical but fun way.

Introducing the gamification of the 404 error page.

Just what is the 404 error page, and why does it happen?

Simply put, a 404 error page is the automatically generated page that a user sees when there isn’t a webpage available at the URL they are visiting.

Sometimes this can be an internal mistake and easily correctable. Oftentimes, it’s a user error and there’s nothing we, as website owners, can do about it.

For example, if a visitor decides to go directly to a page on your website that doesn’t exist, they will instead see the 404 error page.

There are only three reasons this ever happens:

Standard 404 error page

The error page above is standard. We’ve all seen it, and we’ve all been annoyed by it. Usually there’s a quick link to the homepage of the site that will hopefully prevent the visitor from increasing the bounce rate for the site by leaving.

Today we’re going to take a look at the latest trend in 404 error pages and how the brands using them have turned a negative experience for the site visitor into a positive one. So much so, that many of these pages have found themselves mildly trending on social media as others click to a page they know doesn’t exist to play a quick game that seems hidden from the rest of the world.

Canva 404 Page

The popular graphic design platform, Canva, has turned a frustrating experience for a customer into a surprising one with a cute HTML5 game.

Canva’s gamification of the error page included an easily recognizable branded version of the old tile shuffle game once popular with bored kids on car trips in the 1980s. It’s nostalgia, and it’s worth taking a quick look by clicking here.

Wendy's 404 Page

How about instead of a boring error page, you can play a brand-building retro-style browser game called BurgerTime?

You’re Wendy and you have to avoid the bad guys as you run and climb around to complete the Wendy’s meal.

Points grow, win or lose, until eventually it’s game over. I spent a little too much time playing this game in order to record the video below, and I enjoyed it. By far, Wendy’s has the most entertaining 404 error page. Social media users discovered and shared the error page causing the fast food giant to create a permanent link. 

You can play the game yourself by clicking here.

Slack 404 Page

Not to be outdone, Slack took the gamification of their error page and really integrated it with their brand identity, which is all about communication. The company introduced an adorable, calming scene that’s more a user experience than it is a game. You can drag it around, click on characters, and even discover a few hidden things along the way.

Slack animated error page

On this unique error page, Slack not only apologized to the site visitor, but also a link to their help center.

If you’d like to see the animation for yourself, click here.

Figma 404 Page

As a design and prototyping platform, my expectation of Figma was high. I was not disappointed.

Figma combined a unique visual experience with unexpected interactivity, and the results are worth experiencing for yourself.

8 ways to make the most out of your 404 error page without games

You have just seen verifiable proof that broken pages need not be a catastrophic failure. Many site owners are beginning to use their 404 error pages to drive conversions and even build brand awareness.

Take a look at your 404 page right now. Ask yourself whether you could add some humor to it or animation (preferably humor that is animated!).

Along with the humor, do you think you can include some helpful links, contact information (live chat is always welcome) or a quick search bar. This way you’re showing not just personality but also the desire to help.

Go ahead and check out your 404 error page right now and get creative – your conversions will thank you.

Charles Wilson
Charles Wilson
Charlie is a classic coder from the Northwest who loves all things retro, vintage and vinyl and has spent the last 15 years at a data security firm. After retiring, Charles fell into a second career helping his wife start her niche membership site that now boasts over 12,000 monthly members.