Home > Error Page > Creative Error

Creative Error

Contents

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

Publishing policy ‐ Privacy Policy Close Search Search Hongkiat Please enable JavaScript in your browser to enjoy a better experience. If you view the image on Behance, it even moves, adding another layer of interest and entertainment.02. A consistent theme will make your page more cohesive and work together. Dribbble/Garrett GodseyThe logo color is drawn from in this theme. A 404 error is a standard HTTP error message code that means the website you were trying to reach couldn't be found on the server.It's a client-side error, meaningeither the webpage why not find out more

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?

Complement the Page With Subtle Branding The 404 page can also be an opportunity to promote your brand, as long as it encompasses one or more of the other elements. 404 Error Page Template Source: Audiko Likewise, the 404 for Audiko is so fun to look at, we’re likely to forget what we were originally looking for. GitHub also has a nice 500 page for when the server breaks.12. go to this web-site Publishing policy ‐ Privacy Policy Close Search Search Hongkiat Please enable JavaScript in your browser to enjoy a better experience.

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

About us Terms and conditions Privacy policy Cookies policy Advertise with us © Future Publishing Limited Quay House, The Ambury, Bath BA1 1UA. this contact form Propeller Pin it B3ta Pin it Cuoma Pin it Tinsanity Pin it latelategifts Pin it Huml Pin it 24-4 Media Pin it CssTricks Pin it Renkoo Pin it iFolderLinks Pin it 404 Error Page Examples 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. Error Page Template Bootstrap The imperfect streaks of blue make it feel as though it was painted on the background and not just placed there.37.

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.