Home > 404 Error > 404 Error Page Design Inspiration

404 Error Page Design Inspiration

Contents

The inner child in us emerged and we must admit to playing this repeatedly, while crying a little with laughter. Tweet Proudly Sponsored By Design Jobs Senior UX Designer American Express London, United Kingdom UX / UI Designer TED New York, NY, United States Related Articles New UI & Color Inspiration 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. Everything is balanced and not too overwhelming. 42. news

Link Yes, fun! Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Check out www.larkef.com/404 for the original. It matches the branding (the logo is a whale) and fits with the light blue color scheme.

Error Page Image

Design Resources - Apr 26 Free Stock Photos: 73 Best Sites To Find Awesome Free I... Blue Fountain Media Wanna play doubles, mate?It's hard to get over the inevitable disappointment of coming up against a 404 page, but Blue Fountain Media has something that might just cheer It fits well into the composition and relates to the circular shapes repeated throughout the page (the planets, stars, and radiating blue circles). 27. This is the message we put up to tell our site visitors that there are some website issues.

The colorful illustration is carried down into the text and creates little windows to peak through. Even though it’s two-dimensional, it looks three-dimensional. 20. No spam, we promise. 404 Error Page Design Html It shows creativity and a great attention to detail, so why not include it in your 404 page? Behance/kobieta The illustration in this 404 page serves two purposes.

Duoh.com6 Probably one of the most colorful and abstract 404 error pages out there. 7 Apartmenthomeliving.com8 A quite unusual 404 error page from a website that helps people find apartments. 9 404 Page Ideas Link 404 doesn't only have to be about graphics. The airplane path is a nice touch, getting clearer and more direct as it approaches the button you need to click on. 24. http://www.hongkiat.com/blog/60-really-cool-and-creative-error-404-pages/ Use your hands and create something three-dimensional. Behance/Olga Shipilo This page uses hand made clay figures rather than flat illustrations.

Create an Emotional Connection If you can create a connection with a visitor on your page, you’ve done a powerful thing. Sample 404 Error Page www.figma.com/404.There’s really only one reason you’d be visiting the 1403 Vintage Mono Pro website anyway, so why not test out the typeface if you come unstuck? 1403.slantedhall.com/404.Kittens. Use Emotion Draw from people’s emotions. d20 SRD A brutal error at d20 SDR!

404 Page Ideas

Carry Shapes Throughout Determine what style you’d like to use for your page and stick to it. It’s a matter of doing things the wrong way. Error Page Image It can help create separation in your design where it’s needed. Handmade Studio In this page the 404 is boxed in in rectangles, giving it the effect of a clock. Custom 404 Page Examples Both?

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 http://rlegsoftware.com/404-error/404-error-code-error-page-default-error-page.php You have the opportunity, so use it well! Pattern Tap will take on the burden of the missing page. 18 New Yorker The New Yorker magazine has been published since 1925, but it is definitely with it, with its Thank you for reading the article. 404 Error Image

Even though it’s a bit odd at first glance, it works well. It’s like crack for designers. In them, we also covered some interesting and useful ideas for designing 404 pages. More about the author www.facebook.com/404.This, from fusion.net/404.

You're almost there! 404 Error Page Templates Bluedaniel Daniel Karcher's film design studio. If everything is too perfect and too symmetrical, it could feel unnatural. Dribbble/Jenny Leonard This page takes an illustration, and though it’s centered, makes it feel more natural.

Patterns are a great way to add an extra element of something special into your design, so get creative with them. McCann This page uses different images to create a pattern

Block in Shapes Shapes can be your best friend in design. And good for you too!Feb 294 min read404 Page Inspirationvia Muzli design inspirationAwesome Kit “404” illustration by Awesomed404 by Arthur MBMissing File by Zach Graham for Dropbox404 — funky monkey by Tony BabelTubik Studio | Page 404 The copy pokes fun at the user: "Grats. Google 404 Error Page Check out Envato Studio's servicesSee what’s popular this week on ThemeForest, including multi purpose themes, single page layouts and much more!

Work Personal Education Subscribe Thanks for signing up! They empathize with users who might be stressed out by an error message when they're already stressed out about moving. Be Illustrative Illustration is incredibly popular and appreciated. http://rlegsoftware.com/404-error/404-error-pages-design.php It doesn’t have to be too over the top, just be sure to find the balance that works best for you. Dribbble/Mitchell Geere This 404 page for a dating website is

www.adidas.co.uk/404.MailChimp, those masters of adding personality to products, use their mascot Frederick von Chimpenheimer IV in the event of a missing email campaign us1.campaign-archive1.com/404.I think we know whose 404 this is, T+L loved injecting humour into their personal products; this error page is no exception, taking inspiration from “awkward family photos” www.teehanlax.com/404/.Pleasing AestheticsCalming and attractive, from Tubik Studio.Illustrations, like this one from The screaming is accentuated with a drumroll and funky bass soundtrack, all of which leaves an excellent impression (although the website itself is currently empty).13. Cubeecraft Error Cubee (which you can download and make yourself) at Cubeecraft.

More articles by WebdesignerDepot Staff Popular posts LinkedIn announces a new online platform Mozilla’s rebrand reaches the final four Is mobile app UI design a complete waste of time and money? As with many of the examples here, the page diverges from the overall site aesthetic to great effect.10. Here is another one -1 10 Josh January 29, 2009 6:10 pm I know it's lame to "self promote", but I've searched countless lists of custom 404's and I think I've You were searching for something, yet you found this page instead.

Thank you. CSS Remix This fellow is quite scared (sent by @dezignMusings16 on Twitter). Your cache administrator is webmaster. If done correctly, it can have a really interesting effect. Dribbble/Justas Galaburda The movement in the text on this page is very effective.

Generated Thu, 29 Sep 2016 21:37:59 GMT by s_hv996 (squid/3.5.20) About us Terms and conditions Privacy policy Cookies policy Advertise with us © Future Publishing Limited Quay House, The Ambury, Bath BA1 1UA. Seriously cool.03. Error 404 page helps you does that.

A sweaty office guy who just can’t keep his pits out of your face?