The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and eventually find the information he or she was looking for in the first place. Effective 404 error pages communicate why a particular page couldn’t be displayed and what users can do next. A search box and list of useful resources (possibly related to the missing page) could be helpful in this case.
We’ve already covered the design of 404 error pages in previous 6 posts 7. In them, we also covered some interesting and useful ideas for designing 404 pages. Now, it’s time for a fresh dose of 404-error inspiration. This article presents 50 more examples of beautiful and original 404 error designs. Some of them are beautiful but not user-friendly, others are user-friendly but not really beautiful. Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody.
Also note that some examples used in this post were suggested by our Twitter followers: please follow us on Twitter 8 9 to vote on which article gets published next, discuss new ideas, get fresh updates and suggest great ideas for our next posts. Thank you.
Beautiful 404 Error Pages
Cut & Taste 10Cut & Taste claims that “Someone on the staff is to blame for this! Rest assured, the proper person will get the proper amount of blame and humiliation dealt to them.” Notice how well the search box is highlighted. Beautiful!
Productplanner 12Productplanner perfectly integrates its 404 error page in the overall branding of the website.
Mundofox.com 14A 404 error page with a not-so-eloquent Homer.
Duoh.com 16Probably one of the most colorful and abstract 404 error pages out there.
Apartmenthomeliving.com 18A quite unusual 404 error page from a website that helps people find apartments.
Chrisglass.com 20Chris takes his comrades on a trip, hunting for the right page.
Huwshimi.com 22On Huwshimi a ninja seems to have stolen a 404 error-page: “you must return when the moon has friends and the fox is borrowed”. Gorgeous!
ilovetypography.com 24A typographically beautiful (of course) 404 error page from ILoveTypography.com.
Newspond 26Newspond uses a very strange illustration on its 404 error page. The circle defines the limits of the website, and the small image at the top is a miniaturized Newspond logo. A click on the image leads to the home page of the website.
Brightkit 28“404 Fowl Not Found.” Brightkit shows a missing owl on a milk carton. Unusual and, therefore, memorable.
Gog.com 32“404: oh noes, there’s nothing in here.” (sent by @Chamb 33 via Twitter)
User-Friendly 404 Error Pages
RealMacSoftware.com 35An excellent 404 error page, ... Lire la suite de l'article