Be polite. Every part has its own section that is clearly distinguished from the rest. It may be a simple error page, but at least include your logo so there is no doubt to the user what website he/she is on. Mashable This is a classic example of a "good news, bad news" situation. check my blog
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 message of ‘you just bailed’ gives it an edge (especially paired with the subtext). Tanner Greenring BuzzFeed Staff 1. HubSpot Sales All-in-one software starting at $0/mo.
It's still a great example, though, so we'll leave it in here. 🙂 Mixx This one is brilliant. Huffington Post’s: View this image › huffingtonpost.com ID: 878261 16. Makes you think, no?20. 404 Error Message Text This further enforces the brand and lends a creative touch.12.
Source: Lego The Lego 404 page, for example, uses humor and a funny visual, but it also uses its iconic characters. 404 Error Page Examples It matches the branding (the logo is a whale) and fits with the light blue color scheme. The 404 page for Blue Fountain Media is a smart adaptation of Pac-Man right in the page’s “404” title. http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx GitHub plays on this famous line in their 404 error message. 17) Grant Burke Freelance graphic designer Grant Burke shows off his design skills even on his 404 page.
Step Outside of the ComputerSimilar to the previous tip, step away from the programs for a little bit. 404 Error Page Html Code Everyone knows what a cleaned plate looks like after dinner, and the messaging of ‘no longer having that’ relates back to the image. This is the message we put up to tell our site visitors that there are some website issues. Is it a thing that can be truly said to exist?
Lego It looks like somebody pulled the plug on this page. http://royal.pingdom.com/2008/12/02/24-fun-and-inspiring-web-20-error-pages/ Below we’ll explain some of our favorite 404 pages, and why they make us love the site more, not less. 404 Error Page Template Want to add another one? 500 Error Page Make it Easy to UnderstandFor a select handful of people who may not know what a 404 page is, spell it out for them.
The colorful illustration is carried down into the text and creates little windows to peak through. click site Use your hands and create something three-dimensional. Behance/Olga ShipiloThis page uses hand made clay figures rather than flat illustrations. Get Started Now Changing direction: Pingdom's new ... Be LiteralYou don’t have to skirt around the subject in your 404 page. Error Page Template Bootstrap
Seriously cool.08. No spam, we promise. I was in fact claiming this lack of information issue when 404, 403..etc pages are shown. news Thanks for sharing!
Source: Hot Dot Another time-wasting 404 page is Hot Dot’s. 404 Page Not Found Design Resources - Nov 19 50 Beautiful Free Wallpapers For Creatives [2015 Editio... You see two people who obviously have a connection, and when you read the text you imagine they’re out on the open road with no particular destination, just going wherever the
There are different hand drawn fonts and imagery, the colors shift, and texture is used in some areas and not in others. The site allows visitors tobrowse the most popular music of the year from around the globe. It shows the 404 code, a line of text saying the page can’t be found, and has an image of a guy with binoculars searching for something. Error 404 Text Message Prank Shares Page 1 of 2: Page 1 Page 1 Page 2 If you're working on how to start a blog or website, don't forget the all-important 404 page – a standard
Once access has been denied a few times, the film's iconic "You didn't say the magic word" screen will appear. Ok… Some advice about maintenance and error pages The examples in this post are just a small sampling of the creativity (or in the last examples, lack of creativity) that companies If different colors had been used in each area it would have been too busy and disconnected.35. http://jamisonsoftware.com/error-page/funny-400-error-pages.php The last four looks like it’s just about to change, indicating that maybe, just maybe it could become another number, and then become another page.45.
You can unsubscribe at any time and we'll never share your details without your permission. Our goal was to stay true to HubSpot's brand voice by being as lovable, empathetic, and helpful as possible. Stumbleupon We don't want to go outside… It's RAINING. (We're in Sweden.) Reddit When all else fails, blame the Large Hadron Collider. 🙂 Ning Showing pictures of your tech staff is Because website and SEO company Whitespark "prides [itself] on meeting expectations," it is giving any user that lands on an error page the ability to fire a company employee named Brent.
It’s a creative and interesting visual that breaks the humdrum of normal pages.16. Huwshimi While many sites on this list chose to create elaborate designs or crazy animations, Australian design company Huwshimi and Friends simply claims that a ninja stole the page you were Start designingSign up to our newsletter and receive a free copy of our complete guide to branding and design. Use PatternsYou can make a pattern out of nearly anything.
Great! They’re washed out, so they don’t compete with the text, and help create a subtle texture. Sign up for our BuzzFeed Today newsletter! We had a problem sending your message.
Don’t Overthink ItJust because you want a unique 404 page doesn’t mean you have to pull out all the stops and create something completely innovative. Be InformativeIf you don’t want to provide visitors with a plethora of options when they stumble across your 404 page, give them a clear indication of what to do. Behance/Maurília de Digg This is another classic error/maintenance page.