Home > Error Page > Error Page Design Inspiration

Error Page Design Inspiration


It looks sad and sorry that the page is missing, and the text in the green bar makes it seem helpful. Source: Worrydream Pop culture references are also popular on 404 pages (because if you can’t be funny, reference someone who is). Hakim El Hattab’s 404 page features a bunch of delightfully creepy eyes that follow your mouse around and blink out of rhythm. CSS NinjasCSS Ninjas is another example of the web design world's love of ninjasAnother example of the web design world's love of ninjas, this 404 page features a nice simple illustration http://qtechnology.net/error-page/error-message-design-inspiration.html

Reply Nikhil Malhotra August 10, 2013Thinking of designing a creative page for my website now:) Reply Branden December 7, 2013Nikhil. 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 The contrast between the dark red and black adds more dimension, separating itself from the rest. AdvertiseSubmit NewsContributeDemo Advertise at InstantShiftSubscribe to iShiftOur RSS FeedEmail UpdatesFollow on TwitterJoin on FacebookOur FriendsUseful LinksCGTrader 3D modelseCommerce Website BuilderFarming Simulator 15 ModsFarming Simulator 2015 ModsFarming Simulator 2017 ModsSmashing AppsPSD to

404 Error Page Template

Zombie shows a nice, animated, rotting hand. Design Resources - Feb 26 60 Free Fonts for Minimalist Designs Design Resources - Nov 20 50 Free Headline Fonts Built For Impact And Audience En... Even though it’s two-dimensional, it looks three-dimensional.20.

As with many of the examples here, the page diverges from the overall site aesthetic to great effect.15. Click anywhere on the “hot” dots and watch them scatter. But no matter how many resources you put into ensuring your website never, ever, ever goes down ... 404 Error Page Html Code Rather than having something super technical, the sheep is the one responsible for the mishap, having pulled the plug (figuratively) on the page you were trying to find.10.

Both? Error Page Template Bootstrap Upon loading, you're greeted by a goat, who lets out the most almighty high-pitched scream, alerting you that the page doesn't exist. If this is not a page, then what is it? The symbol could be literal or figurative as long is it makes sense. Dribbble/Ron EvgeniyThis page uses a broken pencil as symbolism for the broken link that brought you there in

You don’t have to use something in its pure, raw form. 404 Page Not Found It relates with the messaging and further hones the motion home.30. Cutting it off with white instead of carrying it all the way through ensures that it doesn’t get too busy and still translates.22. Hopefully this makes lost users feel a little less alone. 10) Blizzard Entertainment Here's a simple idea that ends up looking really cool: Blizzard Entertainment's 404 page is a "broken" version

Error Page Template Bootstrap

What best describes the reason for your interest in design? or is there any good Error 404 pages we’ve missed? 404 Error Page Template And the Winner… Source: Nouveller As die-hard Jurassic Park fans, perhaps we’re biased, but we think Nouveller’s 404 page has it all. 404 Error Message Text 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)

Recommend some your top content while they’re open to suggestion. http://qtechnology.net/error-page/error-page-asp-net-mvc-4.html If it can, consider doing it on your 404 page. Behance/Andrei MoldovanThis floral company swapped out the zero in 404 for a flower, an appropriate switch. Creative Bloq ART AND DESIGN INSPIRATION Search How to Inspiration Advice News Reviews Features Magazines net ImagineFX Computer Arts 3D World Creative Pro Paint and Draw Topics Graphic Design Illustration Art Your cache administrator is webmaster. 500 Error Page

Made by Compact Creative © 2016 Home / Articles / Inspiration / GalleryAbout / Membership / Advertising / Write For Us In Partnership with and 0 0 0 News Conference TNW Start! Sports fanatic. navigate here You can also subscribe without commenting.

If you have a few things you want on there, experiment with putting them close together. Dribbble/Ben JordanThis 404 page leaves a large area of black at the bottom. Simple 404 Page Html Information junkie. Got it!

The good news is that 404 pages also offer a refreshing opportunity for humor.

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 & It stands out from other 404 pages because of the hand-crafted aspect. 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. Error 404 Text Message Prank I’m a freelance writer and the editor-in-chief at Boost Inspiration, an interesting blog that delivers high-quality content for your design inspiration.

Source: GitHub Not all interactive 404s have to be addictive. Or funny. You’ll receive an email soon to confirm your subscription. http://qtechnology.net/error-page/error-page-in-jsp-web-xml.html For more brilliant 404 pages, we highly recommend this analysis of 33 error pages from Creative Bloq.

If a user gets to a page in error, only give that person a few options that will result in success. Advertisement Ian YatesWeb Design editor at Envato Tuts+My name's Ian; I'm the web design editor round these parts and I also run the translation project. South West TrainsThe regularity of this service is a little incongruous, to be honestSouth West Trains recently launched a new site (which you can read all about in issue 284 of Consider the SpaceAn illustration or image doesn’t have to fit perfectly within the space you’re working with.

A 404 page does not have to be boring if it is technically sound.Design 404 Pages With PurposeWhen you are thinking about the design of a 404 error page, first consider This 404 error page is impossible.Uh-Oh! (Error 404)A dog chasing a post man, I’m doubtful that the animal will pull out more letters.Oops! The page plays around on space.Hi WilliamAnother cool page that will make this 404 error tolerable. ERROR The requested URL could not be retrieved The following error was encountered while trying to retrieve the URL: Connection to failed.

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 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 That’s why 404 pages must be dealt with special care. Such a misstep can drag down the entire experience, or even kill it if it’s the culmination of other annoyances (like unclear navigation or misleading microcopy).

If everything is too perfect and too symmetrical, it could feel unnatural. Dribbble/Jenny LeonardThis page takes an illustration, and though it’s centered, makes it feel more natural. This training will add the web’s most popular programming language to your resume TNW Deals Never miss out Stay tuned with our weekly recap of what’s hot & cool by our There are different hand drawn fonts and imagery, the colors shift, and texture is used in some areas and not in others. Likely this will happen as a design element that includes a header or footer that matches the rest of the site.Minimal information otherwise.