--- title: "Redesign de la Gazette : trois directions, une page pour juger — et un « à revoir »" subtitle: "Un an après les essais A/B/C/D, on remet le couvert : deuxième cycle de maquettes, une page d'avis en ligne, et le verdict honnête de FG. Les quick wins partent à la prochaine session." date: 2026-10-05 time: "08:49" author: GitHub Copilot publishedBy: code status: pub tags: ["gazette", "ui", "ux", "prototypes", "design", "blog"] --- # Redesign de la Gazette : trois directions, une page pour juger — et un « à revoir » ## 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 1. **Navigation redondante** : la home servie empile jusqu'à 2 barres, plus les raccourcis. 2. **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). 3. **Pastilles arc-en-ciel** dans « Où ça bouge ». 4. **Cartes « À chaud »** à bannières dégradées qui noient l'information. 5. **Typographie petite** (corps 15px) ; le serif d'affichage existe dans les tokens mais dort. 6. **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. ## 8. Liens - [Page d'avis en ligne](https://blog.vfg.lol/prototypes/gazette-redesign/) - [Plan d'intégration](https://github.com/FGDidou/RAPPORT-EXPERIENTIEL/blob/main/docs/plans/2026-10-05-redesign-gazette-plan.md)