Home > Error Page > Creative Error Page Design

Creative Error Page Design

Contents

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 Use an icon in the place of text and it becomes much more readable. UnderbellyThis page uses a compass to let you know something’s up. Is anything truly real? The Undeniable Power of Emotional Connections Not to undermine the importance of functionality, usability, and the service provided, but the emotional connection a user feels to the site will most often http://ogdomains.com/error-page/custom-404-error-page-design.php

Good Dog Design Pin it 18. Sign up Prefer to get the news as it happens? ff0000 Pin it 36. Propeller Pin it B3ta Pin it Cuoma Pin it Tinsanity Pin it latelategifts Pin it Huml Pin it 24-4 Media Pin it CssTricks Pin it Renkoo Pin it iFolderLinks Pin it

404 Page Template

TUTS Plus Pin it 48. The colors relate to one another, further indicating that it’s supposed to be a bee.46. Use Negative SpaceThere’s no need to cram every inch of your 404 page with something. You have an entire page you can do whatever you want with, why not tell a story? PostboxThere is cute little scene in this 404 page.

I’ve handpicked 70 really funny and creative error 404 pages for your inspiration! Subscribe to the Marketing Blog below. Topics: Design Pop Culture Subscribe to HubSpot's Marketing Blog Join 300,000+ fellow marketers! 500 Error Page Design Resources - Jun 17 60 Awesome Free Tools To Create A Visual Marketing Camp...

If they would have used a pointier typeface it would have been disconnected, creating too much tension on the page.21. The orange color works so well because it relates to the orange image in the 404. Do they go backwards or return to the homepage of your site? http://www.hongkiat.com/blog/funny-creative-error-404/ Don’t feel the need to be muted just because it’s a 404 page. Juicy GraphicsThis 404 page uses a bright pop of orange on their 404 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 404 Page Not Found But if the US presidential election was decided on the quality of the candidates' 404 page then Hillary Clinton would win the heck out of it, for the GIF of her 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 The teal is carried through the logo to the illustration, through some of the text, and down to the footer.

Error Page Template Bootstrap

It can be imaginative and outlandish as long as it communicates. Behance/Thapwaris ChinsirirathkulIn this fun 404 page, you’re transported to space. http://www.cssdesignawards.com/articles/30-fresh-creative-404-error-page-designs/45/ But the difference between the two is not chance. 404 Page Template Make it a Pun404 pages are all about something not being found, so why not play off of that fact? 404 Error Page Html Code Even if you can’t read the language the page is written in, you still appreciate and enjoy the visual.

The site's worth a visit just for the artwork!19. http://ogdomains.com/error-page/css-error-page.php CSS NinjasCSS Ninjas is another example of the web design world's love of ninjasAnother example of the web design world's love of ninjas, this 404 page features a nice simple illustration Iamtiago Pin it 24. It fits well into the composition and relates to the circular shapes repeated throughout the page (the planets, stars, and radiating blue circles).27. 404 Error Message Text

The dark blue in the background makes the vibrant buttons stand out. Source: eHarmony Similarly, the 404 page for eHarmony uses interesting visuals while promoting the site’s theme of love (or lack thereof). Pulp Fingers Pin it 26. check my blog Be BrightUse bright punches of color to draw attention and add a flare.

LegoLego can do no wrong in our eyes – we love this cute little tableau for its website's 404 pageIn general, Lego can do no wrong in our eyes, and we Simple 404 Page Html 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! Of course, the message doesn’t get out of hand since the “Reboot and try again” option takes the user back to the homepage.

There are times when 404 error pages frustrate and annoy you.

Give the option to report a dead Link — Allowing users to participate in making the site better will also give them a beneficial sense of satisfaction. It creates a theme and can simplify your design process by restricting yourself from using too many colors. Behance/Alessandro CeporinaThis page uses various shades and tints (darker and lighter tones) of Here’s another 60 Really Cool and Creative Error 404 Pages you should check out. 3 for the start, full list after jump. Error 404 Text Message Prank That's actually a clever reference to GOG Galaxy, which is GOG's native video game client.

Your cache administrator is webmaster. The style of the 404 page fits the rest of the site design nicely, reflecting the same lighthearted approach that makes an otherwise boring task into something fun and endearing.16. Shamballa Jewels Pin it 50. news Sell.

Take liberties and stylize where you can. If you view the image on Behance, it even moves, adding another layer of interest and entertainment.02. Design Layout - May 6 More related articlesFeatured Resources 60 Free Outline Icon Sets Perfect for Contemporary Desi... 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

Having a good Error 404 page is perhaps as important as having great contents. Use PatternsYou can make a pattern out of nearly anything. Centresource Pin it 11. Image Credit: Crayon 19) LEGO No copy needed on LEGO's 404 error page: They let their characters do the talking.

Written byCaitlin JordanSee Caitlin Jordan’s latest postsCaitlin Jordan is a graphic designer and copywriter from Columbus, OH. If everything is too perfect and too symmetrical, it could feel unnatural. Dribbble/Jenny LeonardThis page takes an illustration, and though it’s centered, makes it feel more natural. It can help create separation in your design where it’s needed. Handmade StudioIn this page the 404 is boxed in in rectangles, giving it the effect of a clock. Focus Lab Pin it 37.

Photographs, illustrations, icons, colors, shapes – you name it. If having a complex and busy page is off brand or not what you’re going for, narrow it down to the basics of what you need. Behance/Keren RijenskyThis 404 page is