30 creative website error pages for when it all goes wrong

Posted by

In 1996, before the days of the covered centre court, at a rain soaked Wimbledon, Cliff Richard performed to the crowd in an effort to keep the entertainment going.

It turns out that Cliff Richard’s technique worked and the crowd stuck around. Why? Because Cliff made the best of a bad situation and rather than being disappointed with the crowd, he took advantage of a bad situation and entertained everybody.

In continuing our Wimbledon theme for the month of July, here at Factory Pattern we have been taking a look at how you recover from a setback and make the best from a bad situation with your website, to ensure your valued users stick around or keep coming back.

When something goes wrong, it is vital that users are kept in the loop to ensure they do not leave. Technical messages full of numbers won’t help them, nor will it entertain them.

What has happened should be communicated in plain English. Imagine if you had to explain the error to someone face-to-face, I expect you would get a very confused and silent response if you just said the word’s “404 error”.

Error messages do not have to be dull or techy. Take the opportunity to make fun of the situation or if all else fails just blame the robots (that’s what Google does).

The following examples show how to both deliver your error message in plain English and how to entertain users when something goes wrong.

30 Great Examples of error or 404 pages

 

Foxrate

foxrate

 

ACM Interiors

acm

 

Umbro

umbro

 

Angry Birds

angry birds

 

West Midlands National Express Buses

bus

 

Emoxie

home alone

 

Omega

clooney

 

Golf Porcelaine

golf

 

Heinz

heinz

 

Hot Dot Production

hotdot

 

Bluegg

goat

 

Lego

lego

 

Magnt

magnt

 

GitHub

github star wars

 

CSS Ninjas

error CSS ninja

 

Daniel Karcher Film Design Studios

film error

 

MailChimp

mail chimp

 

Hakim El Hattab

hakim

 

Tin Sanity

tin sanity

 

Blik Wall Decals

hai

 

ApartmentHomeLiving

home living

 

Dropbox

dropbox

 

Dailymotion Cloud

daily motion cloud

 

Walk with you/h5>

walk with you

 

LimpFish

wanted

 

Starbucks

starbucks

 

Huwshimi

ninja

 

BlackMoon Design

black moon

 

CSS Tricks

css tricks

 

iStock

istock

 

Blizzard Entertainment

blizzard