Home > Error Page > Custom Error Page Design

Custom Error Page Design

Contents

The pigeon making direct eye contact speaks to you, giving you options of what you can do from this point.07. 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 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. StylizeIf you’re doing something illustrative, it doesn’t have to be so elaborate that it looks real. this contact form

Have Layers of InformationIf you provide lots of options on how to remedy the problem or where to go next on your 404 page, break it up so it’s less daunting. 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 Box it InExperiment with boxing in your letters and numbers. The colors work well together, and the bright yellow brings a happier feel to the page.29.

404 Error Page Template

Get it for free Canva logo Empowering the world to design. How can you help your users find what they are looking fo. Be careful though in the design not to blame the user for landing on the wrong page. (This happens more frequently than you might think.)Think about the design for an error

Here’s more – 50 Nice and Creative Error 404 Pages. But, instead of using just a standard red circle, they use their logo. You can also upload it to a subfolder if you want it to handle error requests only for the subfolder. 404 Error Page Html Code That is why it is imperative to have custom error pages.

If you want sharp, angular shapes don’t add in softer ones, it’ll just be confusing. 404 Error Page Examples 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 This further enforces the brand and lends a creative touch.12. It’s ok to be sorry that a user landed in the wrong place.If your site requires a login, add a place for it. (Did the error happen because the user needed

Use MotionMotion can be created without actually making things move on the page. 404 Page Not Found This is because the website you are visiting (or trying to visit) does not use custom error pages. Pinging is currently not allowed. 18 Responses to Custom Error Pages Rostyslav Says: April 8th, 2008 at 9:42 pm Great post! 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?

404 Error Page Examples

Log in to vote. 100,2,2 100,1,1 100,1,1 About Blog Hosting Jobs Support Developers Get Involved Learn Showcase Plugins Themes Ideas WordCamp WordPress.TV BuddyPress bbPress WordPress.com Matt Privacy License / GPLv2 Code They’re washed out, so they don’t compete with the text, and help create a subtle texture. 404 Error Page Template 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. Error Page Template Bootstrap The folks at Daniel Karcher did a great job with the animation on this page, including clever references to things like the television seriesLOST.The ticker at the top flips to say

The colors and imagery should also have a consistent design. weblink It is jarring when you land on a webpage that is not what you intended. Every part has its own section that is clearly distinguished from the rest. It looks sad and sorry that the page is missing, and the text in the green bar makes it seem helpful. 500 Error Page

A sunken boat lurks just under the surface of the water with the mountains peaking out in the background. Your change will take affect within minutes. If different colors had been used in each area it would have been too busy and disconnected.35. navigate here Please enable JavaScript in your browser to enjoy a better experience.

Being a little tongue in cheek never hurt anybody, and most of the time humor is appreciated. STG.This 404 page is definitely tongue in cheek. 404 Error Message Text While it is a good idea to maintain the tone and feel of your site and brand, too many “extras” can make users forget what they were looking for in the Make it Easy to UnderstandFor a select handful of people who may not know what a 404 page is, spell it out for them.

Zack Says: July 11th, 2009 at 3:52 am When someone follows a broken link or something, they dont stick around to fix the problem if they see a standard 404 page,

For more ideas on creating a custom error page, refer to: The Perfect 404 - Article on creating the perfect custom error page by AList Apart. Focus on the creative and let us handle the code.About the AuthorCarrie CousinsCarrie is the chief writer at Design Shack, with years of experience in web and graphic design. All aboard!05. Error 404 Text Message Prank How Do I Create a Custom Error Page?

Coat Rack Says: April 28th, 2011 at 9:53 am Personally I like to have a custom 404 page that mimics my index page that way people have plenty of links within Include in the body (content) area: a precise description of what has happened, written in plain english, not a techical explaination. Both? http://digitalezines.com/error-page/creative-error-page-design.html Need help?

They help to pump up the interest in a simple black and white scheme.50. Here are some designs to inspire you. The colorful illustration is carried down into the text and creates little windows to peak through. Your .htaccess file will override the server default error pages, directing Apache to use custom pages instead.