Use arrow keys to navigate

404 error means that the file/page a user want to view cannot be found. This error is one of the most, if not the most, common errors we run into browsing the internet. Hate is or love it, this gives webmasters the opportunity to show their creative side. We all have to have a little fun sometimes right? On of the most important factors to keep in mind when designing a 404 page is to get the users attention, and help them navigate back to your website.

Many bloggers overlook their 404 page, leaving them looking unappealing and plain(we are guilty of that, working on it as you read). When this happens you should be prepared, because this might be the last time that visitor views your website. Do not let him/her leave the website without even showing them what you have to offer. The least you could do is provide a back to home button somewhere on the page. Here are some handy tips to keep at mind while designing your very own 404 page.

  • Keep it simple: Don’t bombard the visitor with crazy info or anything that will scare them away. Minimalism usually works well!
  • Use graphics, images, and illustrations: Be creative, funny, and friendly. Many websites take the funny approach and make their page hilarious to look at.
  • Provide a search bar, and other links: Lead the user away from the page and show them your content. Be the guide, because they are lost.
  • Say Sorry: It might not be your fault something went wrong, nobody is perfect. Just remember to be apologetic to show the user that you care.
  • Explain why they are there: Believe it or not my mom has no ideas what a 404 page is. As shocking as that sounds you have to keep at mind that everybody on the web does not know everything you do.

We hope that the tips above will help you navigate in the right direction with your design. To help you out before you start, we collected some of the best 404 pages we could find. Let’s hope these inspire you! Oh and don’t forget to tell us in the comment section which one you like the most. I think my favorite out of all of these was the Dropbox 404 page.

1. Inspiredology

2.  Iconfinder

3.  Social Fries

4. Design54

5. Snakes-in-Space

6. Bigbadcollab

7. Blue-Daniel

8. Deezer

9. On Air Agency

10. Tchikito

11. Omega Watches

12. Golf Porcelaine

13. Stereosuper

14. Pixiapps

15. Marketing Virtuel

16.  Jean Delbrel

17. Dailymile

18. Dribbble

19. The Many Faces Of

20. Cascade Brewery Co

Use arrow keys to navigate

Posted by Igor Ovsyannykov

I'm a digital nomad and entrepreneur bouncing around South East Asia. When I'm not working here, I'm out taking photos. Follow me on Instagram: @igorovsyannykov


  1. Cool concepts! Yet some of them seemed a bit offensive because of the text)

  2. Igor Ovsyannykov July 30, 2011 at 1:38 pm

    This is awesome, haha.

  3. Igor Ovsyannykov July 30, 2011 at 1:39 pm

    Great design!

  4. It surprises me just how many have a large ‘404’ very prominently placed on the page. How many folk coming across this code will actually know what it means? Sure, include it in smaller type somewhere on the page in the context of somthing along the lines of “Still having problems? Get in touch quoting ‘Error Code 404′”. Still, some nice designs, though.

  5. I could have done with one of these last night when i broke my site !!!

  6. Great collection thanks for sharing.

  7. One of the best new ones I’ve seen…

  8. Great list, thanks !
    Here is our 404 :

  9. Awesome collection mate, love them all.

  10. These are pretty cool. I’ve just finished one inspired by recent riots in London for my blog.
    Take a look if you will. Cheers,

  11. u should add the tumbeasts from tumblr and the twitter whale 😛

  12. Awesome! These really are great. Thanks 🙂

  13. Think you’ve seen it all? check out

  14. very nice,I like it!

  15. Some nice ones up there. Here is our 404 page

  16. BRILLIANT! It would be a pleasure to accidentally land on any of these pages, some beautiful work for sure…
    Warren (UK)

  17. Thumbs down. Lame.

  18. Those look awesome but I dont think I want to spent my time or resources designing 404 page for my website.

Leave a reply

Your email address will not be published. Required fields are marked *