30 exemples de pages d'erreur HTTP 404 frappantes et créatives 2021

Publié: 2021-05-12

De temps en temps, votre recherche sur Internet se heurte à un message qui lit quelque chose comme "Erreur HTTP 404". Cela peut se produire lorsque le lien de la page que vous avez recherchée a été modifié, déplacé ou qu'il est tout simplement introuvable sur le serveur. Ou, il peut avoir été complètement supprimé ; peut-être avez-vous même tapé la mauvaise URL. Quelle que soit la raison, vous vous êtes égaré sur l'autoroute Internet et un message d'erreur 404 est le moyen de vous le faire savoir.

Juste au cas où vous n'auriez jamais rencontré un message comme celui-ci auparavant, vous pouvez essayer ceci : tapez l'URL de n'importe quel site Web et suivez le '/' à la fin avec une chaîne de charabia. De telles erreurs sont inévitables ; des liens rompus, des URL inchangées et de nombreuses autres raisons peuvent entraîner l'apparition d'une erreur 404 sur votre site. Cela risque d'être très ennuyeux pour le visiteur et lui donnera envie de s'éloigner de votre site. Cependant, il ne doit pas en être ainsi. Vous pouvez concevoir la page d'erreur 404 avec un peu de soin afin qu'elle suscite un certain intérêt ou amusement chez le visiteur, faisant ainsi s'attarder un peu plus sa souris sur votre site Web. Cet amusement peut laisser un bon souvenir et peut leur donner envie de revenir plus tard.

Ainsi, il est logique de concevoir une page d'erreur avec un certain soin. Rediriger un visiteur, l'aider à faire avancer sa recherche ou simplement lui redonner le sourire contribuera grandement à assurer des visites répétées. Certaines manières imaginatives dont les pages d'erreur 404 ont été conçues sur certains sites Web sont mises en évidence dans les exemples qui suivent.

Maxemail

emailcenteruk-404-not-found-error-example
Maxemail, anciennement Email Center UK, propose des services de marketing par e-mail. Sur le site Web, vous comprendrez que le marketing par courriel n'est pas simplement un exercice de constitution de listes. La page d'erreur de ce site Web indique que les membres de l'équipe de développement se pointent du doigt pour savoir qui devrait être licencié pour la gaffe. Vous verrez également le chemin du retour avec un lien vers la page d'accueil.

Novak Djokovic

novakdjokovic-creative-404-erreur-page-exemple
L'humour hors court de ce joueur de tennis professionnel est visible dans la page 404 de son site internet. Il demande aux visiteurs s'ils recherchent des balles perdues. Vous êtes alors redirigé vers le menu.

Poisson mou

limpfish-minimal-error-404-page-example
Ceci est le site de David Barton, un artiste. La page 404 est pleine d'esprit et se présente sous la forme d'une petite annonce, avec la légende "Fichier introuvable" trouvant une place dans la fente habituellement réservée à un numéro de téléphone de contact.

Super-amoureux

superlovers-server-404-error-page-example
C'est le site d'un studio de création français qui fait du design, à la fois en version papier et numérique. La page d'erreur vous informe que les anges ont la cabine téléphonique. Cependant, vous pouvez accéder au menu à partir de cette page et retrouver votre chemin vers la maison.

Incore

incore-minimal-404-not-found-error-example
Incore est une agence de marketing numérique. Leur page 404 est une allumeuse présentant l'image de deux vautours menaçants et demandant aux visiteurs perdus s'ils les recherchent vraiment ou s'ils aimeraient être renvoyés chez eux.

AndroidDev101

androiddev101-not-found-error-example
Sur ce site Web, on peut garder un œil sur les événements dans le monde des androïdes. La page 404 de ce site Web vous avertit du manque de compétences de navigation qui vous a conduit à la page d'erreur en premier lieu.

taux de renard

foxrate-not-found-error-example
Foxrate propose une application gratuite basée sur un navigateur pour rassembler les avis des clients à partir de divers canaux de vente. Un petit chien regarde à travers le '0' dans le 404, pour vous dire qu'aucun renard ne peut être trouvé sur la page d'erreur.

