Prix et distinctions
Comment les jurys Awwwards évaluent-ils réellement un site web ?
Les jurys Awwwards évaluent le design, l’utilisabilité, la créativité et le contenu selon une pondération publiée. Pour une entreprise, cette grille peut devenir un outil de préparation : elle oblige à regarder le projet sous plusieurs angles, au-delà de la première impression de la page d’accueil.
L'essentiel.
Awwwards publie quatre critères d’évaluation. Pour préparer un projet, il faut traduire ces dimensions en preuves observables sur le site : hiérarchie, parcours, idée propre à la marque et contenu réel. Une grille sert à corriger, pas à prédire une victoire.
- La grille publiée attribue 40 % au design, 30 % à l’utilisabilité, 20 % à la créativité et 10 % au contenu.
- La préparation doit porter sur plusieurs pages et sur les parcours complets.
- Une intention créative devient convaincante lorsqu’elle se vérifie dans l’expérience réelle.
- L’autoévaluation aide à prioriser les corrections ; elle ne simule pas un jugement officiel.
Elle ne fournit cependant pas une recette de victoire. Une équipe ne peut ni reproduire le regard du jury ni déduire une récompense d’une note interne. Le bon usage de la grille consiste à repérer les fragilités du site, puis à expliquer les choix qui font sa singularité.
Lire la grille sans réduire le site à une moyenne
Ces pondérations figurent sur la page officielle du système d’évaluation Awwwards. Elles indiquent les dimensions prises en compte. Elles ne signifient pas qu’un défaut d’usage devrait être accepté parce qu’un autre critère pourrait le compenser.
Dans une revue de préparation, traitez d’abord les problèmes qui empêchent la visite. Un menu inaccessible, un contenu absent ou une interaction qui bloque le parcours ne deviennent pas négligeables après l’ajout d’une image spectaculaire. L’équipe doit distinguer une préférence esthétique, discutable, d’un fonctionnement impossible à constater.
Pour chaque dimension, formulez une question et cherchez un élément observable. « Le design est-il fort ? » reste vague. « La hiérarchie permet-elle de distinguer le message, la preuve et l’action sur les pages clés ? » conduit à une vérification. Le tableau suivant propose une traduction de studio ; il ne s’agit pas d’une sous-grille officielle.
| Dimension | Question de préparation | Élément à examiner |
|---|---|---|
| Design | Les choix visuels forment-ils un ensemble précis ? | Composition, typographie, images, états d’interface |
| Utilisabilité | Peut-on accomplir les tâches prévues ? | Parcours, repères, contrôles, retours d’état |
| Créativité | L’idée appartient-elle réellement au projet ? | Relation entre concept, marque et interaction |
| Contenu | Le site mérite-t-il d’être exploré ? | Informations, preuves, texte, médias réels |
Préparer une revue qui traverse le site
Choisissez des parcours représentatifs plutôt qu’une suite de captures flatteuses. Commencez par une découverte depuis l’accueil, puis ouvrez une page intérieure directement. Reprenez une visite après une interruption. Essayez enfin l’action principale : prendre contact, comparer, réserver ou accéder à une ressource.
À chaque étape, consignez l’intention du designer et ce que la personne peut effectivement comprendre ou faire. Un mouvement peut sembler explicite à celui qui l’a conçu et rester ambigu pour un visiteur. L’écart doit être décrit précisément, avec une reproduction du problème, pas avec une remarque générale comme « manque de fluidité ».
Ajoutez des contenus moins favorables : un titre long, une image au cadrage inhabituel, une fiche très détaillée. Cette variation révèle si le système visuel tient au-delà de la démonstration initiale. Elle complète la recette de fidélité aux maquettes, sans se limiter à la ressemblance d’un écran figé.
De la grille aux observations
- Design — 40 %Vérifier la cohérence des compositions et des états réels.
- Utilisabilité — 30 %Parcourir le site et accomplir les tâches attendues.
- Créativité — 20 %Relier le concept à la marque et à son fonctionnement.
- Contenu — 10 %Examiner les informations, les preuves et les médias disponibles.
Arbitrer les corrections avant d’ajouter des effets
Classez les constats dans trois groupes : empêchement, incohérence et amélioration. Un empêchement bloque une tâche ou l’accès à un contenu. Une incohérence affaiblit la relation entre les pages, les supports ou les intentions. Une amélioration apporte une qualité supplémentaire à une expérience déjà compréhensible.
Cette distinction évite de consacrer le dernier temps disponible à une animation supplémentaire alors qu’un formulaire n’est pas utilisable. Elle donne aussi une manière de discuter avec le client. On ne lui demande pas d’arbitrer abstraitement entre « design » et « technique », mais entre des conséquences observables pour la visite.
Le Developer Award reconnaît spécifiquement la qualité de réalisation et l’interopérabilité. Il mérite une préparation dédiée, expliquée dans notre article sur les différentes distinctions Awwwards. Un audit automatique, une capture de performance ou un choix de bibliothèque ne constitue pas, à lui seul, une démonstration de cette qualité.
Exemple pédagogique : une signature qui se perd en route
Imaginons le site fictif d’une maison d’édition indépendante. L’accueil utilise un principe original : les livres se regroupent selon les questions qu’ils explorent. Le visiteur comprend ainsi le regard de l’éditeur. Cependant, les pages de livres abandonnent ce principe pour une présentation générique et ne permettent pas de rejoindre les autres titres du même ensemble.
La première correction n’est pas de renforcer l’animation des couvertures. Elle consiste à prolonger l’idée dans les relations entre contenus : retrouver une question, explorer un autre livre et comprendre le lien éditorial. La créativité gagne alors une présence dans le parcours, pas seulement dans l’ouverture.
Une seconde revue vérifie les données réelles : titres longs, auteurs multiples, ouvrages indisponibles. L’équipe relève les cas qui cassent la composition et les corrige. Elle peut ensuite envisager sa candidature avec une description claire de l’idée et de ses limites. Aucun résultat de concours n’est supposé dans cet exemple : le progrès recherché est celui du site lui-même.
Questions fréquentes
Faut-il maximiser chaque critère séparément ?
Une expérience fonctionne comme un ensemble. Un choix visuel peut servir la compréhension et exprimer la marque simultanément. Chercher des améliorations isolées pour chaque case risque d’accumuler des dispositifs contradictoires. Gardez une intention centrale et vérifiez comment chaque décision y contribue.
Peut-on utiliser une note interne sur dix ?
Oui, comme support de discussion, si les évaluateurs expliquent leurs observations. Ne présentez pas cette note comme équivalente à celle d’un jury. Une liste de problèmes reproduits, de corrections et de preuves est généralement plus utile qu’une moyenne dont les participants interprètent différemment les niveaux.
Combien de pages faut-il examiner ?
Il n’existe pas de nombre universel adapté à tous les projets. Couvrez les principaux types de pages, les chemins importants et les situations qui sollicitent le plus le système. Un petit site peut être revu intégralement ; un ensemble vaste demande un échantillonnage justifié et des contrôles transversaux.
Sources
Sources officielles consultées le 8 novembre 2026 : Awwwards — Evaluation System ; Awwwards — Developer Award.
Préparer une lecture exigeante avec LVX
L’approche proposée par LVX consiste à transformer une ambition de reconnaissance en décisions vérifiables. Nous pouvons cadrer une revue qui relie direction artistique, parcours, contenus et réalisation, puis hiérarchiser les écarts à corriger. L’intérêt de cette démarche reste concret même sans récompense : un concept mieux tenu, des pages plus cohérentes et une expérience qui supporte l’examen attentif. La préparation d’une candidature vient ensuite, à partir de ce qui fonctionne réellement et de ce que le projet peut démontrer honnêtement. Découvrir notre approche.
