Sur ce site, une échelle typographique décidée au début du chantier vit aujourd’hui dans var(--fs-38_). Personne ne l’a retraduite en route. C’est ce qui arrive quand la décision et la feuille de style ont le même auteur.

Un projet web classique, lui, traverse plusieurs étapes : DA, UI, intégrateur, développeur.

4 étapes, 4 traductions

Chaque passage est une traduction, et une traduction perd toujours quelque chose. Le brief se dilue, la maquette interprète le concept, l’intégration interprète la maquette. Le résultat ressemble à l’idée de départ vu de loin. Rarement de près.

Personne n’est en faute. C’est le découpage qui veut ça, et le client paie cette friction dans les allers-retours et les compromis, sans jamais la voir apparaître sur un devis.

La même page redessinée à chaque passage de main En haut, cinq silhouettes de page à la même échelle, alignées de gauche à droite et reliées par des flèches. Chacune contient les trois mêmes blocs : un bandeau en haut, un grand bloc à gauche, un bloc plus petit à droite. D'une silhouette à la suivante, le bandeau raccourcit et descend, le grand bloc rétrécit, le petit bloc grossit. En bas, une silhouette agrandie superpose les deux états extrêmes : les blocs de la première en trait pointillé, ceux de la dernière en aplat d'accent, et trois traits fins joignent les coins qui se correspondent. L'IDÉE DE DÉPART LE RÉSULTAT à chaque passage RESSEMBLE DE LOIN RAREMENT DE PRÈS l'idée de départ le résultat
Aucune de ces étapes n'est fautive, c'est leur nombre qui creuse l'écart.

L’IA prend l’exécution, pas la continuité

Depuis 2004, j’ai appris chaque maillon parce que le métier m’y a poussé, de Flash à l’IA. Je tiens aujourd’hui la chaîne d’un bout à l’autre : l’angle, la direction artistique, le design system, l’intégration, le déploiement. Une intention survit mieux quand elle ne change pas de porteur.

Le flux d'un projet à quatre étapes, puis celui d'une chaîne tenue d'un bout à l'autre Deux rangées superposées. En haut, quatre boîtes alignées et nommées DA, UI, intégrateur, développeur, reliées de l'une à l'autre par une flèche. Sous elles, une bande horizontale part épaisse à gauche et perd de la hauteur à chaque intervalle entre deux boîtes, marqué par un trait vertical en pointillé ; arrivée à droite, elle est nettement plus mince. En bas, une seconde bande de la même longueur garde d'un bout à l'autre la hauteur de départ de la première, sans aucune interruption. UN PROJET WEB CLASSIQUE QUATRE ÉTAPES DA UI intégrateur développeur un peu de l'intention s'évapore UNE SEULE MAIN AUCUNE COUTURE d'un bout à l'autre
Le trajet ne raccourcit pas, ce sont les passages qui disparaissent.

L’IA a rendu ça possible à l’échelle d’une personne, et c’est nouveau. Elle exécute vite, sans se lasser du travail répétitif. En revanche elle ne sait pas pourquoi cette échelle typographique a été choisie plutôt qu’une autre, donc elle ne peut pas la défendre trois mois plus tard contre une demande qui l’arrangerait.

Ce site compile 242 pages à chaque build, dans deux langues, avec une seule media query de largeur sur l’ensemble.