Viele Websites beweisen, dass man den Hinweis auf den Fehler 404 mit Text und Bild kreativ aufwerten und originell gestalten kann, statt auf eine stan­dar­di­sier­te Feh­ler­an­zei­ge zu­rück­zu­grei­fen. Wir geben Ihnen all­ge­mei­ne Tipps für die Auf­ma­chung einer 404-Seite und zeigen einige Pa­ra­de­bei­spie­le.

Warum ist eine kreative 404-Seite sinnvoll?

Auf­pop­pen­de 404-Seiten können durchaus frus­trie­rend sein – zumal neben dem of­fen­sicht­li­chen Fehlen der ver­spro­che­nen Inhalte die Er­nüch­te­rung oft noch dadurch verstärkt wird, dass das Design der Feh­ler­sei­te trist und lieblos ist. Mit einer lustigen 404-Seite können Sie den Frust Ihrer Be­su­che­rin­nen und Besucher schnell vergessen machen. Über­ra­schen Sie Be­su­che­rin­nen und Besucher mit dem Design im Falle eines 404-Errors auf positive Weise und bringen Sie sie zum Schmun­zeln, werden viele nach­sich­tig sein und Ihre Website gut in Er­in­ne­rung behalten.

Was macht eine gute 404-Seite aus?

Grund­sätz­lich gilt: Kreative 404-Seiten zeichnen sich durch eine an­spre­chen­de optische Umsetzung und einen char­man­ten und/oder amüsanten Text aus. Dabei können Sie sich an einigen Richt­li­ni­en ori­en­tie­ren:

  • Dem Stil der Website treu bleiben: Eine gute 404-Seite sollte zum Design des Web­auf­tritts und zur Identität des Un­ter­neh­mens passen. Achten Sie darauf, dass sich die Feh­ler­mel­dung in puncto Inhalt, Ton und Optik in Ihr Web­an­ge­bot einfügt.
  • Kurz erklären, was passiert ist: Nicht jeder User weiß, was der Code 404 bedeutet. Anstatt nur „404 Not found“ oder „Fehler 404: Seite nicht gefunden“ anzugeben, können Sie kurz und knapp schildern, warum diese Seite angezeigt wird.
  • Humor: Viele gelungene, kreative 404-Seiten punkten mit einem witzigen und selbst­iro­ni­schen Ansatz. Dabei sollte der für den Fehler 404 ein­ge­setz­te Text nicht länger als nötig sein. Die Be­su­che­rin­nen und Besucher Ihrer Website haben sich ei­gent­lich andere Inhalte von dieser Seite ver­spro­chen – deshalb sollten Sie schnell auf den Punkt kommen.
  • Ani­ma­tio­nen oder Mini-Brow­ser­spie­le in­te­grie­ren: Der Einsatz von ani­mier­ten oder gar in­ter­ak­ti­ven 404-Seiten ist zwar mit einigem Aufwand verbunden, al­ler­dings erzeugen solche Inhalte auch die größte Auf­merk­sam­keit.
Profi-Website in Sekunden dank KI.
  • Profi-Website in Sekunden dank KI
  • Aus tausenden Vorlagen auswählen
  • 30 Tage kostenlos testen

15 witzige, ori­gi­nel­le oder schöne 404-Seiten

Um Ihnen einige In­spi­ra­tio­nen für das Design Ihrer eigenen Feh­ler­mit­tei­lung zu geben, listen wir nach­fol­gend einige Mus­ter­bei­spie­le auf. In der Auswahl finden Sie charmante, skurrile, lustige und über­ra­schen­de Ideen, wie man eine kreative, lustige 404-Seite umsetzen kann.

Lego

Bild: Lustige 404-Seite von Lego
Screen­shot der Lego-Feh­ler­sei­te; Quelle: https://www.lego.com/de-de/404

Auf der Website des dänischen Un­ter­neh­mens erscheint bei der Feh­ler­mel­dung eine Lego-Figur, die die Reaktion auf den 404-Error reizend ver­kör­pert: Ein gutes Beispiel, wie sich die Be­nach­rich­ti­gung gut mit der Corporate Identity ver­ein­ba­ren lässt.

Mo­vie­pi­lot

Bild: 404-Seite von Moviepilot
Screen­shot der lustigen 404-Seite von Mo­vie­pi­lot; Quelle: https://www.mo­vie­pi­lot.de/404

Die Film­web­site be­schreibt auf ihrer 404-Feh­ler­sei­te den Plot eines (fiktiven) Films, der denkbar gut zur Situation passt. Gelungen ist neben der au­gen­zwin­kern­den Metaebene (durch den Kommentar des Mo­vie­pi­lot-IT-Teams) auch die Anmerkung oben rechts – hier wird erklärt, warum man auf dieser Seite gelandet ist.

Blizzard En­ter­tain­ment

Bild: Blizzard Entertainment Fehlerseite
Screen­shot der kreativen 404-Seite von Blizzard En­ter­tain­ment; Quelle: https://www.blizzard.com/de-de/404

Die Blizzard-Feh­ler­sei­te prä­sen­tiert Be­su­che­rin­nen und Besuchern den Ret­tungs­m­ur­loc: Die animierte Kreatur zeigt sich ähnlich ratlos wie es wohl die meisten User sind, die auf die Feh­ler­mel­dung treffen.

Redaxo

Bild: 404-Seite des CMS Redaxo
Screen­shot der kreativen 404-Seite von Redaxo; Quelle: https://redaxo.org/404

