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. Include a Search Bar — In the same vein as the above tip, include a search bar to help your user continue browsing without too much interruption. Work Personal Education SubscribeThanks for signing up!You're almost there! It’s broken, visually showing that the link you were trying to find is also, in fact, broken.09. have a peek here
To learn more techniques for perfecting the art and science of web design, check out the free e-book Web Design Best Practices. I’ve handpicked 70 really funny and creative error 404 pages for your inspiration! The character isn’t a fully developed and rendered masterpiece, but it’s fun and fits the situation at hand. Try These 7 Tricks for Making Them More Presentable X Join 300,000 Fellow Marketers Get expert marketing tips straight to your inbox, and become a better marketer. http://www.creativebloq.com/web-design/best-404-pages-812505
Stickermule Pin it 39. Make it RelatableUse imagery the audience can relate to, as they’re more likely to form a relationship with your brand. Hugo FrancaThe imagery in this 404 page is relatable both to FigmaMessing with vectors is so much fun when it's not actual workEven though we have a copy of Adobe Illustrator right here, and could play with anchor points and Bézier curves
Brilliantly executed and nicely interactive.17. ERROR The requested URL could not be retrieved The following error was encountered while trying to retrieve the URL: http://0.0.0.10/ Connection to 0.0.0.10 failed. it never gets old. 2) Spotify Every year, Spotify releases their"A Year in Music" microsite. 404 Page Not Found The flat colors and simple shapes work well together and create a scene.
If they would have used a pointier typeface it would have been disconnected, creating too much tension on the page.21. Error Page Template Bootstrap Design Resources - Nov 19 50 Beautiful Free Wallpapers For Creatives [2015 Editio... Be CreativeTake liberties and turn one thing into another. If a simple, solid question mark had been used instead, it would have lacked color and texture.03.
You don’t know where it is you’re going, but you know wherever it is, you’ll have better luck. 404 Error Page Html Code 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 Gross, and pretty uncomfortable. For the most part, you can configure your web server to create a customized 404 error page. (If you're a HubSpot customer, click here tolearn how to customize your 404 page
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. Here’s another 60 Really Cool and Creative Error 404 Pages you should check out. 3 for the start, full list after jump. 404 Error Page Template Written byCaitlin JordanSee Caitlin Jordan’s latest postsCaitlin Jordan is a graphic designer and copywriter from Columbus, OH. 500 Error Page Fastcentrik Pin it 45.
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. navigate here Your attention is drawn to them, and you’re more likely to interact with them.33. This further enforces the brand and lends a creative touch.12. It might push any boundaries but it at least give you an idea of Dan's style, and encourages you to click through to the rest of his work.03. 404 Error Message Text
Abhimanyu Ghoshal Star Wars is back with an amazing new trailer for Rogue One Napier Lopez Watch this huge church ceiling get lit up with a beautiful interactive sky Juan Buis The Fontain Pin it 46. Bored Panda Pin it 31. Check This Out Do it Join over 260,000 subscribers!
Hillary ClintonHillary Clinton's 404 page is just the ticketIn the name of balance we totally checked out Donald Trump's 404 page and it was thoroughly uninspiring, but at least inoffensive. Error 404 Text Message Prank They help to pump up the interest in a simple black and white scheme.50. But, instead of using just a standard red circle, they use their logo.
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 What was once there no longer is, and you can see it in the photography.36. Another added element is the factor of surprise — this kind of out-of-the-blue reference is sure to be remembered if you weren’t expecting it. Simple 404 Page Html Many, many things can be done with cameras in today’s tech laden world, so you can get incredibly creative with what and how you’re shooting. Dribbble/Evgeniy DolgovThis 404 page uses incredibly
MagntMagnt's clever 404 page demonstrates both a keen sense of wit, and a clear call to actionMagnt enables you to create a business card themed web page in minutes. Carry Shapes ThroughoutDetermine what style you’d like to use for your page and stick to it. Share with us in the comments. http://imagextension.com/error-page/funny-error-page-examples.php We love the reference to the Semisonic song "Closing Time": "You can click anywhere else, but you can't click here." 15) Cooklet Cooklet's error pageis simple and delightful in design and
The visual serves as a quick way to illustrate their point for those unwilling to read the description. 7) Bitly Remember Twitter's fail whale? Block in ShapesShapes can be your best friend in design. While not as subtle as Huwshimi, this image is certainly more stimulating, and our eyes can get lost in the details. The whole thing is set to an intense bass track, making it evenfunnier.
A consistent theme will make your page more cohesive and work together. Dribbble/Garrett GodseyThe logo color is drawn from in this theme. 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: Lego The Lego 404 page, for example, uses humor and a funny visual, but it also uses its iconic characters. You don’t have to use something in its pure, raw form.
Who's Hiring ABN AMRO Reinventing the world of banking Facebook Build and make an impact Uber Work that moves you Amazon We are a company of pioneers Latest Future versions of Subscribe to the Marketing Blog below. If it can, consider doing it on your 404 page. Behance/Andrei MoldovanThis floral company swapped out the zero in 404 for a flower, an appropriate switch. Agens Pin it 16.
Hakim El Hattab’s 404 page features a bunch of delightfully creepy eyes that follow your mouse around and blink out of rhythm. It's a picture of something that's not a page.
© 2017 imagextension.com