electron-rare.github.io/docs/da-01-implementation-backlog.md

Backlog DA-01 - White Contrast Consolidation

Updated: 2026-03-14 Source: homepage Astro synchronisee avec la base OVH

Objectif

Consolider la DA actuelle en version claire, contraste blanc, sans reintroduire l'ancienne variante studio/figma ni le vieux modele GitHub Pages statique.

Sources de verite

• Structure homepage: src/pages/index.astro
• Header partage: src/components/SiteHeader.astro
• Sections actives: Hero, About, CaseStudies, GraphicSprints, Faq, Contact
• Copy et donnees: src/content/home-content.ts
• Theme et layout: src/layouts/BaseLayout.astro, src/styles/global.css, src/styles/home-workbench.css
• Tracking: src/lib/tracking.ts + src/layouts/BaseLayout.astro
• Deploiement: docs/ovh-ftp-preview-solution-2026-03-14.md

Decisions DA

• Theme par defaut: high-contrast clair, oriente blanc/ivoire.
• Positionnement de reference:
  • systemes electroniques specifiques
  • familles mises en avant: electronique, automatisme, energie, stockage, optimisation
  • l'embarque reste un sous-ensemble de l'offre, pas le titre principal
• Palette de travail:
  • fonds #ffffff, #faf7f2, #f5efe4
  • texte #0b0a09, #2f2a25
  • accent froid #0b5d65
  • accent chaud #7f4a23
• Bouton contraste: non expose au public. Pas de toggle tant qu'il n'existe pas comme fonctionnalite produit reelle.
• Rendition souhaitee:
  • surfaces blanches nettes
  • contraste fort mais pas clinique
  • traces teal/rust en accent, pas en fond systematique
  • motion reduite et discrète

Mapping section -> composants reels

1. Header_Navigation

• Cible: src/components/SiteHeader.astro + src/layouts/BaseLayout.astro
• Elements:
  • marque
  • top bar compacte
  • CTA direct Contact
  • menu mobile repliable
  • anchors et liens de pages internes

2. Hero_Conversion

• Cible: src/components/sections/Hero.tsx
• Elements:
  • promesse
  • familles de competence visibles
  • CTA contact
  • fond photo + lockup

3. About_Approche

• Cible: src/components/sections/About.tsx
• Elements:
  • portrait
  • expertise
  • secteurs
  • chips d'offres / familles de sujets

4. Cases_Proof

• Cible: src/components/sections/CaseStudies.tsx
• Elements:
  • cas concrets
  • preuve de terrain
  • articulation industrie / culture / produit

5. Field_Media

• Cible: src/pages/index.astro + src/styles/global.css
• Elements:
  • photo strip
  • video strip

6. Mission_Formats

• Cible: src/components/sections/GraphicSprints.tsx
• Elements:
  • 3 formats
  • progression
  • CTA de contact

7. Faq_Trust

• Cible: src/components/sections/Faq.astro
• Elements:
  • details/summary
  • reponse rapide aux objections

8. Contact_ClearTerminal

• Cible: src/components/sections/Contact.astro
• Elements:
  • bloc contact type minitel mais en rendition claire
  • email draft
  • formulaire direct
  • LinkedIn

9. Footer_Knowledge

• Cible: src/pages/index.astro
• Elements:
  • navigation secondaire
  • ressources
  • contact direct

Backlog P0

• Forcer la cascade sur la DA blanche dans BaseLayout.astro, site.ts, global.css, home-workbench.css.
• Relever les derniers blocs sombres restants: hero-bg-photo, photo-strip, video-strip, contact-minitel, FAQ focus.
• Remplacer la nav mobile "desktop qui wrap" par une top bar compacte state-of-art 2026.
• Verifier la lisibilite des CTA sur blanc.
• Verifier que la home, formation et mentions-legales partagent bien le meme header et le meme socle visuel en preview live.

Backlog P1

• Supprimer les references documentaires a #projets, Malt, GitHub Pages static prod, dual-rail hero, contrast toggle.
• Supprimer les references documentaires actives a /lab/ comme surface publique produit.
• Poser un index documentaire actif (docs/README.md) pour separer docs actives et docs historiques.
• Verifier les events data-track sur les CTA actifs uniquement.
• Recaler tracking:check sur le contrat Astro actif pour sortir des faux positifs legacy.
• Valider preview OVH.
• Valider preview OVH avec la nouvelle top bar mobile (23095540371).
• Revalider preview OVH avec le nouveau positionnement et la disparition du lab public (23098262445).
• Revalider prod OVH avec la nouvelle top bar mobile via le check public GitHub Actions (23096174775).
• Revalider prod OVH avec le nouveau positionnement et la disparition du lab public (23098335508).
• Confirmer le rendu prod depuis un navigateur humain hors de la machine locale.
• Etablir la methode locale de verification: reutiliser le User-Agent electron-rare-gh-verify/1.0 pour eviter le 403 OVH sur cette machine.

Backlog P2

• Supprimer les reliquats .site-contrast-toggle du CSS global.
• Evaluer si un vrai theme secondaire doit exister plus tard ou si le mode blanc reste la seule version publique.
• Consolider une archive explicite des anciens artefacts DA pour eviter toute reintroduction.

Gates de validation

Gate Build

• npm run typecheck
• npm run build:external
• npm run tracking:check

Gate UX

• Aucun panneau critique ne reste sur fond sombre.
• Top bar mobile 390/768 sans debordement ni double hauteur permanente.
• Une action primaire Contact reste visible hors menu sur mobile.
• Menu ferme = header compact ; menu ouvert = navigation claire et scrollable.
• CTA primary/secondary lisibles sur fond clair.
• Contact completement utilisable.

Gate Accessibilite

• Focus visible sur nav, FAQ, CTA, formulaire.
• Contraste texte/fond conforme sur les composants critiques.
• prefers-reduced-motion conserve.

Gate Tracking

• Aucun event legacy mort.
• Clics hero/contact/linkedin/email/github visibles dans la dataLayer.

Gate Deploy

• Preview OK avant production.
• Verification live des URL et ancres.

Definition of done

1. Le site public sert par defaut une version blanc contraste coherente.
2. Aucun element critique de l'ancienne DA sombre ne reste visible.
3. La top bar mobile n'occupe plus un bloc disproportionne et ne wrap plus comme une nav desktop.
4. Les docs actives parlent du vrai site OVH/Astro actuel.
5. Preview et production sont verifiees sur cette base.