You almost feel bad for the little guy, and you’re not so upset that you landed on the page in the first place.06. It matches the branding (the logo is a whale) and fits with the light blue color scheme. Source: Audiko Likewise, the 404 for Audiko is so fun to look at, we’re likely to forget what we were originally looking for. The Venn diagram made us chuckle, and that’s a pretty clear emotional connection. http://jamisonsoftware.com/error-page/funny-404-page-error.php
Show a SceneCreate a scene in your 404 page. MailChimpDon't make the monkey angry...The designers at ultra-hip email newsletter service MailChimp have morphed the company's well-known monkey into a Hulk-type character, complete with animated smoke, to signify a broken link. The framing, technique, use of colors, etc. It makes clear sense and you’d get the gist even if you didn’t read the error code.32.
Of course, the message doesn’t get out of hand since the “Reboot and try again” option takes the user back to the homepage. Tweet Proudly Sponsored By Design Jobs UX/UI Designer Macquarie Group Sydney, Australia Senior UX Designer Alexa Seattle, WA, USA Related Articles Projections - Featuring Resn, Huncwot & Design Battles New UI All rights reserved.
It could have been too simple had the question mark not been cut out of the zero. Molome Pin it 8. If they had spaced them out, the outer space effect would have been lost (the stars melting into the black).38. 404 Page Not Found Do it Join over 260,000 subscribers!
If you view the image on Behance, it even moves, adding another layer of interest and entertainment.02. Error Page Template Bootstrap Be CreativeTake liberties and turn one thing into another. Design Layout - Apr 8 20 Design Rules You Should Never Break Design Layout - Apr 14 10 Ways to Stop Your Designs From Looking the Same Your attention is drawn to them, and you’re more likely to interact with them.33.
However, this one from Worrydream has a classical and original spin. 404 Error Page Html Code 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 Gross, and pretty uncomfortable. If your design allows for it, you can even include both a search bar and a link to recommended content.
Bret VictorThis is not a page. http://fab404.com/ Dribbble Pin it 40. 404 Error Page Template Carry Shapes ThroughoutDetermine what style you’d like to use for your page and stick to it. 500 Error Page Reproduction of materials found on this site, in any form, without explicit permission is prohibited.
Tweet us @HubSpot to continue the discussion. 52 Comments Previously: 4 Tips for Competing with Mega Stores This Holiday Season Next up: Emails Looking Funny in Outlook? click site The colors work well together, and the bright yellow brings a happier feel to the page.29. Their 404 error page cleverly pretends to be a "junior developer's homepage" -- that junior developer being, well ... But no matter how many resources you put into ensuring your website never, ever, ever goes down ... 404 Error Message Text
Click here to download 50 examples of beautiful website design for even more web design inspiration. It’s the main focus and everything around it is simplified. A bee? news Everyone knows why he or she ended up there, so it’s absolutely fine to show a literal representation. EleksHere there is a robot (representing the website, or the internet in general)
Even if you can’t read the language the page is written in, you still appreciate and enjoy the visual. Error 404 Text Message Prank Kikk Festival Pin it 9. Experiment with how things change once parts are missing or added. Dribbble/Fabricio Rosa MarquesThis 404 page is simple.
All screenshots © their respective owners. Be CheekyIf you’ve got a funny message you’d like to relay alongside the 404 code, make your graphic relate to it. Behance/Zach DaleyThis page has a witty message it chose to Software Marketing Platform Analytics Blogging Calls-To-Action Email Landing Pages Lead Management Marketing Automation SEO Social Media Website Sales Platform Free CRM Software CRM Features HubSpot Sales Learn Inbound Resources Marketing Library Simple 404 Page Html Marketing Feed Subscribe to any HubSpot blog now and receive a code for$200 off an INBOUND All-Access Pass.
Be IllustrativeIllustration is incredibly popular and appreciated. Hakim El HattabThese creepy eyes follow your cursor around the pageA 404 page designed for .net magazine, this time by Hakin El Hattab, this HTML5 experiment features creepy eyes that follow Audiko Pin it 5. More about the author Jerry Cao is a UX content strategist at the wireframing and prototyping app UXPin.