A 404 Page might not be at the top of your To-Do List when you are setting up your website. But, we all make mistakes. And, if you have a missing page or broken link on your website, visitors will see this error page automatically.
Use this to show your visitors that you’re a friendly, real person:
- Include links to other helpful pages
- Give them ways to get in touch – include an email address, or your Social Media links
- Best of all, add in some humour – make the visitor pleased that this accidental page appeared!
Here are our favourite 404 Page examples to inspire you
Pixar chooses just the right character to express sadness and frustration – sweet and on-brand. And, if you’re an animation studio, it’s a perfect place to showcase your skill.
Simple as can be – but clever, too. Our intellect is appeased because we like recognising the nod to the painting by Magritte that is the inspiration. Perfect showcase for a clever computer programmer.
Victoria is a set designer. Here’s a 404 Page image is a mini-set which manages to tell a story, and immediately showcasing her talent.
Perfectly on-brand – re-load the page if you can’t see anything moving!
What do you do when you’re spoilt for choice, like Marvel, with so many different characters? Answer: randomly load different pages with different characters.
Is it wrong to have a favourite 404 Page….? This hits the spot, just as the ice cream hits the floor.
Everything is Awesome – of course! (But it would be even more awesome if the soundtrack played too.)
Nothing fancy – just an on-brand message, and a rather stunning image. Great example of simplicity.
It’s not just the animation that works here. The message is bold and clear: we’ve done something wrong, but we’ll help you find the right place. Seems like Mailchimp are friendly, helpful people, doesn’t it?
Figma create design tools. Here, the 404 itself demonstrates what they offer. (Warning: visiting this page can be seriously time-consuming….)
You might not have wanted to go to Slack’s 404 Page, but, as you’re there, you can explore a magical world by moving your mouse.
A reminder that you’re not disadvantaged because you don’t have your own animation team. Use a simple message, choose a clear image and include a Call to Action.