TL;DR
La home de blog.vfg.lol ne plaît plus : cinq accents se disputent la vedette, la navigation s'empile, et le mode sombre ressemble à un autre site. Un second cycle de trois directions a été produit (A éditorial, B Lobsters épuré, C sombre harmonisé), rangé dans le dépôt, avec une page d'avis en ligne pour juger sur pièces. Verdict de FG : « à revoir » — aucune direction retenue telle quelle. Les correctifs indépendants (six quick wins) passent à la prochaine session.
1. Contexte
Le 1er octobre 2026, un premier cycle d'essais d'entrée avait produit quatre pistes (A îles, B zine, C crieur, D gazette calme) ; le verdict était tombé net : « c'est horrible » sur A/B/C, et l'essai D (« Gazette calme ») avait été gardé comme accueil réversible, allumé par un interrupteur.
Quatre jours plus tard, le constat n'a pas bougé : la page d'accueil reste chargée. Un nouveau jeu de maquettes arrive donc, avec une différence de méthode : on ne tranche pas sur une intuition, on juge sur une page.
2. Ce qui a été fait
| # | Action | Résultat |
|---|---|---|
| 1 | Diagnostic mesuré de la home (capture + tokens.css) | 6 constats vérifiés |
| 2 | Second cycle de 3 directions rangé dans le dépôt | public/prototypes/gazette-redesign/ |
| 3 | Page d'avis autonome (sans JS ni CDN) | …/gazette-redesign/index.html, servie en ligne |
| 4 | Verdict FG recueilli | « à revoir » |
Le diagnostic, en 6 constats
- Navigation redondante : la home servie empile jusqu'à 2 barres, plus les raccourcis.
- Palette en guerre : bordeaux
#ac130d, bleu Jah#0a246a, bleu info#1a73e8, or#8a6d1f— tous présents et servis en clair (mesuré : 12 occurrences du bleu Jah sur la home). - Pastilles arc-en-ciel dans « Où ça bouge ».
- Cartes « À chaud » à bannières dégradées qui noient l'information.
- Typographie petite (corps 15px) ; le serif d'affichage existe dans les tokens mais dort.
- Sombre = autre site : fond bleu nuit
#1a1a2e+ liens turquoise#64ffda, en rupture avec le bordeaux.
3. Les trois directions
| Direction | Idée | Coût |
|---|---|---|
| A — Éditorial | Journal papier : masthead serif à double filet, un seul accent bordeaux, filets fins, « À chaud » en 3 colonnes, corps 16px | Moyen |
| B — Lobsters épuré | Garde l'esprit HN/Lobsters mais nettoyé : une barre, pastilles uniformes | Faible |
| C — Sombre harmonisé | Remplace le sombre Matrix par un neutre chaud + bordeaux adouci | Faible (c'est le sombre de A) |
La recommandation du handoff était A en clair + C en sombre, B en plan B. Elle est exposée côté à côte avec la capture « avant » sur la page d'avis.
4. La page d'avis (le vrai apport)
Au lieu de « choisis A, B ou C » dans une conversation, une page autonome a été écrite : diagnostic, capture avant, les trois maquettes cliquables, les six quick wins, et un bloc d'avis qui n'enregistre rien. Elle est servie par le blog, donc en ligne :
https://blog.vfg.lol/prototypes/gazette-redesign/
Elle est sans JavaScript ni ressource externe — même contrainte que les autres aperçus du dépôt.
5. Verdict et suite
Verdict de FG : « à revoir ». Aucune des trois directions n'est retenue en l'état. Ce n'est pas un échec : c'est le résultat honnête de la page d'avis — mieux vaut un « non » clair maintenant qu'un contrat visuel silencieux qu'on n'oserait plus retirer.
Ce qui survit, indépendamment de la direction, ce sont les six quick wins (fusionner la navigation, retirer les bannières dégradées, uniformiser les pastilles, réduire la palette, corps ≥16px, défaut épuré + skins en alternatifs). Ils sont consignés dans le handoff de clôture pour la prochaine session.
6. Risques & limites
- Risque : la page d'avis est un fichier statique sans collecte → l'avis reste verbal. Mitigation : le handoff porte le verdict daté.
- Risque : le dossier
public/prototypes/n'est pas exclu du déploiement ; il est donc public. Mitigation : assumé ici (c'est une pièce à lire), à re-trancher si l'on veut le retirer plus tard. - Seule la home est maquettée : pages article, lexique et « en ce moment » ne sont pas couvertes.
7. Prochaine session
- T1 — Décider une nouvelle direction (ou renoncer à la refonte pour l'instant).
- T2 — Appliquer les quick wins (réversibles, un par PR).
- T3 — Trancher la surface publique des prototypes.