Creative Error 404
Twurn Pin it 13. The pigeon making direct eye contact speaks to you, giving you options of what you can do from this point.07. 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 All Rights Reserved. Source
The colors work well together, and the bright yellow brings a happier feel to the page.29. Contact Mail Tweet Posts 66 Posts / mo. 2.61 All posts by Jerry > Shh. Hongkiat.com Main Menu Design / Dev Technology Inspiration Social Commerce All Deals Search Hongkiat for: Reveal Search Form Reveal Off-canvas Navigation 49 Nice And Creative Error 404 Pages Published by Hongkiat A bee? http://www.creativebloq.com/web-design/best-404-pages-812505
404 Error Page Template
It's a bummer, but a fact of life. Create an Emotional ConnectionIf you can create a connection with a visitor on your page, you’ve done a powerful thing. Being a little tongue in cheek never hurt anybody, and most of the time humor is appreciated. STG.This 404 page is definitely tongue in cheek.
Even though so much is happening it still works. Design Resources - Jun 20 Free Icons: 49 Best Sites To Find Beautiful And Useful ... The 404 error code is relayed in an interesting, unique way. 500 Error Page No spam, we promise.
Bluegg Pin it 19. Error Page Template Bootstrap ff0000 Pin it 36. Instead of treating the page as an end all, they used it to its full advantage, and are more likely to keep the visitor than deter them.15. http://www.hongkiat.com/blog/funny-creative-error-404/ OBJ + ADJ Pin it 14.
Use EmotionDraw from people’s emotions. 404 Error Message Text Many, many things can be done with cameras in today’s tech laden world, so you can get incredibly creative with what and how you’re shooting. Dribbble/Evgeniy DolgovThis 404 page uses incredibly Be SymbolicUsing symbolism in your page can create a relationship between the imagery and messaging. Don’t Be Afraid to CrowdDon’t be afraid of large open spaces on your page.
Error Page Template Bootstrap
It pulls together the message and makes more sense, rather than simply poking fun with an image and quippy one liner. Behance/Colin TossijnThis page is a great example of using relevant have a peek here IconFinder'serror page is simple, but delightful. 404 Error Page Template It creates a theme and can simplify your design process by restricting yourself from using too many colors. Behance/Alessandro CeporinaThis page uses various shades and tints (darker and lighter tones) of 404 Error Page Html Code Source: Lego The Lego 404 page, for example, uses humor and a funny visual, but it also uses its iconic characters.
The expression really adds something more to the message, and the cape is a quirky play on how not everyone can be a winner (or hero).08. this contact form Marketing Feed Marketing Sales All Topics New Posts Subscribe Marketing Sales Agency Subscribe Please enter a valid email Please make a selection Thanks for subscribing! Like many other 404 pages on this list, this brand is poking fun at the fact that getting a 404 error isn't that big a deal. 12) OrangeCoat If you're going 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 404 Page Not Found
To get your designjuices flowing, this post will display some of our favorite website error pages. Jerry Cao is a UX content strategist at the wireframing and prototyping app UXPin. Jackrabbit Pin it 12. http://swirlvision.com/error-page/creative-error-pages.html AudikoThis 404 page is worth a visit just for the artwork!The free ringtone-making service's 404 page features a beautifully rendered illustration of London, including the obligatory red bus and telephone box,
Don’t forget that Maslow’s Hierarchy of Emotional Needs still applies — make sure your brand assets complement the functionality and personality of the interface. Error 404 Text Message Prank Break Up TextDon’t feel required to use only text to translate information when it could be done with something more creative. Dribbble/Olia GozhaThis page carries the space theme into their text, Be InformativeIf you don’t want to provide visitors with a plethora of options when they stumble across your 404 page, give them a clear indication of what to do. Behance/Maurília de
Design Resources - Jun 17 60 Awesome Free Tools To Create A Visual Marketing Camp...
Patterns are a great way to add an extra element of something special into your design, so get creative with them. McCannThis page uses different images to create a pattern in If they had spaced them out, the outer space effect would have been lost (the stars melting into the black).38. Audiko Pin it 5. Simple 404 Page Html The contrast between the dark red and black adds more dimension, separating itself from the rest.
Of course, the message doesn’t get out of hand since the “Reboot and try again” option takes the user back to the homepage. Source: Hakim El Hattab Emotional connections don’t always need to cute and cuddly. But first, you might want to check out some of these posts: Creative Error 404 Pages – Part I Creative Error 404 Pages – Part II WordPress Error 404 Pages: Essential http://swirlvision.com/error-page/creative-503-error-pages.html 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)
To learn more clever interaction design techniques, download the free e-book, Interaction Design Best Practices: Time & Behavior. Utilize PhotographyUse beautiful photographs in your page to draw interest.