posted by Liz May 08, 2009 catergorie(s): Web Design

Designers Creative Solutions for Necessary Error Pages


So, I recently was thinking about 404′s for some client projects and ended up doing a lot of exploring through the internet to see what others are doing. Error pages are something that is just annoying, but some of these websites designers have come up with ways to make the 404 a little less of an eyesore. Whether its with some beautiful typography, illustration, animation or even just some clever copy writing, these 404 Error pages put a creative twist on error pages.

This first one is from a recently completed project for Seattle photographer, Laura Marchbanks. She’s just started a blog and we wanted to incorporate her fresh and quirky personality into the design. Part of this ended up including making the 404 Error page more of a random interaction with Laura instead of JUST an apology message. Added comments and a fun question for her wayward visitors.

Typography

Humor





Illustration

Helpful & Fun

Animation

Not Very Helpful, but Cute!




Share:
  • Twitter
  • Facebook
  • Tumblr
  • Digg
  • del.icio.us
  • Reddit
  • StumbleUpon
  • email

Related Posts

Tags: , , , ,

This post currently has 7 Comments


  1. Corinne Says:
    May 8th, 2009 at 7:31 PM

    These are great! Thanks for posting. I’m going to have to create some 404 pages now. It seems to be fun!


  2. laura Says:
    May 14th, 2009 at 6:55 PM

    Sweeeeeeeeet. who knew?


  3. Kelsey Says:
    July 15th, 2009 at 3:55 PM

    You should check out http://fab404.com it has awesome 404 pages!


  4. Bill Bartmann Says:
    September 2nd, 2009 at 9:46 AM

    This site rocks!


  5. Blink Web Design Says:
    July 20th, 2010 at 8:15 PM

    very nice list , coming up with a usable 404 page is more impotent but adding something funny as all ways a nice for a designer to express them self. I usual just redirect to the home page on smaller sites.

Leave a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>