Exemples brillants de 404 pages
Page 1 sur 2: Page 1- Page 1
- Page 2
La création de 404 pages n'est peut-être pas en haut de votre liste lors de la conception d'un site Web, mais les meilleures fonctionnent pour transmettre l'identité de la marque et divertir les visiteurs. Bien sûr, idéalement, vous ne voulez pas du tout que les utilisateurs voient une page 404, mais vous pouvez tourner la situation à votre avantage avec un peu de réflexion et utiliser ces pages d'erreur comme ambassadeurs de votre marque.
Les pages Bespoke 404 utilisent une UX intelligente, de l'esprit ou un design époustouflant pour atténuer l'irritation de se trouver au mauvais endroit, et les meilleures sont mémorables et partageables. Cela pourrait être réfléchi Animation CSS , un cool défilement de parallaxe effet, ou une copie nette - quelques-unes des façons d'animer vos pages d'erreur 404.
Nous avons choisi nos pages d'erreur 404 préférées et les avons présentées ici. Ces exemples ont permis de réaliser tout ce qui précède, et plus encore, alors jetez un œil et soyez inspiré pour sortir des sentiers battus avec le vôtre.
01. Merveille
Marvel's a plusieurs versions de ses 404 pages, qui sont (bien sûr) toutes thématiques autour du MCU. Nous avons repéré des références à Hydra (dont l'une est ci-dessus) et à l'œil d'Utau, pour n'en nommer que quelques-unes. Consultez la page pour voir lequel vous obtenez.
02. LEGO
Le Lego 404 page est assez simple mais respire la personnalité. L'expression horrifiée de l'homme Lego, plus la pression sur un slogan de la marque (`` tout est toujours génial '') créent une expérience de page d'erreur dans laquelle vous n'êtes pas désolé d'être tombé.
03. Omelette
Un jeu de mots vous mènera loin, c'est pourquoi nous apprécions Omelette approche de sa page 404. La page de la société créative indique que `` cette page est un œuf '' alors qu'une fissure d'œuf animée prend le dessus sur l'écran. La couleur rouge vif montre qu'il s'agit d'un `` avertissement '' tandis que le thème de l'œuf correspond au nom d'Omlet. Que ne pas aimer?
04. Mantra Labs
Cette 404 page de Laboratoires de mantras est simple mais efficace. Une illustration d'une personne de l'espace flottant dans le «404» accompagne le texte disant «Oups! Vous avez manqué d'oxygène ». Il existe également un compte à rebours pour que vous soyez redirigé vers la page d'accueil. Si vous cligniez des yeux, vous pourriez même manquer cette page 404, même si cela vaut la peine de se tromper exprès juste pour la visiter.
05. Prêt à survivre
Nous aimons tous une bonne référence de film dans une page 404 (et plusieurs d'entre eux sont inclus dans notre liste). Ce site de survie fait référence à The Matrix dans sa page 404 et vous donne deux options: cliquer sur la pilule rouge ou bleue. Naturellement, les deux vous gardent sur le site.
06. Carwow
Ce site de comparaison d'achat de voitures vous aide à trouver la voiture parfaite, mais lorsque vous vous écartez de votre cap, sa page 404 offre un moyen intelligent sur le thème de vous garder sur place. Les visiteurs sont présentés avec un écran de style de jeu 8 bits. Tout ce que vous avez à faire est d'appuyer sur le texte de démarrage pour profiter du simple jeu de défilement horizontal, où tout ce que vous avez à faire est d'éviter les obstacles et autres voitures. Essaie .
07. Ueno
Ueno est une agence à service complet avec une page 404 remarquable. Ce que vous voyez ci-dessus ne capture pas tout l'effort qui y est consacré: le hot-dog est animé, il s'exécute donc dans une boucle infinie à travers un paysage surréaliste, et il y a plusieurs messages explicatifs hilarants à explorer. C'est dingue et totalement unique - visitez la page d'erreur ici.
08. Gymbox
Boîte de gym est une entreprise de gym qui vise à offrir «les cours les plus uniques et les plus diversifiés de Londres». Les limites de cette affirmation pourraient être le genre de magnifique spectacle de fitness des années 80 qui apparaît sur sa page 404. Shorts courts, hauts courts et poussée pelvienne - que demander de plus à partir d'une page d'erreur?
09. Slack
Ce n'est qu'une légère exagération de dire que Slack Mise à jour du logo 2019 a été accueilli avec une horreur généralisée, et sa page super-saccharine 404 est sûre d'avoir aussi sa juste part de haineux. Si vous vous trompez dans Slack, vous vous dirigez vers un paysage magique de feuillages luxuriants, de montagnes et d'arcs-en-ciel, où papillons, poules et petits cochons errent librement. La scène défile également horizontalement avec le mouvement de la souris ( essayez-le ici ).
10. Purée Maison
Purée Maison est une agence de création spécialisée dans la stratégie de communication, et son site Web de caractère regorge d'animations délicieuses (nous vous recommandons regarder autour de toi ). Nous sommes particulièrement fans de cette page 404 surréaliste, qui parvient d'une manière ou d'une autre à capturer parfaitement la douleur de frapper un mur numérique.
11. Pixar
Certaines personnes peuvent prendre les choses un peu trop à cœur. La page 404 de Pixar , mettant en vedette Sadness du très populaire Inside Out de 2015, est simple, direct et fait le travail. Si cela est représentatif de votre réaction face à une erreur 404, vous devez peut-être réexaminer un peu votre vie.
12. Studios du XXe siècle
Vous ne trouvez pas le film que vous voulez? Le Studios du XXe siècle récemment rebaptisés (anciennement 20th Century Fox) a un excellent moyen de vous inspirer lorsque vous obtenez une URL erronée; sa page 404 apparaît avec une image fixe d'un film culte, avec une légende concise et une sélection d'autres films que vous aimeriez peut-être regarder. Nous avons repéré des extraits d'Edward Scissorhands, Revenge of the Nerds et Napoleon Dynamite, entre autres ( regarde pour voir lequel vous obtenez).
13. Cloud Sigma
Cloud Sigma est un serveur cloud et hébergement cloud service opérant aux États-Unis, en Europe et dans la région Asie-Pacifique. Bien que les serveurs cloud flexibles soient utiles, ils ne sont pas vraiment amusants, ce qui explique pourquoi la société a fait un petit effort supplémentaire pour injecter un peu d'humour dans ses page d'erreur 404 ironique . Nous nous demandons combien de temps il faudra avant que ce développeur junior à l'air utile ne soit débauché par la concurrence.
14. BluePath
Le cabinet de conseil en stratégie de données BluePath, basé à Atlanta, est un autre site Web qui utilise l'humour sur sa page d'erreur 404. La page montre une carte d'Atlanta, avec un point de l'autre côté de la page indiquant que le visiteur est «Wayyyy hors de la carte». Dans un lien extrêmement ténu, la carte comprend également des informations basées sur des données montrant les crimes signalés dans la région. 'Pourquoi? Parce que c'est un crime pour lequel vous ne nous avez pas encore embauchés! » Ah, ces analystes de données loufoques.
15. Kualo
hébergement Web La société Kualo est en affaires depuis plus de 15 ans - une éternité dans le temps Internet - et sa page 404 remonte à hier en offrant aux visiteurs un jeu de Space Invaders sur le thème de Kualo. Ce n'est pas parfait. La stratégie clé consistant à décoller les bords extérieurs de la flotte pour ralentir la descente des envahisseurs ne fonctionne pas, pour les débutants. Mais c'est amusant et cela peut vous faire gagner une réduction sur votre offre d'hébergement si vous parvenez à marquer plus de 1000 points. Jouez ici .
Son inclusion dans cet article a également inspiré la société américaine de lutte antiparasitaire Pointe Pest Control à inclure son propre jeu Pest Invaders sur sa page d'erreur 404 , avec différents insectes volants et rampants à pulvériser.
Comme le dit Chloe Zollinger de Pointe: «Atteindre une page d'erreur 404 est le plus souvent frustrant pour un utilisateur du site. Nous comprenons l'importance de l'expérience utilisateur sur une page Web. Pour améliorer l'expérience de nos visiteurs, notre équipe s'est consacrée à la création d'un jeu interactif sur notre page 404. »
16. Eh bien
La page 404 du studio français Waaark est assez agréable à regarder, mais il vaut mieux l'écouter - même si peut-être pas au travail. Inspiré par Stephen Hawking, le guide de l'auto-stoppeur de la galaxie et du portail, il utilise un outil de synthèse vocale JavaScript appelé meSpeak pour vous soumettre à une tirade robotique jurée. Branchez vos écouteurs et regarde .
17. Steve Lambert
L'artiste new-yorkais Steve Lambert décrit cela comme «la page 404 introuvable sur Internet la plus délicate», et vous savez, il a peut-être raison. Il comporte un atroce morceau à la caméra cela continue encore et encore. Nous vous défions d'arriver à la fin de sa vidéo sans qu'aucune partie de votre corps ne se serre.
Page suivante: 404 pages plus inspirantes à explorer
- 1
- deux
Page actuelle: Page 1
Page suivante Page 2
