Beautiful and Useful 404 Error Pages for Inspiration

Beautiful and Useful 404 Error Pages for Inspiration

Errors don’t need to be ugly. On the Web, any links that are broken result in a 404 Not Found error message. There are two ways you can address this issue when your user navigates towards a broken link.

Option 1: Present the user with an old and boring default error page, which displays no information other than "There’s an error."

Option 2: The second solution is to present them with a custom error page design that can suggest alternative things they can see or do in order to resolve their problem.

Which one do you think is better? Obviously, the second option.

Here is a collection of 30 beautiful and creative 404 Not Found error message pages.

1. Mark Dijkstra

Mark Dijkstra

2. Chris Jennings

Chris Jennings

3. Carsonified


4. Astuteo


5. daniel karcher

6. HootSuite


7. Mixx


8. Frye / Wiles

Frye / Wiles

9. Wufoo


10. deviantART




13. Future of Web Design

Future of Web Design

14. Popscreen


15. Twurn


16. Propeller


17. CUOMA Design Studios

CUOMA Design Studios

18. Product Planner

Product Planner


20. Spreadshirt



22. Club Penguin

Club Penguin

23. Jim Cromwell

Jim Cromwell

24. Kochatelier Berlin

Kochatelier Berlin

25. Acro Media Inc

Acro Media Inc

26. South Park Studios

South Park Studios

27. swissmiss


28. Dundee Living

Dundee Living


30. iStockphoto


Related Content

About the Author

Rishabh Agarwal is an Engineering student from India. In addition to that, he’s also a passionate Photographer and a Web Designer. He writes about technology on his blog, TechyLabs, and Photography on ShutterSkills. Follow him on Twitter: @rish404.

This was published on May 30, 2010


Benjamin Weigl May 30 2010

One of mine:
Fine Collection by the way. Cheers Ben

Odin Dutton May 30 2010

Google, I hope you’re listening!

Connor May 30 2010

Doesn’t having a personalised error page mean that Google recognises the page as a normal page, rather than an error page? In other words not a 404 page?

Web Sauna May 30 2010

dude, what a nice collection you have here… :)

thank You for an inspiration… have to do my homework in this field as well (blush)

Marcell Purham May 30 2010

Those are great 404 pages. Most of them are very artistic as well. Great roundup

Simon May 30 2010

For 404’s surely it’s very important to have your site’s navigation prominent so people are likely to click elsewhere around your website. I like the one I put on my football (“soccer”) website… if you know football it’s a funny image

Brett May 30 2010

#23… When you see it…

David May 30 2010

The one on is cool given it is a photography blog ?

Informative AND awesome!

Nick Burd May 30 2010

Great round up… but I’ve seen so many 404 page round ups lately lol.

great post.


Rishabh Agarwal May 30 2010

Thank you so much for the Thumbs Up, guys.. I’m glad that you all liked it :)

Lukas May 30 2010

Work of mine –

Michael May 30 2010

Take a look at this one from stufbuff

Marc Gayle May 30 2010

Mine isn’t as ‘designy’ as the others, but it is customized and I happen to think it’s nice. It’s my son :)

Marc Gayle May 30 2010

He also is quite opinionated :)

Luke Desroches May 30 2010

Blizzard’s error page is my favourite:

Free Vector Graphics May 30 2010

Indeed, great 404 pages!

FFCommunicator May 30 2010

Good article. 404 error pages are often overlooked in the scope of development as many see them as a low priority. While it is a page that you never may intend for anyone to see, it is the one that may hold a potential customer or client if something does go wrong. If you give them nothing but a crude error, chances are they’ll hit google and one or your competitors instead of back. If you make it something that catches their attention and draws them back into the flow of your site easily, you may salvage that relationship and possible customer.

Odin Dutton May 30 2010

@connor: with the amount of data google has a helpful 404 page would be nice. “Did you mean ***?”

1MiniMe May 30 2010

You should also show best maintenance pages for inspiration.
I want to submit our page which is probably one of the funniest :D

BTW: We make design 3D statues of yourself from a simple picture, fully handmade.

Kewl Luser May 30 2010


Juan Ce May 30 2010

Here you have one that uses random videos:

Smashy Design May 31 2010

Very nice collection. Thanks for sharing…

devDsine May 31 2010

lol, the south park!

Daniel May 31 2010

Great collection, however, most of them were listed in a few other 404 collections.

