Home > Error Page > Creative Website Error Pages

Creative Website Error Pages

Contents

This is an interesting and unique solution to what could become just another web page. Rather than not using a graphic, they chose to use one of an astronaut that seems to be floating out of control into space. Use Negative SpaceThere’s no need to cram every inch of your 404 page with something. 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! Source

Apart from design and writing, she loves all things beauty. Source: Pillars of Great Design With that in mind, being denied access to where we want to go and seeing a 404 page will make us feel… not so great. It pulls together the message and makes more sense, rather than simply poking fun with an image and quippy one liner. Behance/Colin TossijnThis page is a great example of using relevant Published: April 20, 2012 -- 14:00 GMT (15:00 BST)Caption by: Zack Whittaker Nosh also takes the video approach too, but really goes all-out in its efforts. click

404 Error Page Template

If a simple, solid question mark had been used instead, it would have lacked color and texture.03. That means what we feel about a site is more important than what we think about it. It fits well into the composition and relates to the circular shapes repeated throughout the page (the planets, stars, and radiating blue circles).27. Published: April 20, 2012 -- 14:00 GMT (15:00 BST)Caption by: Zack Whittaker 1 of 20 NEXT PREV 20 creative and inventive '404' website error pages Another website error page?

Here are 20 websites that have made their '404' error pages stand out from the crowd. Be CheesyCheesiness can be endearing, so don’t be afraid to try it. Contact Mail Tweet Posts 66 Posts / mo. 2.61 All posts by Jerry > Shh. Error Page Template Bootstrap Source: Worrydream Pop culture references are also popular on 404 pages (because if you can’t be funny, reference someone who is).

It makes light of an unfortunate situation and can point users to a place where they might get some help.Here’s how you can create an awesome 404 page for your site:01. 404 Error Page Examples Powered by

Stay tuned Treat yourself Sit back and let the hottest tech news come to you by the magic of electronic mail. Hub - Error .. http://blog.hubspot.com/blog/tabid/6307/bid/33766/10-clever-website-error-messages-from-creative-companies.aspx And the Winner… Source: Nouveller As die-hard Jurassic Park fans, perhaps we’re biased, but we think Nouveller’s 404 page has it all.

Design Resources - Jun 20 Free Icons: 49 Best Sites To Find Beautiful And Useful ... 404 Error Page Html Code Such a misstep can drag down the entire experience, or even kill it if it’s the culmination of other annoyances (like unclear navigation or misleading microcopy). More Load More Posts © 2007‐2016 Hongkiat.com (HKDC). Case studies are featured from 30+ companies including Google, AirBnB, Facebook, Yahoo.

404 Error Page Examples

Also check out Mashables 404 page. 0 | - Share Hide Replies ∧GuestAl1 year 4 months agoall of those 404 error pages are so creative :) honestly i like code school Home Star RunnerThis 404 page features amusing characters, downloads and shouts "404'd" at youAudio can be very effective when combined with visuals on a web page, especially as we're still in 404 Error Page Template Romain Brasier - Error .. 404 Error Message Text Visit our corporate site.

Daniel Karcher Film Design StudiosThis 404 page employs a beautifully rendered subway station complete with empty train that rolls inThis site makes excellent use of animation including sound, and its 404 this contact form Being a little tongue in cheek never hurt anybody, and most of the time humor is appreciated. STG.This 404 page is definitely tongue in cheek. It’d certainly be interesting to peek inside their analytics to see if these pages actually account for measurable ROI. You broke it" followed by "This page doesn't exist or some other horrible error has occurred." 11) Tin Sanity We couldn't stop chuckling at the at the animation on Tin Sanity's 500 Error Page

In fitting with the site's theme, website visitors are told that the missing page is because the "rabbits have been nibbling the cables again," injecting a needed sense of humour in Appeal to their emotions and they’ll connect to your brand. Salt City BuildsThis imagery is incredibly emotive paired with the text. GrantBurke - Error Gifmylive.arte.tv - Error .. http://digitalezines.com/error-page/creative-website-error-messages.html Click anywhere on the “hot” dots and watch them scatter.

The roundness of the clouds is carried into the typeface. 404 Page Not Found Implement Pop CultureUse something iconic on your 404 page that will appeal to large groups of people. Be it because it is helpful, impressive, entertaining or simply cute.

Depicted is the common joke, "I went here, and all I got was this lousy..." -- with in this case being a website error message.

Find it here. Countless hours are put into your website and the content pages that make it up, but when it’s the 404 page’s turn, it’s easy to use the generic error code to Whether you’re new to the web or a seasoned veteran, they can be confusing and frustrating.So why do they even exist?404 pages serve to alert the visitor that the page they Error 404 Text Message Prank We close comments for older posts, but we still want to hear from you.

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. Source: Hakim El Hattab Emotional connections don’t always need to cute and cuddly. hand-drawn with love, then animated the same way .. http://digitalezines.com/error-page/creative-500-error-pages.html video in the background ..

Tweet Proudly Sponsored By Design Jobs Senior UX/UI Designer MING Labs GmbH Berlin, Germany Senior Visual Designer MING Labs GmbH Berlin, Germany Related Articles Projections - Featuring Resn, Huncwot & Design Design Resources - Apr 26 Free Stock Photos: 73 Best Sites To Find Awesome Free I... The shape relates to the purpose of the page, the fact that what was being searched can’t be found. Written byCaitlin JordanSee Caitlin Jordan’s latest postsCaitlin Jordan is a graphic designer and copywriter from Columbus, OH.

There’s plenty of space between the two, and it gives the impression that both are floating, which lends well to the cloud aspect.17. Carry Shapes ThroughoutDetermine what style you’d like to use for your page and stick to it. MailChimpDon't make the monkey angry...The designers at ultra-hip email newsletter service MailChimp have morphed the company's well-known monkey into a Hulk-type character, complete with animated smoke, to signify a broken link. Find it here.

Check it out .. England and Wales company registration number 2008885. It stands out from other 404 pages because of the hand-crafted aspect. Not hugely inventive, but still likely to warm the cockles of your heart.  Find it here.

Image Credit: Crayon 19) LEGO No copy needed on LEGO's 404 error page: They let their characters do the talking. What was once there no longer is, and you can see it in the photography.36. Utilize PhotographyUse beautiful photographs in your page to draw interest. In a rare display of emotion, it seems, when iCloud cannot find the page you are looking for, it displays a confused-looking cloud graphic that adds a human side to the

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 Makes you think, no?20. Shoot,I wanted a piece! 16) GitHub The line"These aren't the droids you're looking for," refers to Obi-Wan Kenobi's Jedi mind trick on Stormtroopers in Star Wars Episode IV -- and it's Take a look at current trends and what’s popular and implement that into your page. Behance/Aaron SnyderThis page takes the popular clip art inspired characters we see all over the internet

Be SymbolicUsing symbolism in your page can create a relationship between the imagery and messaging.