500 Error Page Design
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 500 error page examples and well-designed error page at least sweetens the pill. Here are some designs to
Custom 500 Error Page
inspire you. Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're working on how to start
500 Error Page Template
a 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
500 Error Page Best Practices
of 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 custom 500 error page nginx achieved 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
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 django 500 error page & Talks Press Coverage & Awards Speakers For Investors Investor Relations Agencies rails 500 error page Pricing Blogs Marketing Blog Where marketers go to grow Sales Blog Read, learn and sell Request A Demo bootstrap 500 error page 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 http://www.creativebloq.com/web-design/best-404-pages-812505 Topics New Posts Subscribe Marketing Sales Agency Subscribe Please enter a valid email Please make a selection Thanks for subscribing! Marketing Feed Come 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 http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx 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 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 y
in an on-going series of posts we're going to do called "UX Protips". There are hundreds of little tips and tricks that you can implement to slightly increase the UX of your product. We're doing http://blog.statuspage.io/how-to-make-awesome-404-500-pages a series of deep dives on these tips to help you better understand how to http://blog.statuspage.io/level-up-your-400-500-maintenance-pages make them work for your business. Hope you like it! Nobody likes to dwell on potential problems, but consider how much trouble we'd be in if a car manufacturer neglected to include a "check engine" light, just because they didn't want to entertain the possibility of future maintenance. Similarly, web pages have their own "dashboard lights" that alert 500 error developers to issues and help communicate any problems to their customers. These come in the form of error pages. Error pages are inevitable on any website–they're the by-product of healthy growth and the occasional website redesign. Unfortunately, SpringTrax found that 74% of visitors leave your website after hitting a 404 error page. Worse still, most of these visitors never return. When broken links riddle your homepage or continuously crop up on search engines, 500 error page your website begins to feel impenetrable and consequently you lose your client's trust. What many people don't realize is that when your users encounter an error, it doesn't have to be some terrible experience. It's an opportunity to make them smile. An opportunity to show them that you care about the little things. An opportunity to turn what's normally a frustrating experience into a funny one. To accomplish this, your 404 and 500 (and maintenance) pages need to do three things: 1. Error Pages Need Clarity The most basic function of an error page is to inform your visitors that they've encountered an error and give them options on how to move forward. The last thing you want is a page so cluttered or creative that your user misses this critical information. Your error page should be simple in design and easy to understand, like this example from Wistia. Your error page also needs to address a variety of different possible scenarios. For example, if a visitor on your site encounters a 404 page they may have incorrectly typed your web address, but what if they stumbled upon that error through a dead link on a search engine or, god forbid, your website? Don't be too quick to point the finger at your user–you can still turn t
a free tool we're calling Better Error Pages! Better Error Pages is a mini-site that helps you build customizable 404, 500-level, and maintenance pages in 60 seconds. Here's how it works: We ask you a few questions about your company (things like Homepage URL and Support Email Address). You have the opportunity to personalize the look of your error pages. When you're done, we'll send you a link to download the flat HTML files for your shiny new 404, 503 and Maintenance pages. You should check out Better Error Pages for yourself...it's free! Why We Built Better Error Pages Giving Back We built Better Error Pages for the same reasons we built StatusPage.io: we saw an opportunity to take all of the work out of doing something that people wanted to do but just didn't have the time. Error pages are always the first thing to get neglected, but professional, informative error pages lend legitimacy and confidence to a product. We wanted to make it so easy that people wouldn't think twice when it came to error pages. We use tons of free and open-source tools at StatusPage.io. This is our way of giving something back to the community that's helped us get to where we are today. Karma Based Marketing I would be lying if I said we didn't think we'd get some value out of releasing this. Colin from Customer.io wrote a post calling things like this "Karma Based Marketing". Here's how Colin describers Karma Based Marketing. Your Karma based marketing efforts are about building trust with people. Yes, ultimately I hope they’ll lead to sales for you. But today, as you help prospective customers solve their problems, help them as humanly as possible with genuine care. Good things will happen later. I promise. Better Error Pages is a perfect example of Karma Based Marketing. It's a completely free tool to use, even if you're not a StatusPage.io customer. Our hope is that people will have a good experience wi