CARNE
« No brain, no gain. » Une marque de tee-shirts qui a de la gueule : six pièces, six fiches, un créateur — un site React porté à l'identique et rendu administrable, sans toucher au design.
Le brief
Henri arrivait avec un export React tout fait, six tee-shirts et un ton bien à lui — « habillez votre viande ». Consigne : le site tel qu'il est, au pixel, sans créer de compte client, et que chaque pièce se corrige depuis la console sans passer par le code.
Ce que nous avons fait
Un export React 19 rendu côté serveur, identique à l'octet à l'original : mêmes adresses, mêmes images, mêmes transitions au rideau.
239 champs administrables relevés dans l'arbre HTML — noms des pièces, accroches, textes du créateur — avec 0 défaut à la porte de dépôt.
Les six fiches produit deviennent de vraies pages : une adresse, un titre, un référencement chacune, et l'atelier renvoie à la collection.
Banc de 28 propriétés sur 7 pages à deux largeurs, mouvement coupé : 0 écart. Le texte modifié dans la console tient à l'hydratation.
La palette et les typographies
Cinq couleurs relevées sur la page d'accueil : la crème du papier, le rouge viande, le vert-noir de l'encre, le jaune moutarde, le brun
La carte de visite
Une proposition imaginée à partir de la charte du site : mêmes couleurs, mêmes polices, recto et verso. Maquette non contractuelle — les coordonnées sont des exemples.
Des pages, en vrai
Plusieurs écrans du site, aux trois largeurs qui comptent : l'écran du bureau, la tablette et le téléphone.
Ce que ça change
Le site rendu par le serveur et indexable, là où l'export ne livrait qu'une coquille remplie par le navigateur.
Les noms, accroches et textes des six pièces se corrigent depuis la console, sur l'accueil et sur la fiche d'un seul geste.
Le rideau de transition, les yeux du créateur et les packshots recalés au pixel — rien du design n'a bougé.
Ce que le client gère lui-même
Depuis la console, sans toucher au code.
