However, there is a big difference between how different websites handle the resulting error or maintenance pages that will have to be shown to the user. 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. Please try again later. What best describes the reason for your interest in design? http://jamisonsoftware.com/error-page/funny-error-pages-404.php
In this 404 page, the creator took both and combined them. Hootsuite Social media management company Hootsuite uses its mascot—a wide-eyed owl—on the side of a milk carton to tell users they've reached a dead end. "The page you have requested has His many children will now be going hungry in the streets, but at least the chances of your being inconvenienced have been slightly reduced!" 12. Let everything breathe, it’s more effect that way. Behance/Jacopo CaracciMost of this page is blue and empty, with the logo and the message being the only two things added on. here
Park Place Great Scott! Sourceforge Note the link to a status page. Give it EdgeWhether it be sharp and angular in shape or in attitude, being edgy is incredibly popular and becoming more mainstream. Dribbble/Martin BonovThis page chose to be edgy with its
Embrace TextureFlat color is the web standard, so using texture as an element of your page can really set you apart from the rest. Behance/Damien PereiraFlat color is still used in Source: Huwshimi Ninjas seems to be a crowd-pleaser, and Huwshimi’s 404 page takes full advantage of this. Design Resources - Apr 26 Free Stock Photos: 73 Best Sites To Find Awesome Free I... 404 Error Page Html Code It shows creativity and a great attention to detail, so why not include it in your 404 page? Behance/kobietaThe illustration in this 404 page serves two purposes.
The colorful illustration is carried down into the text and creates little windows to peak through. 500 Error Page Powered by WordPress.com VIP YOU BROKE TIME.COM! Here’s more – 50 Nice and Creative Error 404 Pages. Design Layout - May 6 More related articlesFeatured Resources 60 Free Outline Icon Sets Perfect for Contemporary Desi...
Sometimes it may not be your fault visitors landed on error pages, but being able to communicate and direct them back to the home page is as good as a second 404 Page Not Found Be UnconventionalDon’t limit yourself to the standards of the web, whether it be fonts, colors, or imagery. We'll be honest, the 404 shape doesn't work that well (although it's no worse than Google's Pac-Man doodle), but it didn't stop us from giving this a thorough researching.13. the galaxy.
The roundness of the clouds is carried into the typeface. Blue Fountain MediaWanna play doubles, mate?It's hard to get over the inevitable disappointment of coming up against a 404 page, but Blue Fountain Media has something that might just cheer you 404 Error Page Template Blue Fountain Media This digital agency will put visitors on the fast track to procrastination. Error Page Template Bootstrap Source: Audiko Likewise, the 404 for Audiko is so fun to look at, we’re likely to forget what we were originally looking for.
Facebook Another example of keeping things really simple. http://jamisonsoftware.com/error-page/funny-400-error-pages.php If different colors had been used in each area it would have been too busy and disconnected.35. Source: eHarmony Similarly, the 404 page for eHarmony uses interesting visuals while promoting the site’s theme of love (or lack thereof). The simplicity of the icon lends well, and if it was more detailed it wouldn’t be as effective.34. 404 Error Message Text
And the reaction of visitors when they land on your temporarily unavailable website can run the gamut -- from "taking it in stride" to "totally losing their minds." While there's nothing 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. The 28 Best Error Pages On TheInternet Error 404: Post description not found. news We wonder which option turned out to be the most popular? (If anyone from Six Apart is reading this, care to share that information with us?) Hulu Hulu has clearly opted
If a simple, solid question mark had been used instead, it would have lacked color and texture.03. Error 404 Text Message Prank This is the kind of 404 page that you might visit intentionally to kill time. Please drop us a comment, we love to know.
Bluegg Of all the Internet's potential error pages, Web and branding company Bluegg's is arguably one of the most attention-getting. Thankyou! Thepoor little guy is left floating belly-up. 8) Daniel Karcher Film Design Studios When your business is film, why not make your 404 error page into something resembling a short movie? Simple 404 Page Html The colors relate to one another, further indicating that it’s supposed to be a bee.46.
Whitespark.ca lets you decide the fate of one of their employees: View this image › whitespark.ca (Go give it a try.) ID: 878269 23. Check it out Buzzfeed News Videos Quizzes Tasty DIY More BuzzFeed Community Make A Post! Practical 404 Tips Making your 404 page fun is only half the battle — there’s still a lot of practical factors to keep in mind. More about the author Seriously cool.08.
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. a cat. Back Next Thanks! The text paired with the picture is truly a sad story to see, and it makes you chuckle just a little bit.47.
Source: Hot Dot Another time-wasting 404 page is Hot Dot’s. Source: Worrydream Pop culture references are also popular on 404 pages (because if you can’t be funny, reference someone who is). MagntMagnt's clever 404 page demonstrates both a keen sense of wit, and a clear call to actionMagnt enables you to create a business card themed web page in minutes. October 11, 2016 Making the Most of Attending a Tech Conf...
Use EmotionDraw from people’s emotions. It makes perfect sense, and even the most inexperienced of internet users would get it.40. Reply Jose says: December 13, 2008 at 8:37 am Really great article from you Pingdom People. Implement Pop CultureUse something iconic on your 404 page that will appeal to large groups of people.
Instead of spacing out the astronaut and text, they chose to put them all together. The contrast between the dark red and black adds more dimension, separating itself from the rest. Come on buddy, plug it back in! 20) Hoppermagic Hoppermagic's error page is similar to LEGO's by showing afictional reason forwhy the page is broken. Great!