Home > Error Page > Good Error 404 Pages

Good Error 404 Pages

Contents

SECTIONS Animals Audio Big Stories Books Business Buzz Celebrity Entertainment Food Geeky Health LGBT Life Music Parents Podcasts Politics Puzzles Reader Rewind Science Sports Style Tech Travel Weddings Weekend World Advertise Dilbert.com: View this image › dilbert.com (Your dad will love this one.) ID: 878263 18. 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 More about the author

If different colors had been used in each area it would have been too busy and disconnected.35. It’s simple, cute, and it reaffirms brand awareness. A mysterious image of the sheep appearing while rolling over the mouse at the center, intrigues the user conveying that something is wrong. Here’s more – 50 Nice and Creative Error 404 Pages. see here

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. Call-to-action button that takes to homepage. Please drop us a comment, we love to know. But no matter how many resources you put into ensuring your website never, ever, ever goes down ...

It provides some links back at the top, a search box for the site at the bottom, and some entertaining informational bits in the middle. Our goal was to stay true to HubSpot's brand voice by being as lovable, empathetic, and helpful as possible. No spam, we promise. 404 Error Page Html Code Well, where's the 'how to build a great 404' part?

Header and footer links of the main website retained. Umbro.com: View this image › umbro.com ID: 878278 6. Oops! Instead, a 404 page should provide some resources, so the stood up surfer doesn’t simply leave the website, but tries another path.

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. 404 Page Not Found The imperfect streaks of blue make it feel as though it was painted on the background and not just placed there.37. Apart from that it’s original in providing drink recipes. 4. It relates with the messaging and further hones the motion home.30.

404 Error Message Text

If you want something to appear as though it’s moving, make it actually move. Behance/PBB | PITBLACKBEARDThe movement of this 404 page is playful and cute. http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx In this case, the owner of the website features himself in a weird video. Error Page Template Bootstrap The 404 error code is relayed in an interesting, unique way. 500 Error Page What is the 'this' that this apparent non-page is referring to?

It’s just mainstream enough that younger audiences will understand and older audiences won’t be left in the dust.31. my review here No idea what they do, but they know their 404 pages.) ID: 878239 9. England and Wales company registration number 2008885. This error page for Home Star Runner, which features amusing characters, downloads, and games, shouts "404'd" at you when you first arrive on the page. Error 404 Text Message Prank

Use Negative SpaceThere’s no need to cram every inch of your 404 page with something. Reproduction of materials found on this site, in any form, without explicit permission is prohibited. It is a witty representation of the 404. click site Following a friendly greeting ("Dearhappy internet traveler"), OrangeCoat offers a cool flowchart that actually helps users figure out why they reached an error page. 13) Astuteo There's no rhyme or reason

we have a question we make up a page or just redirect to main page? Simple 404 Page Html Utilize PhotographyUse beautiful photographs in your page to draw interest. Examples Of Custom 404 Error Pages And Tips Takeaways From Each: Most smart businesses customize their 404 pages such that the user has a variety of choices to go back to

The whole thing is set to an intense bass track, making it evenfunnier.

Search option. Inspiration Bit What makes it good? Bryan Clark US government bans Samsung Galaxy Note 7 on all flights Napier Lopez Cozmo is what happens when AI meets mischievous child Bryan Clark Hopes for Twitter purchase fade as 404 Error Fix The pigeon making direct eye contact speaks to you, giving you options of what you can do from this point.07.

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 You can adopt either the simple ‘guiding the user’ strategy or turn it up a notch by using a sales strategy on your custom 404’s depending on how confident you are Unlock only in a case of an emergency. http://imagextension.com/error-page/funny-error-pages-404.php Error 404: Post description not found.

Link to post archive. 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? Header and footer links from main site retained. Call-to-action to join the site or login for exisiting users.

Their 404 error page cleverly pretends to be a "junior developer's homepage" -- that junior developer being, well ... Consider thinking outside of the box and using a more tangible medium. Behance/Todd GoldsteinThis page uses different embroideries with various images on them. This article by Morgan Brown and Chuck Longanecker will explain the details, but to summarize, the human decision-making mechanism has evolved such that we “go with the gut” in many of Quite often 404 pages can be overlooked and treated as an afterthought.

search engines. 3. Header and footer links from main website retained. Hakim El HattabThese creepy eyes follow your cursor around the pageA 404 page designed for .net magazine, this time by Hakin El Hattab, this HTML5 experiment features creepy eyes that follow LegoLego can do no wrong in our eyes – we love this cute little tableau for its website's 404 pageIn general, Lego can do no wrong in our eyes, and we

The scene transitions well into the informational section of the page, and nothing is lost in either.41. It’s very basic, doesn’t provide a lot of resources other than a link back to the main site (Exit). Notice the “404” written subtly in smoke. Mint.com’s former 404 page: View this image › fab404.com (The page was presumably changed because Justin found love.

Example #15 – ExpansionBroadcast Takeaways from Expansion Broadcast's Custom 404 Page: Header and footer links retained from the main site. Humans are emotive in nature, they’ll relate to what you’re saying. Behance/Keren RijenskyThe character in this page tugs a little on your heartstrings. Having a good Error 404 page is perhaps as important as having great contents. The message itself is even somewhat stylized.

You can also provide your email address. What was once there no longer is, and you can see it in the photography.36. Example #31 – eHarmony Takeaways from eHarmony's 404 page: Nice graphical depiction of 404 of a broken heart mended with a band-aid. Close Cancel #{img_n_width}x#{img_n_height} Email this to a friend Hey, I saw this on BuzzFeed and thought of you.

© 2017 imagextension.com