Choisir des sites pour une liste des 10 meilleurs sites Web est toujours un défi, car les opinions varient considérablement sur ce qui constitue un excellent design. Cependant, ces sites, parmi une grande variété de catégories, ont été choisis en fonction de l’affichage du contenu, de la facilité d’utilisation, de l’impact visuel et de la reconnaissance des présentateurs de prix Web ou des évaluateurs de sites.
Table des matières
10 designs de sites Web primés
1. Négatif noir
Site Web négatif noir
Chaque année, Awwwards nomme 365 sites Web du jour, 12 sites Web du mois et, enfin, le site Web de l’année. Le gagnant de 2012, Black Negative, est un design frappant axé sur l’art et le visuel qui adopte l’approche unique du défilement horizontal.
Lorsque vous arrivez sur le site, qui est mieux vu dans Chrome ou Firefox, vous verrez l’une des fonctionnalités les plus intrigantes du site est les multiples façons dont le nouveau contenu est chargé. Black Negative a supprimé les liens ennuyeux et a plutôt créé des moyens interactifs et visuellement convaincants de rebondir entre les pages et le contenu. Selon les concepteurs du site, l’objectif de l’équipe de conception était de «… créer une expérience unique qui raconterait une histoire à l’internaute et le surprendrait…» Ils ont définitivement atteint leur objectif.
2. Centre médical catholique
Site Web du Centre médical catholique
Bien qu’il puisse être difficile d’imaginer un site Web médical faisant partie des meilleurs de la liste d’Interactive Media Council, l’utilisation efficace des images médicales par le Catholic Medical Center vous donne presque envie de visiter un hôpital. Lors de la conception du site, l’objectif du Centre était de «… mettre davantage l’accent sur la qualité des soins et les centres spécialisés et spécialisés tout en créant une présence en ligne positive et engageante».
Outre les images fortes utilisées pour créer l’expérience engageante, un autre exemple de la qualité de la conception du site est la possibilité pour les utilisateurs de trouver toutes les informations dont ils ont besoin directement à partir de la page d’accueil. Les liens de navigation mènent les utilisateurs vers des médecins, des conditions médicales ou des informations sur les visiteurs sans quitter la page, puis le contenu n’est qu’à un clic.
3. DLJ Real Estate Capital Partners
Site Web des partenaires de DLJ Real Estate Capital
Gagnant des prix Horizon Interactive Awards Best of Category, DLJ est un site visuellement époustouflant qui utilise une expérience de navigation verticale et horizontale pour guider l’utilisateur. Bien que le site place en toute sécurité un menu de navigation en haut de chaque page, ce sont les flèches simplistes qui donnent à l’utilisateur tous les indices de navigation nécessaires pour trouver quoi que ce soit.
Malgré la dépendance du site à des images fortes, chaque fois que du texte est requis, il est toujours présenté dans un format facile à lire. Gagner un prix Horizon Interactive Award est une énorme réussite, mais ramener le meilleur de sa catégorie est encore plus impressionnant en raison de la nature compétitive du prix. Chaque année, HIA reçoit des milliers d’entrées du monde entier.
4. Peugeot
Site Web Peugot
Lorsque la Web Marketing Association juge un site, elle examine l’ensemble du site et prête une attention particulière à la créativité et à la fonctionnalité du site, ainsi qu’à l’expérience interactive globale. La gagnante du Best of Show de cette année, Peugeot, est en grande partie captivante parce qu’elle apporte une nouvelle touche à un thème commun.
Tout ce que vous faites vraiment sur le site est de sélectionner la couleur, les jantes et les accessoires pour une voiture, mais les concepteurs intelligents ont transformé ces activités en un jeu. Votre rôle en tant qu’utilisateur est d’aider le conducteur à échapper à la sécurité pendant qu’il essaie de s’enfuir avec le véhicule. Le site montre clairement à quel point la réflexion sur un moyen de présenter un sujet commun peut être tout aussi importante que la façon dont le site est conçu.
5. Marcus Thomas LLC
Site Web de Marcus Thomas LLC
En plus de juger un site basé sur la créativité et l’innovation, le prix du concours de publicité sur Internet examine également des attributs tels que l’impact, la rédaction et la mémorisation. À certains égards, Marcus Thomas LLC, lauréat du prix 2013, semble un peu simpliste, mais c’est la beauté du design.
Lorsque vous arrivez sur le site, vous êtes immédiatement attiré par l’équilibre du texte et des images, ainsi que par la déclaration audacieuse «Nous sommes une agence d’idées». Faisant bon usage des graphiques, des citations extensibles et de l’utilisation libérale du canevas vertical, chaque défilement vers le bas révèle de nouveaux éléments d’intérêt tout en maintenant la navigation supplémentaire fermement fixée en haut de la page.
6. Adobe: le Web expressif
Site Web expressif d’Adobe
Si vous êtes un développeur Web apprenant et maîtrisant HTML 5 et CSS3, assurez-vous de mettre en signet le site Web Expressive d’Adobe. Nommé l’un des 5 meilleurs sites Web HTML par eBiz | MBA, le Web expressif présente certaines des fonctionnalités les plus avancées de HTML5 et CSS3.
Le site prend une fonctionnalité, comme les formulaires HTML5, vous donne une représentation fonctionnelle de la fonctionnalité, explique une stratégie de «secours» pour les navigateurs qui ne prennent pas en charge la fonctionnalité et offre des ressources afin que vous puissiez en savoir plus sur le concept. Il existe également des icônes qui indiquent quels navigateurs prennent en charge un attribut donné. Le site est mieux visualisé dans Chrome, Firefox ou Safari car certaines fonctionnalités HTML5 ne fonctionnent pas dans Internet Explorer.
7. Polygone
Site Web Polygon
Aucune liste ne serait complète avec un site de jeux. Polygon, nommé dans les 17 sites de Mashable pour l’inspiration de la conception Web, combine avec succès de grands et petits blocs d’informations. Il prend le contrôle créatif des images et des espaces blancs tout en tirant pleinement parti du défilement vertical.
Que vous soyez un joueur ou non, il est facile d’apprécier la grande quantité d’informations qui sont rapidement et facilement accessibles. Tim Wong, designer senior au Washington Post», est cité dans l’article et résume le mieux quand il dit, ils (Polygon)«… sans vergogne, il se passe beaucoup de choses. Ce style convient à ma courte durée d’attention et favorise la découverte fortuite de nouveau contenu.
8. Magazine Escapist
Site Web du magazine Escapist
Escapist Magazine est une autre entrée sur la liste de Mashable. Comme Polygon, ce site utilise le défilement vertical à son avantage. Dans sa critique, Erik Hinton, développeur de nouvelles interactives à Le New York Times», déclare:« Les concepteurs de jeux ont des années-lumière d’avance sur la plupart des créateurs d’applications et de sites Web pour se poser des questions sur ce qu’implique l’interactivité et sur la manière dont le jeu est significatif.
Hinton a raison car parmi les nombreux atouts du site, il y a la quantité d’informations et la navigation au-dessus du pli. Cependant, même dans le premier défilement de la page, vous avez accès aux forums, aux dernières nouvelles et colonnes, ainsi qu’aux informations que tout joueur souhaiterait. Il n’est pas étonnant que les joueurs affluent sur le site.
9. Maisons vertes et saines
Site Web des maisons vertes et saines
Green and Healthy Homes est un autre gagnant sur la liste du Conseil des médias interactifs. L’utilisation intensive de l’imagerie sur ce site attire l’utilisateur. En tant qu’association à but non lucratif, la possibilité de partager du contenu et de faire des dons faciles à faire est primordiale. Ces deux tâches sont réalisées de manière transparente.
Dans son évaluation du site, IMC a noté: « La conception du site utilise des visuels saisissants et attrayants, une visualisation de données ciblée et une iconographie pour guider le public vers des ressources utiles et des actualités. Le site offre une expérience utilisateur propre sur tous les appareils (ordinateur de bureau, tablette et mobile. ) en utilisant du HTML conforme aux normes et des styles CSS réactifs. » Étant donné que beaucoup de ses utilisateurs accèdent vraisemblablement au site à l’aide d’un appareil mobile, garantir son accessibilité est une nécessité conviviale.
10. Victoria Spicer
Développeur pour la scénographe basée à Londres, Victoria Spicer, a remporté un Awwward pour le meilleur design et le site a également remporté le site du jour en août 2017. Le site présente les décors, les coordonnées, les projets et les galeries de Victoria Spicer. Avec une sensation nouvelle, il est simpliste et minimaliste de la manière la plus sophistiquée avec des graphismes nets et une sensation lumineuse et colorée.
Créer un site de qualité
Une contribution importante que ces prix ont apportée à Internet, outre l’amélioration de la conception, est une bibliothèque en ligne d’idées sur la façon de relever presque tous les défis de conception. Les sites récompensés par ces prix montrent comment des designers qualifiés peuvent transformer un contenu stimulant en un site à la fois fonctionnel et visuellement attrayant.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
