Creative Error
Contents |
All Topics Web design 30 brilliantly designed 404 error pages 30 brilliantly designed 404 error pages By Creative Bloq Staff Web design Clicking on a broken link is a pain, but a witty and desktop creative well-designed error page at least sweetens the pill. Here are some designs to funny 404 errors inspire you. Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're working on how to start a
404 Error Page Examples
blog or website, don't forget the all-important 404 page – a standard response code in HTTP telling the user, in effect, that they've clicked on a broken link.It's traditionally been an immense source of
404 Error Page Template
frustration, but in recent years, creatives have taken up the challenge of designing bespoke 404 pages that at least sweeten the pill of finding you're in the wrong place.When done really well, they become mini-ambassadors for the website itself, being shared on Twitter and blogs as an example of the site or service's keenness for customer service and unique approach to design. The 30 we present here have achieved 404 error page not found all this and more, so take a look and be inspired to create your own bespoke 404 pages!01. Bluegg This 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. 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. The inner child in us emerged and we must admit to playing this repeatedly, while crying a little with laughter. Bravo, guys.02. Hot Dot Production Hot Dog's 404 page is seriously addictiveHot Dot Productions has applied it's 'where design meets technology' tagline to its impressive 404 page, which features the three numbers made up of hundreds of tiny dots that change direction in response to mouse movements. Seriously cool.03. Airbnb If you drop ice cream on the floor, clean it up, right?This 404 page from couch-surfing behemoth Airbnb features a delightful animation that holds lessons for us all about ice cream and the inadvisability of dropping your ice cream. It also brings to mind press stories about people who rented out their homes on Airbnb, only to come back to a disaster area. Look, if you drop
Creative Error 404 Pages Published by Hongkiat Lim,in Internet Editor’s note: For a newer, updated version of this post, check it out here. Whether you have a broken link on your
404 Error Message Text
site or your visitors happened to come from a site that incorrectly hyperlinked error 404 text message prank your site; they are likely to land on an error page. If this error page is properly handled, the 500 error page visitor will be reading an Error 404 page. Pin it Seeing things from a visitor’s point of view, when a hyperlink is clicked, it’s expected to return results of related information. And if http://www.creativebloq.com/web-design/best-404-pages-812505 it turned out to be an error page, it’s disappointing, sometimes frustrating too. Most of the time, a frustrated visitor don’t return. So for a web designer or developer, though sometimes you cannot control the cause of error page, but you can minimize the damages by using a custom Error 404 page. The page can serve to educate, encourage visitor to re-search, display related information http://www.hongkiat.com/blog/49-nice-and-creative-error-404-pages/ visitor might be interested or even redirecting them back to main page. Error 404 page is mandatory and if you currently don’t have one, here’s 49 nice and creative Error 404 pages begging to inspire you. Full list after jump. PEN-and-PAPER Pin itProject EUH Pin itTix02 Pin itSpore Pin itPsicobyte Pin itPoemofquotes Pin itUnderconsideration Pin itMartinkorner Pin itMTV.de Pin itJackfig Pin itNewyorker Pin itMeroigo Pin itMikeace Pin itJhuskisson Pin itStartdrag Pin itLookItsMe Pin itAmcharts Pin itAlistapart Pin itEnesto Timor Pin itJtbullitt Pin itGaliacho Pin itAteaseweb Pin itCgcraft Pin itCodesense Pin itSuspended Animations Pin itMixx.com Pin itTysontate Pin itRubberducky Pin itAviation Reviews Pin itTwitter Pin itKitty-yo Pin itJibjab Pin itPownce Pin itFreeshell Pin itDazeofourlives Pin itThe Big Noob Pin itJeremy Fuksa Pin itJust Creative Pin itSlonky Pin itFrye / Wiles Pin itNTL World Pin it Lumino.us Pin itBruno Bellamy Pin itBlue Vertigo Pin itHomeStar Runner Pin itKrystal Archive Pin itD20srd Pin itRainfall Daffinson Pin itCUOMA Design Studio Pin it More Load More Posts © 2007‐2016 Hongkiat.com (HKDC). All Rights Reserved. Reproduction of materials found on this site, in any form, without explicit permission is prohibited. Publishing policy ‐ Privacy Policy Close Search Search Hongkiat
Resources Case Studies Reviews Testimonials What Is Inbound Marketing? Marketing Library Sales Training Academy About Company Our Story Board of Directors Management Team Careers News HubSpot News Events & Talks Press Coverage & Awards Speakers For Investors Investor Relations Agencies http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx Pricing Blogs Marketing Blog Where marketers go to grow Sales Blog Read, learn and http://thenextweb.com/dd/2015/04/21/the-art-of-error-12-clever-404-pages/ sell Request A Demo Marketing Sales Where Marketers Go to Grow Subscribe Marketing Sales Agency Subscribe Please enter a valid email Please make a selection Thanks for subscribing! Marketing Feed Marketing Sales All Topics New Posts Subscribe Marketing Sales Agency Subscribe Please enter a valid email Please make a selection Thanks for subscribing! Marketing Feed Come 404 error together with the inbound community for 4 days of inspiration and education. Learn More December 16, 2015 // 8:00 AM 24 Clever 404 Error Pages From Real Websites Written by Rachel Sprung | @ Share Share Tweet Website uptime -- the amount of time a business' website is up and functioning -- is an important metrics for marketers and IT professionals to track. But no matter how many resources you put 404 error page into ensuring your website never, ever, ever goes down ... there's always the looming possibilitythat it might. It's a bummer, but a fact of life. 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 you can do about the latter, you can make your website downtime a little less of a pain by having a creative error 404 message.This can do wonders to makeyour website visitors crack a smile in an otherwisefrustrating situation. Click here to download 50 examples of beautiful website design for even more web design inspiration. To get your designjuices flowing, this post will display some of our favorite website error pages. Hopefully you'll be able to take away a few ideas to snazz up your own 404 message. What is a 404 Error? 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 was removed or moved and the URL wasn't changed accordingly, orthe person justtyped in the URL incorrectly. For the most part, you can configure your web server to create a cus
content and ads to make our site easier for you to use. We do also share that information with third parties for advertising & analytics. OK or More information Sections Apps Gear Tech Creative Money Insights Launch World Distract Offers About TNW About Team Advertise Jobs Contact TNW Sites News Conference Momentum Index Deals Cyberspace Culture The art of error: 12 best examples of cool and creative 404 pages by Jerry Cao — in Design & Dev 36 3,674 shares BB Off Jerry Cao is a UX content strategist at UXPin — the wireframing and prototyping app. To learn how to master the art of persuasive design, download the free e-book Interaction Design Best Practices: Time & Behavior. There are times when 404 error pages frustrate and annoy you. Interestingly enough, there are also times when they delight you to the point you don’t mind the dead link. Do business with 5,000 people TNW Momentum is our New York technology event for anyone interested in helping their company grow. Find out more But the difference between the two is not chance. Your 404 error page should reflect the same thought and design as every other page — more, even, considering that it’s mere appearance is already disrupting the user experience. But when dealt with properly, you can make the best of a bad situation by turning your 404 page into an unexpectedly pleasant surprise. The Undeniable Power of Emotional Connections Not to undermine the importance of functionality, usability, and the service provided, but the emotional connection a user feels to the site will most often dominate their overall opinion about it. 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 the split-second decisions that comprise our interaction with websites. That means what we feel about a site is more important than what we think about it. Source: Pillars of Great Design With that in mind, being den