It makes light of an unfortunate situation and can point users to a place where they might get some help. Design Resources - Jun 20 Free Icons: 49 Best Sites To Find Beautiful And Useful ... It’s an awkward situation, the site not doing what it’s supposed to — but that surprise also enables it to be funny, as the user is not expecting the fun message It personalizes the page a little bit, and ensures that visitors know what their brand does. 23. http://www.creativebloq.com/web-design/best-404-pages-812505
They empathize with users who might be stressed out by an error message when they're already stressed out about moving. We'll be honest, the 404 shape doesn't work that well (although it's no worse than Google's Pac-Man doodle), but it didn't stop us from giving this a thorough researching.08. It’s important to have hierarchy, and the most important things should stand out against the rest. Dribbble/Meng To This page creates contrast with color.
The pigeon making direct eye contact speaks to you, giving you options of what you can do from this point. 07. Having a custom (and creative) 404 page is a discovery for visitors in itself. Gross, and pretty uncomfortable. 404 Error Photography If you want something to appear as though it’s moving, make it actually move. Behance/PBB | PITBLACKBEARD The movement of this 404 page is playful and cute.
This is an interesting and unique solution to what could become just another web page. 404 Error Photos Bring great design to your entire workplace Try Canva for Work free! This further enforces the brand and lends a creative touch. 12. https://designschool.canva.com/blog/404-page-design/ Hopefully you'll be able to take away a few ideas to snazz up your own 404 message.
Now, is that message for you, or the astronaut? 19. 404 Error Messages comments powered by Disqus ‹ PrevAllNext › Awards Winners Special Kudos Nominees Leaderboard Submit Features The Dex Jobs Events Design & Dev Feed Articles Logo Wall About CSSDA Judges Awards & The system returned: (22) Invalid argument The remote host or network may be down. The 404 page for Blue Fountain Media is a smart adaptation of Pac-Man right in the page’s “404” title.
The imperfect streaks of blue make it feel as though it was painted on the background and not just placed there. 37. check my blog It's mesmerizing, cool, and a great showcaseof their design capabilities. 23) HomeStarRunner.com HomeStarRunner.com, home to a Flash-animated cartoon series, has had a series of hilarious 404 error pages over the years. 404 Error Images Free Adding the lines over the 404 adds a layer of interest to the page, and reinforces the fact that something can’t be found. 11. 404 Error Sign Make it Easy to Understand For a select handful of people who may not know what a 404 page is, spell it out for them.
You were searching for something, yet you found this page instead. Even though the screen is small, you can still read the message clearly. 44. There are times when 404 error pages frustrate and annoy you. Box it In Experiment with boxing in your letters and numbers. 404 Error Illustration
It’s broken, visually showing that the link you were trying to find is also, in fact, broken. 09. It looks sad and sorry that the page is missing, and the text in the green bar makes it seem helpful. Notice the “404” written subtly in smoke. HubSpot Sales All-in-one software starting at $0/mo.
Whatever the style, implement it into everything you have on the page, type included. Behance/Cristina Maria Here is a softer approach. Page Not Found Examples Their 404 error page cleverly pretends to be a "junior developer's homepage" -- that junior developer being, well ... You’ll receive an email soon to confirm your subscription.
For the most part, you can configure your web server to create a customized 404 error page. (If you're a HubSpot customer, click here tolearn how to customize your 404 page Of course, the message doesn’t get out of hand since the “Reboot and try again” option takes the user back to the homepage. For more brilliant 404 pages, we highly recommend this analysis of 33 error pages from Creative Bloq. Custom 404 Page Examples Step Outside of the Computer Similar to the previous tip, step away from the programs for a little bit.
It creates a scene to house the 404 message as well as gives you ‘someone’ to give direction. Implementation is hard. Another added element is the factor of surprise — this kind of out-of-the-blue reference is sure to be remembered if you weren’t expecting it. Thankyou!
It creates a theme and can simplify your design process by restricting yourself from using too many colors. Behance/Alessandro Ceporina This page uses various shades and tints (darker and lighter tones) Thankyou! The good news is that 404 pages also offer a refreshing opportunity for humor. That means what we feel about a site is more important than what we think about it.
Work Personal Education Subscribe Thanks for signing up! You can unsubscribe at any time and we'll never share your details without your permission. The scene transitions well into the informational section of the page, and nothing is lost in either. 41. Similarly, Bitly integrates their mascot -- the pufferfish -- into their error message.
This is both clever and reminiscent of what their brand is all about: CSS. 5) Good Old Games (GOG) For other websites, you unwrap and there's ... She combines her passion for both in a beauty blog and beauty channel on YouTube. Click anywhere on the “hot” dots and watch them scatter. Generated Thu, 29 Sep 2016 13:24:57 GMT by s_hv972 (squid/3.5.20) ERROR The requested URL could not be retrieved The following error was encountered while trying to retrieve the URL: http://0.0.0.9/ Connection
This article by Morgan Brown and Chuck Longanecker will explain the details, but to summarize, the human decision-making mechanism has evolved such that we “go with the gut” in many of Recommend some your top content while they’re open to suggestion. Consider thinking outside of the box and using a more tangible medium. Behance/Todd Goldstein This page uses different embroideries with various images on them. It stands out from other 404 pages because of the hand-crafted aspect.