Home > Error Page > Good Error Page Design

Good Error Page Design

Contents

Use OverlapOverlap shapes, letters, or colors to create interesting effects in your 404 pages. Behance/EvtimovThis page would have been a little too simple if it didn’t have the small overlap element. We're revamping our sitemap but once that's done we'll link to it again from here. all I see is the examples. The 34 we present here have achieved all this and more, so take a look and be inspired to create your own bespoke 404 pages!01. my review here

It's a valid post, but doesn't declare your affiliation as is required. –JonW♦ Sep 22 '15 at 13:48 | show 7 more comments up vote 5 down vote I will answer Use Relevant ImageryWhile it can be funny to use images that don’t make much sense on your page, it can be beneficial to use images that do. A more below-the-waist joke might seem inappropriate for a dating site, but this subtle one fits in perfectly. Video Management Systems What makes it good? http://www.creativebloq.com/web-design/best-404-pages-812505

404 Error Page Template

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 & 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. I read so many blogs and articles regarding this. It fits well into the composition and relates to the circular shapes repeated throughout the page (the planets, stars, and radiating blue circles).27.

This is an idea from Brett Terpstra: his 404 page suggests similar URLs to the current page. Custom pages are those that you design and create options for. Their 404 error page cleverly pretends to be a "junior developer's homepage" -- that junior developer being, well ... 404 Error Message Text Create ContrastCreate contrast so your page doesn’t fall flat.

Design Resources - Jun 17 60 Awesome Free Tools To Create A Visual Marketing Camp... What are the best practices? How can this page match that feel?Great error pages mesh seamlessly with the site they live on. http://ux.stackexchange.com/questions/84856/best-practices-to-design-a-404-error-page But if the US presidential election was decided on the quality of the candidates' 404 page then Hillary Clinton would win the heck out of it, for the GIF of her

Consider stripping away complicated navigation. 404 Error Page Html Code But there's a great Easter egg in there: The microsite's 404 page is a nod toJustin Bieber's 2015 hit song "Sorry," making it bothtimely and hilarious. 3) Cloud Sigma Check it see our new design at: blumblum.com/404 Reply Droid August 4, 2009 at 1:21 am Super exapmles of error page 404. Visit our corporate site.

404 Page Design

It contains kind of a sitemap from which the visitor can pick a new target, which also includes outside links, e.g. England and Wales company registration number 2008885. 404 Error Page Template It lets you draw a 404, and see other users’ drawings: View this image › leftlogic.com (Go give it a try!) ID: 878265 20. Error Page Template Bootstrap Made with ♥ in Amsterdam.

In closing, let’s review some general tips to remember when covering your mistakes: Link to Popular Posts — Take advantage of the fact that your user may not know where to this page I can check (kontain.com/bickov/entries/36756/page-404/) interesting idea for error page 404 Reply MegaFill February 28, 2009 at 10:04 am HI! Well, where's the 'how to build a great 404' part? Hopefully you'll be able to take away a few ideas to snazz up your own 404 message. 500 Error Page

Box it InExperiment with boxing in your letters and numbers. Perhaps they consider that the same as walking down the wrong aisle in a store. Sep 25 '15 at 1:44 1 Not sure if this is what you intended, but my eye was first drawn to the big green scale on the right-hand side. –Blacklight get redirected here Contrasting colour theme or same theme as that of website?

Is there a place in academia for someone who compulsively solves every problem on their own? 404 Page Not Found Less is more when it comes to error pages.Don’t make users scroll. It is jarring when you land on a webpage that is not what you intended.

Sign up for our BuzzFeed Today newsletter!

Thanks for sharing! For more details, please read our disclosure. It could have been too simple had the question mark not been cut out of the zero. Error 404 Text Message Prank You don't want to confuse people into thinking they've accidentally gone to a different site, rather than finding a missing page on the site they were actually looking at.

Why doesn't ${@:-1} return the last element of [email protected]? If this is not a page, then what is it? The whole thing is set to an intense bass track, making it evenfunnier. useful reference Nosh.com has a pretty great video on their error page: View this image › nosh.com ID: 878267 Here’s the video: Video available at: http://youtube.com/watch?v=hXUwWljkNAI.

The teal is carried through the logo to the illustration, through some of the text, and down to the footer. This one is simply hilarious. 8. But given the film's popularity, it's sure to resonate with and delight many ofthe users who end up reaching that page. 14) BrandCrowd Not only is the illustration on this error Tweet us @HubSpot to continue the discussion. 52 Comments Previously: 4 Tips for Competing with Mega Stores This Holiday Season Next up: Emails Looking Funny in Outlook?

It contains information about what may have gone wrong and how to fix or report it. 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 What other creative 404 error messages have you seen from companies? Be UnconventionalDon’t limit yourself to the standards of the web, whether it be fonts, colors, or imagery.

Be CheekyIf you’ve got a funny message you’d like to relay alongside the 404 code, make your graphic relate to it. Behance/Zach DaleyThis page has a witty message it chose to Try These 7 Tricks for Making Them More Presentable X Join 300,000 Fellow Marketers Get expert marketing tips straight to your inbox, and become a better marketer. Subscribe to the Marketing Blog below. From designer Mark Dijkstra’s site: View this image › markdijkstra.eu ID: 878271 25.

Quick question: The bunch of links you are throwing to the user, is it relevant to the reason why they landed on that 404 page?, giving someone more hard maths questions It's mesmerizing, cool, and a great showcaseof their design capabilities. 23) HomeStarRunner.com HomeStarRunner.com, home to a Flash-animated cartoon series, has had a series of hilarious 404 error pages over the years. Click here to download 50 examples of beautiful website design for even more web design inspiration.