Dieter Petereit 19. Juli 2018

404: Die Top 50 der kreativsten Fehlerseiten im Weltennetz (Ausgabe 2018)

Jede Website liefert ab und an einen 404-Fehler aus. Ein Besucher hat vielleicht eine Adresse falsch eingegeben, oder ein Link existiert unter Umständen nicht mehr. Diese Fehlerseiten kannst du designen, um deinen Besuchern auf die richtige Fährte zu helfen.

Leider ist die Gestaltung einer Fehlerseite für viele Designer ein ungeliebtes Stiefkind. Andere Websites hingegen verbergen richtige Kunstwerke an dieser Stelle. Wir haben uns auf die Suche nach den 50 kreativsten Fehlerseiten im Weltennetz gemacht. Die hier haben wir gefunden. Beurteile die 404s nicht bloß vom Screenshot her. Viele arbeiten mit Videos oder parallaxen Effekten und anderen Animationen. Besuchen lohnt sich:

P.S.: Wenn du es besser machen willst als viele deiner Kolleginnen und Kollegen, dann lies doch mal diesen Beitrag, in dem wir dir zeigen, wie eine 404-Fehlerseite aussehen sollte.

Redaxo

Bit.ly

https://bitly.com/a/404 404 Seite

Pixar

CSS-Tricks

404 Seite

Blizzard

Starbucks

404 Starbucks

Walk With You

404

Funilo

Dailymotion

404

The Useless Web Index

Wufoo

404

Duoh.com

404

Steve Lambert (wirklich furchtbar)

Dan Woodger

404

Hot Dog Production

404

Airbnb

404

Lego

404

Github

404

CSS Ninjas

404

Limpfish

MailChimp

404

Tee vom Kap

Audiko

404

Bret Victor

404

Figma.com

404

Spotify

404

Good Old Games

404

Cooklet

404

Moveline

404

Cloud Sigma

404

Grant Burke

404

Hoppermagic

404

Tripomatic

Tripomatic - Error 404

Liebevoll gestaltet und animiert. Sonnen- und Mondauf- und Untergang sind zu sehen.

Urban Influence

Urban Influence - Error 404

Video als Hintergrund.

Barrel

This by Them

This by Them - Error 404

Eine animierte Mischung aus David Bowie-Referenz und dem Film Gravity.

Hub

Hub - Error 404

Mit vollflächigem Hintergrundvideo.

Martin Wright

Martin Wright - Error 404

Einfallsreich und einfach niedlich.

Tiny Carrier

Tiny Carrier - Error 404

Fork CMS

Fork CMS - Error 404

Jackrabbit Design

Jackrabbit Design - Error 404

Signum

Signum - Error 404

Storio Digital

Storio Digital - Error 404

Spry Group

Spry Group - Error 404

Mit vollflächigem Hintergrundvideo.

Brand Crowd

Brand Crowd - Error 404

Paul Foster Design

Paul Foster Design - Error 404

Bietet eine blinkende Serverlandschaft.

Romain Brasier

Romain Brasier - Error 404

Im Stil alter Computer-Spiele animierte Seite mit dazu passendem Sound. Sehr sehenswert!

Cool Apps

Cool Apps - Error 404

Herrlich Media

Herrlich Media - Error 404

Constellation & Co.

Constellation & Co. - Error 404

Use Panda

Use Panda - Error 404

EyeEm

EyeEm - Error 404

Mein wahres Ich

Magnt

(Beitragsbild: Depositphotos)

Dieter Petereit

Dieter Petereit

ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für diverse Medien, hauptsächlich zu den Themenfeldern Technik und Design. Man findet ihn auch auf Twitter und Google+.
Dr. Webs exklusiver Newsletter
Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

7 Kommentare

  1. ich habe meine 404-Seite dem Aussehen der anderen Seiten angepasst
    https://www.bk-luebeck.eu/error404.html

  2. Saucoole Beispiele. Solche Beispiele haben mich vor Jahren auch animiert meine eigene 404 Seite zu erstellen.
    https://www.preyer.net/404-custom/

  3. Wir lieben auch 404 Fehlerseiten. Umso mehr freut es uns, das unsere Fehlerseite auf https://www.theuselesswebindex.com/404/ mit aufgelistet ist und anderen als Inspiration dient.
    Vielen Dank das ihr uns erwähnt habt :)

  4. Viele tolle Beispiele. Danke für den tollen Artikel!

  5. Schöne Sammlung! Da möchte ich auch nicht zurückstehen ;-)

    https://www.sits-schramme.de/error404.html

  6. Super!
    Meine 404-Fehlerseite ist auch etwas anders ;-)
    https://www.mmp-design.de/404

    • „etwas anders“ stimmt:
      Eine komplett leere weiße Seite mit einer drehenden Ladeanzeige in der Mitte, nach Länge des Scrollbalkens ca. 3 Bildschirmseiten lang ?!?
      Vielleicht wieder eine von diesen Seiten, die stillschweigend JavaScript voraussetzen – aber keinerlei Hinweis darauf – man wird es wohl nie erfahren …

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.