Page Not Found: 24 Creative 404 Error Pages 1) Bluegg If laughter is the best medicine, thenBluegg's 404 error page might be the cure. And the hand-drawn illustration fits the rest of the site well in terms of style and theme.Next page: More brilliant 404 pages... 1 2 Current page: Page 1 Next Page Page 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 Block in ShapesShapes can be your best friend in design. Source
Click here to download 50 examples of beautiful website design for even more web design inspiration. These 404s just look cool, and sometimes that’s enough to make the user change their mind. Posted in Tech blogTagged Design, error, fun, humor, inspiration, maintenance, screenshots, Web 2.0, web-design, webmaster, website Share & Comment a share on twitter b share on facebook c share on google+ Use IconsUsing iconography on your page can help simplify things.
Come on buddy, plug it back in! 20) Hoppermagic Hoppermagic's error page is similar to LEGO's by showing afictional reason forwhy the page is broken. Used by Zelda fans across the Internet: View this image › the-weak-must-die.tumblr.com ID: 878277 4. Use EmotionDraw from people’s emotions. Give Users the Power of Interaction Can’t make them laugh or impress them with your artistry?
It starts with a DOS input of the Central Park Control Console, but after a few tries (interactivity), it breaks into Dennis Nedry’s famous “You didn’t say the magic word” screen Use MovementYou can create movement visually with a variety of techniques, but this is the 21st century. And it makes time fly too fast, have to go back to work now! 🙂 Reply Pingdom says: December 4, 2008 at 11:57 am Hi Brendan, Sorry, we completely missed that Error Page Template Bootstrap The non-existent ones Microsoft Technet Ok, this one can't really be considered a Web 2.0 service, but we included it because this example shows more or less the worst case scenario.
The contrast between the dark red and black adds more dimension, separating itself from the rest. Step Outside of the ComputerSimilar to the previous tip, step away from the programs for a little bit. Instead of treating the page as an end all, they used it to its full advantage, and are more likely to keep the visitor than deter them.15. From Purplesageranch.com: View this image › purplesageranch.com ID: 878243 11.
C'mon. Error 404 Text Message Prank Make it a Pun404 pages are all about something not being found, so why not play off of that fact? Got two minutes to spare? 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.
However, this one from Worrydream has a classical and original spin. The animated emoji wearing a spacesuit appears to becatapulted further and further into space the longer you stay on the page. 22) Hot Dot Productions Hot Dot's error page stays true 404 Error Page Template To learn more techniques for perfecting the art and science of web design, check out the free e-book Web Design Best Practices. 404 Error Page Examples Have a ThemePick a theme and carry it throughout.
Aubin and Will’s former error page: View this image › 404errors.tumblr.com ID: 878274 27. this contact form Click anywhere on the “hot” dots and watch them scatter. The fun (or very strange) ones YouTube YouTube is known for being one of the services that have truly charming error pages, in lots of varieties. While two of them can definitely be considered examples of what NOT to do, the other 22 are here to give you plenty of inspiration and hopefully put a smile on 500 Error Page
Politics World Business Tech Health Science Entertainment Newsfeed Living Ideas Parents Sports History The TIME Vault Magazine Subscribe Give a Gift TIME Shop Press Room Newsletters Customer Service Site Map Privacy The character isn’t a fully developed and rendered masterpiece, but it’s fun and fits the situation at hand. 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 http://digitalezines.com/error-page/creative-500-error-messages.html Why not make a game of it… Source: Blue Fountain Media … sometimes literally.
For more brilliant 404 pages, we highly recommend this analysis of 33 error pages from Creative Bloq. 404 Error Page Not Found Was discussing Facebook's lack of creativity in their error page and someone tweeted this to me. If you have a few things you want on there, experiment with putting them close together. Dribbble/Ben JordanThis 404 page leaves a large area of black at the bottom.
Learn. And if you're feeling inclined to make your own custom error or maintenance page, we have included some helpful advice at the bottom of this post (a "best practices" of sorts). Please drop us a comment, we love to know. 404 Error Page Html Code The airplane path is a nice touch, getting clearer and more direct as it approaches the button you need to click on.24.
This post includes error and maintenance pages for 24 of the most popular Web 2.0 services out there. Makes you think, no?20. Here is a nice example from Netflix (another one from Amazon above). http://digitalezines.com/error-page/creative-error-messages.html Great!