Top Banner
A COLLECTION OF HIDDEN PAGES
15

The Art of the 404 Error Page

Jul 22, 2015

Download

Design

Didit Marketing
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: The Art of the 404 Error Page

THE ART OF THE404 ERROR PAGE

A   C O L L E C T I O N   O F   H I D D E N   P A G E S

Page 2: The Art of the 404 Error Page

WHAT IS A 404 PAGE?

The 404 page is a standard response code in HTTPtelling the user, in effect, that they've clicked on abroken link.

This is generally a nuisance to users, but awell-designed error page at least makes theexperience less frustrating. Here are some reallycool examples of 404 pages...

Page 3: The Art of the 404 Error Page

Here we give the user a choice to "fire" thewebmaster. Each choice shows you one of Brent'sexpressions.

Page 4: The Art of the 404 Error Page

A little humor goes a long way towards disarminga user's frustration.

Page 5: The Art of the 404 Error Page

A good excuse for finding a 404 is that:a) The user mistyped the URLb) The webmaster "broke" the URLNote the large call-to-action back to the homepage.

Page 6: The Art of the 404 Error Page

This is a really creative solution, and a fun comic strip.

Page 7: The Art of the 404 Error Page

This retailer also gives the user additional navigationto choose from after the page they want is missing.

Page 8: The Art of the 404 Error Page

Embedded YouTube video here is set to loop. Thedanger here is annoying your user even more.

Page 9: The Art of the 404 Error Page

Great example of showing your product andpossible "causes" of the 404 page.

Page 10: The Art of the 404 Error Page

Fun use of popular culture icons and a parallax backgroundmake this 404 stand out. Note: sometimes a search barworks better than a home button.

Page 11: The Art of the 404 Error Page

A 404 gives you an opportunity to create visualmetaphors for "broken," "lost" or "frozen."

Page 12: The Art of the 404 Error Page

Starbucks 404 is very customer service centric. It gives alayman's explanation of what happened, and instructionson what to do next. This is a great solution if your audienceisn't familiar with 404s.

Page 13: The Art of the 404 Error Page

When done right a 404 attracts positive attention.

People liked Hillary Clinton's page and it got nationalmedia exposure.

Page 14: The Art of the 404 Error Page

Our own page has a direct message and simple call-to-actionto return home. Try different designs and track which oneworks best at preventing the user from abandoning your site.

Page 15: The Art of the 404 Error Page

A digital marketing leader since 1996, Diditprovides full-service online advertising andmarketing services with award-winning expertiseand innovation. Our full-service approach appliesmulti-faceted skill sets, including SEO, PPC, CSEs,PLAs, Content Marketing, and Social Mediastrategies that create a holistic synergy of onlinemarketing tools.