Agens

agens-perte-page-erreur-exemple
Agens a pour mission d'avoir des idées numériques brillantes et de les transformer en produits fonctionnels. Ils ont un astronaute perdu dans l'espace, errant et portant un drapeau 404. La légende suggère que vous jetiez un oeil à des projets récents.

Panda qui s'ennuie

boredpanda-404-erreur-page-exemple
Bored Panda est une communauté pour les créatifs. Il a des sections sur l'art, la photographie et le design. Un panda jure sur la page 404 qu'il n'a pas mangé les pages que vous recherchez. Les publicités sont portées sur la droite, et le menu reste en haut de la page.

Diffusion d'extension

expansionbroadcast-error-page-example
Les podcasts sortent de ce site Web et les listes de pistes sont présentées ici. Cette page 404 fait une fouille et vous traite de connard et est fière d'être présentée dans le Smashing Magazine.

Capitaine Dash

capitainedash-dark-404-erreur-exemple-page
Captain Dash est un site Web qui propose des services de gestion de données. Une application permet de convertir toutes les données ennuyeuses en informations significatives. La page d'erreur est assez simple et vous demande si vous cherchez Captain Dash dans les coulisses. Vous pouvez leur envoyer un e-mail à partir de cette page ou revenir à la page d'accueil.

Poires étranges

oddpears-drôle-404-erreur-page-exemple
Odd Pears vend des chaussettes de qualité conçues de manière créative. En termes simples, ce sont des chaussettes magnifiquement dépareillées qui expriment l'individualité. La page d'erreur 404 montre une chaussette jurant, après avoir percé un trou au gros orteil et vous avoir fait peur en vous faisant croire que vous avez cassé leur site Web.

Espry

wearespry-not-found-404-error-page-example
Espry se décrivent comme des artistes, des créateurs et des visionnaires du monde numérique. Leur page 404 a un chien mignon qui a l'air confus et qui porte une expression perdue, avec un bouton d'appel à l'action conseillant au visiteur de rentrer chez lui.

Détecteur d'animaux

petfinder-creative-not-found-error-page-example
Petfinder est un site Web qui aide les animaux perdus à trouver un foyer qui les adoptera. Vous pouvez appliquer des critères de recherche et trouver un animal à adopter sur leur page d'accueil. Si vous vous perdez en faisant cela, vous verrez un chat pris dans de la laine à tricoter ou un ami à bec vous crier dessus, et vous serez ramené à la page d'accueil. Le menu, les publications et les boutons d'appel à l'action dans la barre latérale sont également présents dans la page d'erreur.

CloudSigma

cloudsigma-404-drôle-erreur-page-exemple
CloudSigma est une installation de stockage Cloud. Si vous vous perdez dans ce site Web, vous rencontrerez leur développeur junior. C'est en fait un chat qui dort sur le canapé pour la plupart, mais qui trouve toujours le temps de faire du codage.

peu

bitly-404-error-page-example
Bitly est une plate-forme de raccourcissement d'URL et de gestion de liens. Un poisson flottant à l'envers dans la page d'erreur vous indique que quelque chose ne va pas ici. Des informations utiles sur les URL sont également fournies sur cette page.

FlixelPix

flixelpix-rien-trouvé-erreur-exemple
Comme vous l'aurez deviné, FlixelPix est un site dédié à la photographie. La page Web affiche entièrement le message d'erreur, avec une suggestion de recherche. Pendant ce temps, un champ de recherche utile est à portée de main.

Swissmiss

swiss-miss-simple-404-error-page-example
Swissmiss est le studio de design de Tina Roth. Dans sa page d'erreur, elle est vue à travers un trou dans le canevas indiquant aux visiteurs de lancer une recherche à partir de là ou de revenir à la page d'accueil.

Woothèmes

