Updated 20 September 2026 Awwwards The FWA CSS Design Awards

Exhibita

A journal of the best-designed websites

En bref

Fini : les titres géants.Place à : la séquence guidée.

les titres géants sont passés de 25% à 16% des sites primés en un an, tandis qu'un parcours guidé est passé de 22% à 29%. Aucun des deux chiffres ne compte les sites des studios de design eux-mêmes — un studio qui fait sa propre publicité fait un travail différent.

01 — The short answer

Ce qui est tendance

Cinq classements : à quoi ressemblent les gagnants, les couleurs qu'ils utilisent, ce qui bouge, comment les visiteurs sont guidés, et ce qui progresse le plus vite. Chaque ligne montre un gagnant qui l'illustre, et indique s'il est en hausse ou en baisse.

02 — Which way this is heading

Entrées & Sorties

En baisse : les titres géants, de 25 % à 16 %. En hausse : la séquence guidée, de 22 % à 29 %. Chaque mouvement du relevé, compté de deux manières indépendantes, avec ceux sur lesquels les deux décomptes s'accordent marqués.

03 — Ranked by the jury

Les mieux notés

Tous les lauréats récents dans l'ordre où le jury les a notés, les arrivées de la semaine, et le tableau en direct de cinq sources de récompenses.

04 — What they have in common

Tendances

L'ensemble du corpus lu d'un seul tenant : quels traits se regroupent, lesquels ont évolué, et ce qui distingue un type de site d'un autre.

05 — Browse by kind of business

Catégories

Boutiques, musées, restaurants, studios — 20 types de sites, car une boulangerie et une banque n'ont pas le même cahier des charges et ne doivent pas aboutir à la même page.

06 — Browse by decision

Savoir-faire

Couleur, structure et mouvement — les trois décisions que prend chaque projet, et ce que chacune révèle du type de site que l'on fabrique.

07 — What tomorrow looks like

Futurisme

Le travail autour de l'IA, de l'espace et du synthétique partage une esthétique commune — et ce n'est pas celle, sombre et luminescente, vers laquelle chaque brief se tourne en premier.

08 — One list, eight ways

Wire

Les arrivées d'aujourd'hui présentées de huit façons différentes — marquee, affiche, mosaïque, terminal, planche-contact — et ce que chaque arrangement fait au même matériau.

09 — The screen it is really seen on

Phone

Ce que le travail pensé mobile-first fait différemment — l'ordre des choses plutôt que leur apparence — et quels types de sites s'effondrent quand la composition large disparaît.

10 — How people get around a page

Navigation

Quels motifs progressent, lesquels déclinent, et ce que coûte réellement un parcours que les utilisateurs doivent apprendre — mesuré à l'aune des propres critères d'utilisabilité du jury.

11 — Showing your own work

Portfolios

Un portfolio qui gagne est construit à partir de pages, pas de spectacle — une vraie page de projet et une vraie page à propos l'emportent sur tous les effets auxquels recourt le travail client. Six façons de mettre le travail sous les yeux de quelqu'un.

12 — The first screen

Landings

Les pages d'accueil que les galeries mettent en avant cette semaine, et ce qu'un premier écran gagnant affiche avant l'exécution du moindre JavaScript.

13 — What the first screen says

Mots

Les titres tirés des propres pages d'accueil de 288 lauréats, mot pour mot. 78% d'entre eux ne s'adressent à personne — ni vous, ni nous — soit l'exact opposé de tout ce qu'on a jamais préconisé pour l'écriture web.

14 — A sister publication

GoGoViral

GOGOVIRAL : comment les choses se propagent, chaque règle marquée deux fois — une fois pour notre degré de confiance, une fois pour ce que les preuves lui ont fait subir.

15 — Presenting yourself

Designers

Une grille de vignettes à parcourir sur 22% des sites de designers contre 7% des studios, et de la 3D sur 23% contre 35% — avec de vrais designers expliquant leur propre pratique, et une étagère vivante de sites personnels.

16 — The work ahead

