1. Blizzard Entertainment
Le premier membre de notre top liste est une société américaine bien connue, Blizzard Entertainment. Blizzard s’est lancé dans le développement de jeux et a mis au point des produits aussi connus que : World of Warcraft, StarCraft, Heroes of the Storm, Diablo, Overwatch. La 404e page ressemble à un écran cassé montrant un site web cassé.
2. JACK DANIELS
Une marque de boissons alcoolisées de renommée mondiale a également fait son apparition sur la page 404. Le client peut voir la route vide et le texte « On dirait que tu es perdu, mon pote ». La page est conçue dans un style d’entreprise, et grâce au système de navigation, il est facile de revenir à la page souhaitée.
3.Tproger
Belle application de la 404e page dans un style chaud des rédacteurs de Tproger (un projet sur le développement et tout ce qui y est associé). En plus de l’état de l’erreur, l’utilisateur peut regarder une vidéo amusante, ce qui améliorera certainement l’humeur après une mauvaise recherche.
4. Github
Une belle application du style d’entreprise pour une page 404. Pour cela, Github a pris son logo (le chat-pieuvre) et l’a stylisé pour qu’il ressemble à « Zorian Wars ».
5. Geekbrains
Geekbrains est un célèbre portail russe consacré à l’enseignement en ligne. Si un utilisateur clique sur la 404e page, l’une des 3 vidéos thématiques sera montrée pour confirmer l’erreur. Il est également possible de laisser une notification concernant l’erreur ou de retourner à la page principale.
6. Adidas
Adidas a décidé de ne pas s’écarter de son style d’entreprise lors de la conception de la page de l’incident. Nous voyons un merveilleux exemple de minimalisme dans la conception de sites web, ainsi qu’un texte qui nous incite à ne pas abandonner.
7. Emailcenter
Probablement l’une des pages 404 les plus célèbres qui a apporté un grand trafic et une grande popularité à Emailcenter. Conçu dans un style grotesque, il vous demande de retirer quelqu’un de l’équipe de développement en signe de punition. L’utilisateur peut également choisir de désavouer les programmeurs et de revenir sur le site.
8. Marvel
Marvel, le célèbre éditeur américain de bandes dessinées, montre une merveilleuse application de la 404e erreur. La page elle-même est disponible en plusieurs variantes, chacune dans le style de la boîte en question. Outre la beauté de son design, Marvel a également conçu une interface conviviale qui vous aidera à vous remettre en selle.
9. Crello
Le service d’édition d’images en ligne Crello dispose d’une page 404 magnifiquement conçue dans un style humoristique. La coloration bleue de la page n’est pas la seule explication de cette erreur.
10. Sketch
La société Sketch a décidé de concevoir sa 404e page dans un style d’entreprise. Un bon exemple de style d’entreprise et de simplicité dans la navigation.
11. Red Bull
Le célèbre fabricant de boissons énergisantes Red Bull assume pleinement son style. En cas d’erreur, l’utilisateur se retrouve sur une page avec une vidéo spectaculaire et le texte suivant : « Hum, c’est spontané. Où est passée la page ? ! »
12. Cayenne
Le studio de design italien Cayenne a imaginé une variation fascinante de la page 404. Il est conçu dans le style d’un dialogue entre un utilisateur et un modérateur, où ce dernier propose au visiteur des options pour résoudre son problème.
13. Aviasales
Le service de recherche de billets d’avion Aviasales a décidé de concevoir la page 404 dans un style corporate. Une autre « caractéristique » de ce système est qu’après un certain temps, de petites images des avions commencent à apparaître sur la page.
14. LEGO
LEGO, l’un des principaux fabricants mondiaux de jouets pour enfants, a également décidé d’ajouter son propre style d’entreprise, à triple veste, à la 404e page.
15. Studiofables
Le studio de design français Studiofables a décidé d’aborder la conception de la 404e page avec sa propre saveur. L’utilisateur est invité à se calmer, à regarder une vidéo sur trois porcelets, puis à se rendre sur la page principale de la ressource.
16. ITcluster
Le cluster informatique de Lviv a également décidé d’être créatif. En cas d’erreur, le spectateur est accueilli avec la page originale 404 et un bouton pour revenir à la page principale.
17. Pixar
Le studio multijoueur Pixar a décidé de suivre son style standard dans la conception de la page 404. En cas d’erreur, le visiteur sera invité à ne pas pleurer et à expliquer qu’il ne s’agit que d’une erreur 404.
18. 20th Century Fox
La 20th Century Fox a fait un bon travail sur sa 404e page. Le spectateur, par hasard, se voit présenter l’une des options de conception, chacune avec une vidéo et un texte unique.
19. Planet Cinema
La chaîne de cinémas Planet Kino a décidé, en plus d’adhérer à son style, d’utiliser la célèbre phrase d’Apollo 13. En outre, un bouton pratique permet de revenir à l’écran principal.
20. Dépôt de startup
L’incubateur d’entreprises Startup Depot, basé à Lviv, est le premier de notre liste à utiliser le mème « Pulp Fiction » de Vincent Vega pour la 404e page. Ce moment de cinéma est très populaire pour expliquer l’incompréhension de certains discours, son utilisation est donc certainement déconseillée.
21. MentorMate
MentorMate a décidé d’opter pour une approche simple et éprouvée. Le code d’erreur « 404 » a une belle image. Dans ce cas, une tasse de kava et des chiffres dans le style coloré du site.
22. Spécialisé
Specialized vend des bicyclettes et des accessoires, donc cette page 404 leur convient parfaitement.
23. 9GAG
Comme nous l’avons déjà noté, StartupDepo n’est pas le seul à utiliser le mème Vincent Vega. Le même moment du film a également été utilisé par la plateforme en ligne 9GAG. Compte tenu de la quantité de contenu humoristique dans le service, cette décision est idéale.
24. Orangecoat
La société de design Orangecoat a en effet trouvé une solution originale pour la page 404. Lorsque l’utilisateur arrive à la 404e page, il voit un diagramme qui fournit des réponses immédiates à la plupart des questions courantes.
25. Teehan+Lax
Si vous accédez à la page 404 du site Web de l’agence créative Teehan+Lax, vous verrez apparaître l’une des nombreuses variantes de l’erreur 404. Chacun utilise un nouveau corps avec le message « Ça a mal tourné ». Très, très, très mal ».
26. Hakim.se
Le mur 404 de Hakim.se, conçu par le designer et développeur suédois Hakim El Hattab, ravira tous les fans de l’œuvre d’Howard Philip Lovecraft. Immédiatement après la transition, des dizaines d’yeux effrayés commencent à fixer l’utilisateur et celui-ci est invité à revenir à la page principale du site.
27. Les astuces CSS
Sur le portail CSS-tricks, la page d’erreur 404 est conçue dans un style minimaliste et thématique. Lorsqu’un utilisateur accède à cette page, il voit un fond blanc et un espace derrière lequel le code de la page web est visible. Le seul inconvénient de cette idée est qu’il n’est pas possible de continuer à travailler sur le site.
28. Le New Yorker
The New Yorker est un célèbre trimestriel américain publié depuis 1925. La 404e page est conçue dans un style d’entreprise et dispose d’une navigation pratique.
29. Dribbble
Dribbble est une équipe de conception bien connue qui a également conçu de manière magnifique sa 404e page. Dans ce cas, le visiteur est informé que le matériel qu’il recherche n’existe pas, et que l’arrière-plan est une nuance de lumière colorée.
30. SumatoSoft
Sumatosoft a adopté une approche imaginative et humoristique de la conception de l’erreur 404. Un plateau volant qui affiche une corvette – quoi de mieux pour illustrer la page 404 ?
31. Skipio
L’équipe du service de distribution Skipio a réussi à créer un design saisissant pour sa page 404. Elle dépeint un homme qui s’est perdu et qui n’a pas pu trouver ce qu’il cherchait. Cependant, il peut regarder autour de lui et trouver d’autres « biens » de ce service, comme le texte nous en informe.
32. CoolFarm
La société de biotechnologie CoolFarm a trouvé une excellente solution pour sa 404e page. Lorsque le visiteur arrive sur la page d’erreur, il peut jouer au classique intemporel Space Invaders. Une excellente idée pour garder l’utilisateur sur le site.
33. Squarespace
La page 404 du site Squarespace est simple et avec du style. Nous voyons une photo assombrie du centre de commandement, du texte et un grand bouton pour revenir à la page principale du site.
34. DustyMiller.ca
Une application merveilleuse qui démontre que les grandes entreprises ne sont pas les seules à devoir penser à la conception d’une page 404. Ce membre de notre top liste est un site web de portefeuille réalisé par le développeur Dustin Miller. La page est conçue dans le style typique du site et présente un aspect fascinant.
35. Mameilleurecuite
Ce membre de notre top liste a également décidé de fournir à ses utilisateurs une page 404 originale. En cas d’entrée manquée, le visiteur pourra jouer à Pac-Man dans le style du site.
36. Agens
La société de publicité Agens a également travaillé sur la conception créative de la page 404. L’invité sera accueilli par le texte « On dirait que tu es mort dans l’espace » et la photo d’un astronaute sur un astéroïde.
37. Rachel la grande
Une bonne application de la conception de la page 404 par Rachel Nabors. Rachel la Grande est une série de bandes dessinées d’auteur, ce dessin est donc parfait.
38. Fourche cms
Le design du site officiel de Fork cms est sur le thème de la mer, et l’entreprise a décidé de ne pas compromettre son style. Sur la page 404, l’utilisateur est accueilli par Neptune et le message « Cette page est tombée dans la mer ».
39. Incore
L’agence de marketing Incore a également décidé d’aborder la conception de sa page 404 avec style et humour. Le visiteur est accueilli par une image de petits oiseaux et la question « Bonjour, mon ami ». Vous nous cherchez ? Vraiment ? » et un bouton avec le texte « Non, merci. Retournons à Incore ».
40. Daniel Karcher
L’un des membres les plus populaires de notre top liste, www.danielkarcher.com . Non seulement la ressource elle-même est conçue dans un style très intéressant, mais la page 404 a également une idée très intéressante. Avec leur aide, l’utilisateur peut faire un court trajet dans le métro et observer les actions d’une femme photographe. La page elle-même est écrite en utilisant la technologie Flash.
41. Figma
La page 404 de l’outil de prototypage Figma présente une mise en œuvre et une idée intéressantes. Les points de la capture d’écran ci-dessus peuvent être utilisés pour modifier la forme de la 404. Ce style exprime bien l’objectif du service.
42. Pal de réparation
Et voici le design de l’équipe RepairPal pour leur page 404. Une belle image et une interface conviviale pour le formulaire d’appel constituent une bonne façon de concevoir la page d’erreur.
43. Romainbrasier
Une autre application intéressante de la page 404 sur le site portfolio du développeur web. Lorsqu’un utilisateur arrive sur la page de l’erreur, il peut jouer à un analogue du célèbre jeu Lemmings. Un bon exemple de la façon dont vous pouvez démontrer les compétences de votre développeur et impressionner les visiteurs.
44. Batman 3D
Une excellente application pour une erreur 404 du site Web de Batman 3D. Vous n’avez pas trouvé la page que vous vouliez ? Probablement que le Joker l’a détourné.
45. Telltale
Le studio de développement de jeux Talltale est largement connu pour ses produits. Si vous vous rendez sur leur 404e page, vous pouvez voir l’image suivante. Ce design s’accorde bien avec le style multijoueur des produits de l’entreprise.
46. IMDb
IMDb est le plus grand portail et la plus grande base de connaissances de l’industrie cinématographique au monde. La 404e page de ce site est parfaitement conçue. Le minimalisme combiné à l’éclat. Chaque fois que l’utilisateur entre sur le site, il voit une citation des films cultes. Par exemple, dans la capture d’écran ci-dessus, la citation tirée du Seigneur des Perses se lit comme suit : « Rappelle-toi toujours, Frodon, la page essaie toujours de revenir à son maître. Elle veut être trouvée. »
47. Netpeak
Un bon exemple de page 404 dans le style de l’entreprise est le travail de Netpeak. En plus de vous avertir de l’erreur, vous pouvez également utiliser un outil pratique pour continuer à naviguer sur le site.
48. Elativeagency
L’agence créative Elativeagency a conçu sa page 404 dans un style humoristique. L’image captivante et mignonne aidera le spectateur à ne pas être envieux du matériel non familier.
49. FOX
Si vous avez déjà accédé à la 404e page du site web de la FOX, vous serez accueilli par une proposition intéressante. Elle montre les détectives qui vous demandent de cliquer sur la page qui a disparu.
50. La Maison du logiciel
The Software House est le dernier participant à notre liste de tête. Un design simple et élégant dans la tradition du corporate design est une bonne pratique pour les sociétés de développement.
Visnovok
Dans le cadre de cet article, vous avez pu lire 50 exemples de bonne conception de pages 404. Certains des participants de la liste de tête ont fait très attention à leur style d’entreprise et ont fait des pages classiques sur cette erreur. D’autres, en revanche, n’avaient pas peur de prendre des risques et d’expérimenter le style. Nous espérons que vous avez trouvé cet article utile et intéressant. Si vous n’avez pas encore créé vos propres pages 404, nous vous recommandons de le faire rapidement. Selon le type de site, le public et ses propres souhaits, vous pouvez appliquer différentes variantes de design. Et si vous en avez besoin, vous pouvez toujours nadihtysya participants de notre top. Restez avec nous, il y a encore beaucoup de choses intéressantes à venir !
Commentaires récents