Benjamin Weigl: Great Work! I’d say you KO the whole collection here:-) The whole website is also worth navigating!

You can check mine 404 as well:

South Park Studios :)

BronsonID May 31 2010

I’m surprised that this isn’t used more:

Sasha Baksht May 31 2010

How come you missed Techbridge’s one ;)

Karol May 31 2010

Stunning collection. Great pages!

Estevão Mascarenhas May 31 2010

You can see our 404 page here:

We developed an fork game with the most used SEO terms, and it’s only CSS3 and jQuery. :)

Santiago Martinez May 31 2010

Thanks! Guys. I’am Santiago from CUOMA, one of the 404 page creator.


Jordan May 31 2010

Nice list. Good stuff here.

Kelle May 31 2010

I like minutedock’s one

Alex Crooks Jun 01 2010

You might like our 404 :)

robert Jun 01 2010

Nice 404 page in the list and in the comments too. Quality stuff here.

NicOnlyOne Jun 01 2010

I’m not a fat ass, i’m big boned =)

JV Media Jun 01 2010

These are all great! Here’s ours:

Michel Jun 01 2010

Really very good, very intelligent post with ideas.
I have to make changes in my 404 page.

pradeep Jun 02 2010

Great Buddy……..

nice collection dude!

Frinley Jun 02 2010

Thank you so much for the 404 collections,I ma getting some new ideas…thanks again.

scruffyrobot Jun 04 2010

Great collection, but mine wasn’t on there –

Benjamin Weigl Jun 05 2010

thank you very much. I’m glad you like the Site :-)

Alex Sabaka Jun 06 2010 It’s so beautiful error page =)

This is neither beautiful nor useful, but it’s one of the first custom 404 pages I made for my personal site. It’s a Flash movie that shows random images along with an accompanying soundbite.

Andrej Jun 09 2010

Thank you ! Nice collection !!

abner caballero Jun 20 2010

great it’s a goodest..
genial estan buenisimas

Alberto Jun 25 2010

404 Pages of the 4chan are among the most brilliant.

Jameos Jun 25 2010

@Alex Crooks…your site tells me that my IE8 is IE6.

Laurent Jun 28 2010

Nice collection.
Here’s ours:

Zhaph Jun 30 2010

@Connor – That depends on how your server is returning the page – the concern is that a lot of those pages are returning status codes of “200 OK”, which search engines will treat as a valid page response, and index the page content accordingly.

If you’re going to have custom 404, and you should have one, then you really need to make sure that your server is returning it with a response code of 404, so that search engines don’t return it in results:

MicroAngelo Jul 01 2010

#13 – Future of Web Design – deserves special mention if you go to it with a webkit browser such as Chrome or Safari, as it has an amazing and surprisingly simple CSS3 animated spinning globe to fit with the “Houston, we have a problem” space theme.

The globe’s not in your screengrab, so you may have missed it.

Multimedium Jul 13 2010

Love the examples above. Please take a look at ours too:

Swat Chap Jul 19 2010

Nice post!
Here’s one more good one:

pagina12 Aug 01 2010

Here one more :) from a news paper in Argentina

Ionut Mantescu Aug 11 2010

i have one on my website..

Mark Dijkstra Aug 20 2010

Nice list!!!

Thanks for including my cool 404 page ;)

pulsa Aug 24 2010

thank You for an inspiration.I have to make changes in my 404 page.

Florian Schommertz Sep 10 2010

I like blizzards 404.

Jack Moore Oct 14 2010

Wicked 404’s here we really like our 404 check it out, should give you a laugh!

J Appleseed Nov 02 2010

Here is another one at a company named Exuberate that makes iPhone apps:

I’ve bookmarked this for updating my page 404 as soon as possible, thank you!

Love some of these examples, especially the grim reaper! Our 404 page:

Nice collection! Every 404 page should be a little humorous – you at least need to take the edge off of what just happened to the end user. We recently updated our 404 page after seeing so many others:

Akhtar Feb 18 2011

awesome collection. i hope u will love this one as well:

Dylan Mar 07 2011

We love this one – helping us to relax!

Carolina May 17 2011

Very nice collection. Here’s mine

Chris Aug 03 2011

OK, this is all I needed to make me realise that standard 404 pages just aren’t good enough. Time to put my thinking hat on.

Douglas Karr Oct 12 2011

We’ve got a nice one as well :)

This comment section is closed. Please contact us if you have important new information about this post.