Ce qui s'annonce

Quels métiers du design sont en croissance, lesquels sont en déclin, et à peu près quand.

17 — How the numbers are made

Comment c'est jugé

Design 40, utilisabilité 30, créativité 20, contenu 10. Dix-huit jurés, les trois notes les plus extrêmes écartées, et un délai de cinq jours.

18 — Who keeps winning

Studios

Le tableau de tous les temps : quels studios franchissent la barre encore et encore, où ils se trouvent, et les différentes stratégies qui s'y cachent.

19 — Sites taken apart

Dossiers

Des lauréats examinés de près — y compris ceux qui ont décroché le prix suprême avec presque aucune des technologies que tout le monde croit indispensables.

20 — Every Site of the Year

Canon

Le prix suprême du web, réuni en une seule galerie. Faites défiler jusqu'aux plus anciens et vous voilà devant le web plat d'il y a dix ans.

21 — What they are built with

Stack

Comment le mouvement se chorégraphie, comment la profondeur se dessine, et pourquoi ces savoir-faire deviennent enseignables plutôt que rares.

À quoi ressemble vraiment le futurisme

Être sombre ne suffit pas

Hubtown: a glowing monolith on a dark alien landscape — a real-estate developer whose home page looks like science fiction
Hubtown, 7.66 — l'un des plus grands promoteurs immobiliers d'Inde. 91% de l'image est sombre. Elle vend des appartements.

69 sites primés se lisent comme futuristes au premier regard — jugés sur la seule capture d'écran, sujet et texte lisible mis de côté. La plupart ne vendent pas l'avenir. Ils vendent des appartements, des bijoux, des vêtements.

Le fond sombre est réel

Sur ces 69 sites, 44% des couleurs utilisées sont proches du noir. Sur tous les autres sites primés, c'est 33%. Les réalisations qui paraissent futuristes sont réellement plus sombres.

Ce qu'elle n'est pas, c'est suffisante à elle seule. Un quart de tout le reste est sombre aussi, et presque rien de tout cela ne se lit comme futuriste. Une page sombre n'est pas, en soi, une page futuriste.

Ce qu’il fait vraiment

Ce qui les distingue, c'est ce qui se joue par-dessus le sombre. Ce sont les filtres et effets, à 2.48 fois le taux du reste — l'image altérée en direct — grain, flou, déplacement, aberrations chromatiques. C'est un traitement appliqué à une matière ordinaire, pas un style graphique : une photographie décomposée puis réassemblée se lit comme futuriste, et la même photographie posée à plat non.

Ensuite, cela vous retient. Le storytelling tourne à 1.4 fois — vous guidant à travers un ordre fixe — car un avenir est une affirmation plutôt qu'un fait, et une affirmation doit être construite avant de pouvoir être admirée.

Ce que ces réalisations font moins, c'est l'inverse : le scroll tourne à 0.77 fois. La retenue et le futurisme s'opposent bel et bien, ce qui est la seule hypothèse communément admise que les mesures confirment.

Qu'en faire

Un fond sombre est un point de départ raisonnable, mais il faut aussi faire le reste. Ce qui fait qu'une page se lit comme tournée vers l'avenir, c'est le fait de faire quelque chose à l'image devant le spectateur — une image qui s'affine, se déforme ou réagit sous ses yeux, plutôt que de simplement apparaître. C'est un traitement appliqué à une photographie ordinaire, pas un changement d'identité.

Vient ensuite la séquence : 30.4% de ces réalisations imposent un ordre fixe à parcourir, contre 21.7% ailleurs, une décision structurelle prise bien avant que quoi que ce soit ne soit dessiné. Et ne vous arrêtez pas au fond sombre — à 44% contre 33%, il est plus fréquent dans ces réalisations, mais un tiers de tous les autres sites primés est sombre aussi.

69 des 396 sites primés dotés d'une capture d'écran, chacun noté selon l'intensité avec laquelle sa page d'accueil se lit comme futuriste — image seule, sujet et texte lisible mis de côté — comparés aux 327 ayant obtenu un score inférieur. La lecture complète, avec les couleurs réellement utilisées.