Die lustige 404-Seite des Content-Ma­nage­ment-Systems Redaxo ist „ein­ge­schla­fen“. Bild und Text sind zur Un­ter­ma­lung perfekt auf­ein­an­der ab­ge­stimmt.

XING

Bild: 404-Seite von XING
Screen­shot der 404-Feh­ler­sei­te von XING; Quelle: https://www.xing.com/de/404

Das soziale Netzwerk für be­ruf­li­che Kontakte verweist bei der Feh­ler­mel­dung auf die Such­funk­ti­on der Website. Foto und Text verraten den Be­su­chen­den scherz­haft, dass die Seite vom Wind weggeweht wurde.

GitHub

Bild: 404-Seite von GitHub
Screen­shot der 404-Seite von GitHub; Quelle: https://github.com/404

Den On­line­dienst für Ent­wick­le­rin­nen und Ent­wick­ler nutzen si­cher­lich auch etliche „Star Wars“-Fans. Die 404-Page von GitHub spielt auf ein bekanntes Zitat aus der Saga an und wird schon einige User zum Schmun­zeln gebracht haben – inklusive GitHub-Mas­kott­chen im Jedi-Meister-Look.

iStock

Bild: 404-Seite von iStock
Screen­shot der 404-Seite von iStock; Quelle: https://www.istock­pho­to.com/de/404404

Die ka­na­di­sche Bild­agen­tur iStock bietet auf ihrer Feh­ler­sei­te zwar kein Filmzitat, setzt aber ähnlich wie GitHub auf ein drolliges Design.

Oran­ge­Coat

Bild: 404-Seite von OrangeCoat
Screen­shot der 404-Seite von Oran­ge­Coat; Quelle: https://www.oran­ge­coat.com/dear-happy-internet-traveler

Auf der Feh­ler­sei­te von Oran­ge­Coat gehen Sie der Ursache ganz genau auf den Grund. Mithilfe des – nicht ganz so ernst gemeinten – Fluss­dia­gramms finden Sie heraus, warum die 404-Seite angezeigt wird und was Sie un­ter­neh­men können, um das Problem zu beheben.

Jack­rab­bit Design

Bild: 404-Seite von Jackrabbit Design
404-Feh­ler­sei­te von Jack­rab­bit Design; Quelle: https://www.jum­ping­jack­rab­bit.com/404

Auch die Mar­ke­ting­agen­tur Jack­rab­bit Design prä­sen­tiert ihre Feh­ler­sei­te verspielt. Anstelle der ge­wünsch­ten Seite wurden immerhin ein paar animierte, hüpfende Hasen gefunden.

Fork

Bild: 404-Seite von Fork
Kreative 404-Seite von Fork; Quelle: https://www.fork-cms.com/404

Der Online-Auftritt des Content-Ma­nage­ment-Systems Fork hält es eher maritim (passend zum Corporate Design der Software): Die 404-Seite möchte den Nut­ze­rin­nen und Nutzern weis­ma­chen, dass die an­ge­for­der­te Seite auf hoher See verloren gegangen ist.

Fountain of Youth

Bild: 404-Seite von Fountain of Youth
Screen­shot der 404-Feh­ler­sei­te von Fountain of Youth; Quelle: https://www.fo­un­tai­nof­y­outh.gold/404

Die kreative 404-Seite des Ko­kos­nuss­was­sers Fountain of Youth knüpft nahtlos an den au­ßer­ge­wöhn­li­chen, in­ter­ak­ti­ven Web­auf­tritt an. Wer hier auf eine nicht abrufbare Seite stößt, bekommt einiges geboten.

Airbnb

Bild: 404-Seite von Airbnb
Screen­shot der lustigen 404-Seite von Airbnb; Quelle: https://www.airbnb.de/404

Neben vielen nütz­li­chen Links bietet die Plattform für die Suche nach privaten Un­ter­künf­ten auf ihrer 404-Seite eine kleine Animation, bei der ver­se­hent­lich eine Kugel Eis verloren geht.

Plu­ral­sight

Bild: 404-Seite von Pluralsight
Screen­shot der Plu­ral­sight-404-Seite; Quelle: https://www.plu­ral­sight.com/404

Bei der Online-Pro­gram­mier­schu­le Plu­ral­sight werden Be­su­che­rin­nen und Besucher auf der Feh­ler­sei­te von Lamas begrüßt. Der Rat: Den Tieren nicht in die Augen schauen und ganz langsam nach si­che­re­ren Seiten Ausschau halten.

Steve Lambert

Bild: 404-Seite von Steve Lambert
Screen­shot der kreativen 404-Seite von Steve Lambert; Quelle: https://vi­sit­s­te­ve.com/404.html

Die 404-Webseite des Künstlers Steve Lambert ist eine der son­der­bars­ten Seiten ihrer Art. Der Künstler wendet sich in diesem mehr­mi­nü­ti­gen Video direkt an die fehl­ge­lei­te­ten Be­su­che­rin­nen und Besucher. Sein Gerede ist dabei ähnlich in­halts­leer wie der Raum, in dem er sich befindet, bzw. wie die Webseite, auf der man gelandet ist.

Gamespot

Bild: 404-Seite von Gamespot
Screen­shot der in­ter­ak­ti­ven 404-Seite; Quelle: https://www.gamespot.com/404/

Passend zu den Inhalten der Gamespot-Website bietet auch diese Feh­ler­mit­tei­lung ein kleines Brow­ser­spiel.

Zum Hauptmenü