Home > Error Page > Error Page Design Inspiration

Error Page Design Inspiration


Design Resources - Jun 17 60 Awesome Free Tools To Create A Visual Marketing Camp... It’s approachable and a bit quirky.25. If this is not a page, then what is it? 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. this contact form

Cutting it off with white instead of carrying it all the way through ensures that it doesn’t get too busy and still translates.22. Have you designed a great 404 page? Thumbs up for this page…Looks Like You’ve Lost Your WayAck! Made by Compact Creative © 2016 Home / Articles / Inspiration / GalleryAbout / Membership / Advertising / Write For Us In Partnership with and 0 0 0 News Conference TNW

404 Error Page Template

Go BackThis page also focused on simplicity: some little text and an image that express their brand and business.Whoops! It shows creativity and a great attention to detail, so why not include it in your 404 page? Behance/kobietaThe illustration in this 404 page serves two purposes. Choosing to nestle the 404 text inside a magnifying glass is both literal and figurative.

Remember, the point is to keep visitors clicking if they found the page in error, not lose them.A strong headline or text explaining to a user why they are here. 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. Sometimes it may not be your fault visitors landed on error pages, but being able to communicate and direct them back to the home page is as good as a second 404 Error Page Html Code The illustrations become more cartoon like and approachable. Behance/Diogo MarquettiThis 404 page really stylizes the illustration.

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. Error Page Template Bootstrap It matches the branding (the logo is a whale) and fits with the light blue color scheme. BloombergAbsolutely bonkers; Richard Turley, we salute youBloomberg's 404 page initially looks pretty ordinary, until it suddenly pans out from the 404 error into a bizarre animation involving an off-the-shelf 3D model It works well because the tones are different enough that it doesn’t feel too ‘blue’, yet there is a clear theme and everything relates well to one another.13.

While some web designers simply focus on guiding the users back to the homepage others wisely use 404 errors pages functionality to show some fun tendencies that make the page errors 404 Page Not Found each element comes to life and starts dancing to the theme song we had made. Practical 404 Tips Making your 404 page fun is only half the battle — there’s still a lot of practical factors to keep in mind. You were searching for something, yet you found this page instead.

Error Page Template Bootstrap

Show a SceneCreate a scene in your 404 page. Even though so much is happening it still works. 404 Error Page Template Nice one Jacob! 404 Error Message Text Simple and clean.Sincere ApologiesApologies from the team at from Litmus Touch of PersonalityBiased?

If you view the image on Behance, it even moves, adding another layer of interest and entertainment.02. weblink This time, it's rabbits nibbling the cables -- a nod to their rabbit logo. 21) IconFinder Don't you hate it when webpages get lost in space? GitHub also has a nice 500 page for when the server breaks.12. That means what we feel about a site is more important than what we think about it. 500 Error Page

They provide a way for users to report broken links, which is great, but the flow is still interrupted by a lack of search input or home link. No gifts & Wishes HereJoin the wrapping and stick the 404 mark in the next gift…Oh no!Here is another cool 404 error page…Oops!Oops! GitHubWhat better way to appeal to geeks than a simple Star Wars parody with parallax effectCoding website GitHub is the home of geeks, and what better way to appeal to geeks What constitutes a 'page'?

Recommend some your top content while they’re open to suggestion. Simple 404 Page Html It's a bummer, but a fact of life. 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.

The good news is that 404 pages also offer a refreshing opportunity for humor.

Here are a dozen pages that are sure to make you want to stumble upon an error.Deviant ArtGig MastersiFolderLinksLegoLimpFishMagntMattelModClothNPRSteve LambertTitleistTobiConclusionIt can be hard to think of designing a page that is 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 This 404 page has all the right elements: fun, interactivity, and still some baseline functionality to get the user back on track. Error 404 Text Message Prank Give Users the Power of Interaction Can’t make them laugh or impress them with your artistry?

Broken LinkThe image is worth a million of words.We're SorryThe journal you are looking for can’t be found, as simple as that.Tim SimonTim and Simon hate to play the blame game Get it for free Canva logo Empowering the world to design. Rather than having something super technical, the sheep is the one responsible for the mishap, having pulled the plug (figuratively) on the page you were trying to find.10. his comment is here If a simple, solid question mark had been used instead, it would have lacked color and texture.03.

Patterns are a great way to add an extra element of something special into your design, so get creative with them. McCannThis page uses different images to create a pattern in Of course, the message doesn’t get out of hand since the “Reboot and try again” option takes the user back to the homepage. Trademarks and brands are the property of their respective owners. Provide OptionsWhen a visitor reaches a 404 page it’s important to give them direction on what to do next.

It's mesmerizing, cool, and a great showcaseof their design capabilities. 23), home to a Flash-animated cartoon series, has had a series of hilarious 404 error pages over the years. Follow us on social media. 1.65M followers 763K likes Help us out Who are you? T+L loved injecting humour into their personal products; this error page is no exception, taking inspiration from “awkward family photos” AestheticsCalming and attractive, from Tubik Studio.Illustrations, like this one from It’s a concept most people can appreciate and even want to do, but just impractical enough that it’s more wished after than acted upon.28.

© Copyright 2017 All rights reserved.