This is more fun than you would think, and users will likely dwindle on this page long enough to forget where they wanted to go in the first place. All Rights Reserved. You can use shapes as patterns and texture, or you can use them together to create a new shape. Behance/Manoj BhadanaOn this page, icons were used together to create another shape Rather than not using a graphic, they chose to use one of an astronaut that seems to be floating out of control into space. Source
404 Error Page Examples
Notice the “404” written subtly in smoke. BlueggThis noisy chap provides a hilarious notification that you're in the wrong placeThe 404 page of creative and digital design agency is simple, but so effective. Tweet Proudly Sponsored By Design Jobs Senior UX/UI Designer MING Labs GmbH Berlin, Germany Senior Visual Designer MING Labs GmbH Berlin, Germany Related Articles Projections - Featuring Resn, Huncwot & Design
Be flexible and try your hand at other dimensions. Dribbble/Justin BelcherInstead of filling the entire screen with the message, this 404 page fills the camera screen with the message. Source: Huwshimi Ninjas seems to be a crowd-pleaser, and Huwshimi’s 404 page takes full advantage of this. Thankfully, a little video game character is there togive visitors a place to go report an error if they want. 6) Magnt In this funnyerror message, Magnt pokes funat the fact 500 Error Page The visual serves as a quick way to illustrate their point for those unwilling to read the description. 7) Bitly Remember Twitter's fail whale?
a cat. 404 Error Page Html Code Molome Pin it 8. Makes you think, no?20. They help to pump up the interest in a simple black and white scheme.50.
404 Error Page Template
Design Resources - Feb 5Browse by Category See all Banner Design See all Book Cover Design See all Branding & Corporate Identity See all Color Theory See all Creativity & Psychology this contact form Give Users the Power of Interaction Can’t make them laugh or impress them with your artistry? If a simple, solid question mark had been used instead, it would have lacked color and texture.03. Share with us in the comments. 404 Error Page Not Found
Design Resources - Nov 19 50 Beautiful Free Wallpapers For Creatives [2015 Editio... iStockPhoto Pin it 33. User Experience Consultancy Understanding the science of human interaction with technology is what we do best. http://swirlvision.com/error-page/creative-error-pages.html Photographs, illustrations, icons, colors, shapes – you name it.
Use CutoutsFeel free to cut parts and pieces out of your imagery and text. 404 Error Message Text To learn more clever interaction design techniques, download the free e-book, Interaction Design Best Practices: Time & Behavior. Why not make a game of it… Source: Blue Fountain Media … sometimes literally.
Box it InExperiment with boxing in your letters and numbers.
The animated emoji wearing a spacesuit appears to becatapulted further and further into space the longer you stay on the page. 22) Hot Dot Productions Hot Dot's error page stays true Show a SceneCreate a scene in your 404 page. Hongkiat.com Main Menu Design / Dev Technology Inspiration Social Commerce All Deals Search Hongkiat for: Reveal Search Form Reveal Off-canvas Navigation 60 Really Cool and Creative Error 404 Pages Published by Error 404 Text Message Prank It can be imaginative and outlandish as long as it communicates. Behance/Thapwaris ChinsirirathkulIn this fun 404 page, you’re transported to space.
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 All aboard!05. If different colors had been used in each area it would have been too busy and disconnected.35. http://swirlvision.com/error-page/creative-503-error-pages.html Be ElaborateIf being incredibly decorative is more your style, go for it.
It’s simple, cute, and it reaffirms brand awareness. It’s a concept most people can appreciate and even want to do, but just impractical enough that it’s more wished after than acted upon.28. Design Resources - Jun 20 Free Icons: 49 Best Sites To Find Beautiful And Useful ... FigmaMessing with vectors is so much fun when it's not actual workEven though we have a copy of Adobe Illustrator right here, and could play with anchor points and Bézier curves
The foreboding message at the bottom is heightened a few moments later when the site automatically redirects you to the home page. Use your hands and create something three-dimensional. Behance/Olga ShipiloThis page uses hand made clay figures rather than flat illustrations. You can unsubscribe at any time and we'll never share your details without your permission. What is a 404 Error?
If having a complex and busy page is off brand or not what you’re going for, narrow it down to the basics of what you need. Behance/Keren RijenskyThis 404 page is Remember to click in to the pages and check out some of the added animation in the error pages. You understand what it means without it being spelled out for you.05. Give the option to report a dead Link — Allowing users to participate in making the site better will also give them a beneficial sense of satisfaction.
Think of common expressions and visuals that relate to something being lost and set the stage with them. Behance/Zach DaleyThis page takes one of these things and illustrates it, being stranded Week done Pin it 10. The Wall Pin it 23. There are times when 404 error pages frustrate and annoy you.
StylizeIf you’re doing something illustrative, it doesn’t have to be so elaborate that it looks real. If they had spaced them out, the outer space effect would have been lost (the stars melting into the black).38. They’ve also used this unfortunate turn of events as a conversion opportunity, tailoring their message to sell their service. Carry Shapes ThroughoutDetermine what style you’d like to use for your page and stick to it.