L'histoire 2 septembre 2026

Into the Storm: a face and a mountain ridge in double exposure, with AIM HIGH set across it in heavy condensed capitals
Into the Storm, 8.15 — le site le mieux noté du relevé, et son titre est deux mots qui ne vous demandent rien.

Personne ne vous parle

Chaque guide d'écriture pour le web commence par la même consigne : s'adresser au lecteur. Regardez ce qui gagne, et le lecteur est à peine présent. Le titre des sites les plus reconnus du web compte cinq mots, ne fait aucune promesse, et nomme la chose plutôt que la personne qui la regarde.

How a winning headline opens
Names the thing, no claim52%
A full sentence, with a full stop27%
Says the company’s own name16%
Says you or your13%
Says we or our11%
Opens on a verb: get, meet, start10%

Parts de titres en langue anglaise. Une même ligne peut cumuler plusieurs de ces traits, donc le total ne fait pas cent.

Lisez une douzaine de pages d'accueil primées à la suite, et l'uniformité est difficile à ignorer. De véritables insights humains. L'héritage canadien du design graphique. Productivité décuplée. L'histoire des avocats de prison. Cinq mots dans la moyenne, aucun verbe qui travaille, et rien qui s'adresse à la personne en train de lire. Ce sont des étiquettes, affichées en immense.

C'est l'inverse de ce qu'on enseigne à tout le monde. Adressez-vous à quelqu'un. Dites vous. Faites une promesse. C'est la première consigne de tout guide d'écriture pour le web, et quatre titres sur cinq ne contiennent ni vous, ni votre, ni nous, ni notre. Là où un pronom apparaît, le partage est presque égal — 13 % s'adressent au lecteur, 11 % parlent de l'entreprise — ce qui n'est pas l'écart que les conseils laissent supposer.

Lire l'article completFermer

Il y a un endroit où le schéma se brise, et c'est le dernier où l'on attendrait de la retenue. Sur le site propre d'un studio, nous apparaît dans 22 % des titres contre 6 % pour le travail client que ces mêmes studios produisent. Face à un brief sans personne pour l'approuver, les designers parlent d'eux-mêmes. C'est la seule séparation nette de toute la comparaison.

Les boutons racontent la même histoire, vue de dessous. Sur les sites primés qui présentent leurs mots sans détour, 1 125 intitulés différents apparaissent sur des éléments conçus pour ressembler à un bouton, et le plus fréquent d'entre eux ne revient que sur un site sur quatorze environ. Il n'existe aucun vocabulaire commun pour un bouton — aucun équivalent de l'octogone rouge. Et les mots les plus mis en valeur sur un site primé désignent surtout des lieux où aller plutôt que des actions à faire : contact, à propos, s'abonner.

Pourquoi un domaine aussi soigné abandonnerait-il le lecteur ? Parce que sur une page comme Into the Storm, c'est l'image qui fait la promesse. Un titre affiché à cette taille cesse d'être du texte et devient un élément de la composition — il doit survivre à une lecture d'un coup d'œil et depuis l'autre bout d'une pièce, et une phrase avec une subordonnée n'y résistera pas. Les mots se raccourcissent parce que le design a pris le relais.

C'est un véritable échange, et il vaut la peine de savoir qu'on le fait. Une étiquette fonctionne quand il y a derrière elle une photographie assez forte pour porter l'argument. Quand ce n'est pas le cas, une page qui se contente de se nommer et ne demande rien a dépensé sa meilleure position à ne dire presque rien.

Pourquoi cela compteOuvrez le site sur lequel vous travaillez et lisez la première ligne à voix haute. Si elle se contente de nommer ce que c'est, sans rien d'autre, c'est le style de la maison et il est défendable — mais seulement si l'image derrière fait le travail. Si l'image est ordinaire, c'est à la phrase de mériter sa place.

Sources : Awwwards Sites of the Day and of the Month · Into the Storm