woothemes-error-404-page-example
Woothemes est le lieu de prédilection pour acheter des thèmes et des plugins WordPress. Ils sont les auteurs du populaire plugin WooCommerce. Un ninja avec une épée brisée vous permet de savoir que vous avez atterri sur sa page d'erreur, et un champ de recherche bien visible vous aide à poursuivre votre recherche.

Conceptions Studio7

studio7designs-erreur-page-exemple
Studio7 conçoit des applications mobiles et des interfaces utilisateur réactives. Une silhouette d'ours vous permet de savoir que vous êtes au mauvais endroit.

Cuillère Graphiques

cuillèregraphics-404-not-found-error-page-example
Spoon Graphics est le blog de Chris Spooner qui aide les autres à créer des designs sympas. La créativité est évidente dans sa page d'erreur, qui apparaît comme si vous aviez syntonisé un téléviseur à la mauvaise fréquence et vous invite à appeler un ingénieur pour le réparer. Ou, vous pouvez choisir de revenir à la page d'accueil ou aux archives.

Hors de la zone de confort

outofcomfortzone-creative-404-error-page
Out of Comfort Zone est le blog de Frederic Harper, un technicien et un entrepreneur en série. Il porte plusieurs chapeaux et tient à vulgariser la technologie. Sa page d'erreur a un design intelligent, montrant un poisson hors de l'eau hors de sa zone de confort. Vous pouvez appuyer sur n'importe quelle touche pour vous éloigner de la page.

Jess Marks Photographie

jessmarksphotography-page-not-found-error-404
Jess et Marks sont des photographes de mariage. Ils ont gardé leur page d'erreur simple, en utilisant uniquement des nuances de fond gris et des lettres distinctives pour vous informer que vous êtes sur la mauvaise page. Ainsi, vous êtes invité à revenir au menu ou à accéder à leur blog.

Adham Dannaway

adhamdannaway-not-found-error-page-example
Adham Dannaway est un designer et un développeur front-end. Sa page d'erreur n'est pas la course habituelle du moulin. Yoda émerge d'un écran de bureau et le message est écrit comme si le maître Jedi lui-même parlait.

Soutien de la vie

lifesupport-error-page-example
Life Support est le nom d'une boisson qui traite la gueule de bois. Leur page d'erreur accuse le visiteur d'avoir fait exploser Internet.

Avoa

avioa-page-not-found-404-error-page
Avioa est une configuration de conseil qui aide à élaborer des stratégies commerciales. Ils vous laissent une invitation dans leur page d'erreur pour entrer en contact avec eux.

1er Webdesigner

1stwebdesigner-404-error-page-example
Il s'agit principalement d'une entreprise de conception de sites Web qui se concentre sur le système de gestion de contenu WordPress. Ils vous disent que vous êtes sur la mauvaise page avec un truisme : tous ceux qui errent ne sont pas perdus. A partir de cette page, vous pouvez accéder aux archives, lancer une recherche ou revenir à la page d'accueil.

Marguerite Cho

margaretcho-simple-404-page-erreur
Margaret Cho est une humoriste et personnalité de la télévision, qui fait également des émissions en direct. La page d'erreur sur son site Web vous dit qu'il est normal de se perdre et que Margaret aussi se perd parfois.

Sylvester Stallone

sylvesterstallone-404-erreur-page-exemple
Sylvester Stallone est un acteur qui est passé à d'autres rôles dans la réalisation de films. Il est poli sur sa page d'erreur et propose de vous reprendre. Vous pouvez également parcourir le menu à partir de la page d'erreur.

Les secrets de l'hébergement Web révélés

webhostingsecretrevealed-error-page-example
Ce site Web discute des options d'hébergement pour les sites Web et les examine également. La page d'erreur a Grumpy Cat prétendant avoir mangé la page dans un anglais grammaticalement incorrect.

Certaines des pages d'erreur ci-dessus ont dû attirer votre attention d'une manière ou d'une autre. Peut-être pourriez-vous également nous laisser jeter un œil à vos pages d'erreur ?