Aller au contenu

📜 Historique du Projet EGS — Gallois Sisal (A → Z)

Document de référence retraçant l'ensemble du parcours projet, les issues rencontrées et résolues, et les décisions clés. Dernière mise à jour : 23 juin 2026


🎯 Résumé en une page

EGS (Établissements Gallois Sisal) est un producteur-exportateur premium de fibres de sisal basé à Amboasary-Atsimo, Madagascar, fondé en 1945. Le projet vise à refondre complètement le site web gallois-sisal.com pour transformer une simple vitrine en outil stratégique (génération de leads B2B, communication ESG/impact, attractivité talents).

  • Client : EGS — Karen Raza (karen.raza@gallois-sisal.com), Candie Techer
  • Agence : Riake — Andrianina Mahery (PM), Mickaël Kay (coordinateur), Fenohery Fanomezanirina (UX/UI + intégration)
  • Repo officiel (actuel) : https://github.com/Gallois-sisal/egs (privé) — monorepo consolidé
  • Site prod : https://gallois-sisal.com (page de garde « Site en construction »)
  • Staging : https://staging.gallois-sisal.com
  • Stack finale : Astro (SSR) + EmDash CMS + design Pencil/Penpot → déployé via Coolify sur VPS
  • Tracker : 22 issues GitHub (8 fermées, 14 ouvertes) réparties sur 4 milestones
  • Statut : Phase 1 (consolidation monorepo) ✅ terminée · Phase 2 (intégration design) en cours

📅 Chronologie complète

Phase 0 — Cadrage commercial (Août – Octobre 2025)

Date Événement
02/08/2025 Première Roadmap de livraison (v1.0) établie par Fenohery — périmètre : Figma + WordPress/Breakdance, 5–6 semaines
14/10/2025 Offre Intégration WordPress émise (1 page unique, Elementor, option multilingue) — 360 000 Ar / 3 jours
Contact Karen Raza, 15 rue Benyowsky, Antananarivo, +261 32 87 166 66

Décision initiale : Stack WordPress + Breakdance + WooCommerce (quiz interactif de diagnostic de grade).


Phase 1 — UX Research (Novembre 2025) ✅

Date Événement
17/11/2025 Kickoff meeting — lancement officiel Riake × EGS
18–29/11/2025 UX Research : benchmark, personas, user flows, sitemap, wireframes

Livrables (conservés dans docs/documentation/src/docs/03_Conception_UX/) : - Mindmap, Personas, Empathy Maps, Journey Maps, Service Blueprint - User Flows, Storyboards, Sitemap, Wireframes, Prototype - Usability Report

Jalon : ✅ Validation UX (GO UI)


Phase 2 — Design UI & Prototypage (Décembre 2025 – Janvier 2026) ✅

Date Événement
02/12/2025 Démarrage Design System + maquettes Haute-Fidélité
21/12/2025 ⚠️ Décalage planning acté (+1 semaine) — consolidation interne EGS demandée
23/12–03/01 Production interne "no-allers-retours" (Noël/Nouvel An) — focus maquettes HF
06–10/01 Reprise échanges EGS, intégration retours différés (V2 Accueil)
24/01/2026 Jalon 2 : Validation Design Final (sign-off EGS + Riake)

Direction artistique validée : premium, riche, immersif — vidéos hero, palette vert profond / blanc / tons terreux, typo Overused Grotesk.


Phase 3 — Intégration V1 : WordPress (Janvier – Mars 2026) ✅

Date Événement
27–31/01 Handoff technique Figma → Développeur WP
03–21/02 Intégration WordPress + Breakdance + WooCommerce, quiz interactif
Fin 02/2026 Site beta complet (V1) sur environnement dev apollonlab.com/egs
13/03/2026 Réception des retours client — document de suivi détaillé (8.7 Mo, page par page)

Pages V1 intégrées : Accueil (V1 + V2), À propos, L'équipe, Nos produits, Les impacts, Transition, Nous contacter.


Phase 4 — Retours client & corrections design (Mars – Avril 2026) 🔄

Réunion de suivi 23/03/2026 avec EGS — directives de refonte graphique.

Les 10 retours majeurs d'EGS

# Retour Priorité
1 Tailles de textes incohérentes (trop petits/grands selon pages) Haute
2 Typographies multiples non conformes à la charte → 1 seule typo Critique
3 Trop de couleurs (beige, vert foncé, vert clair…) → max 2–3 Critique
4 Logo Gallois Sisal apparitions aléatoires → à retirer Haute
5 Photos trop grandes "mangent la page" → réduire Moyenne
6 Lisibilité médiocre (textes sur images chargées, faible contraste) Haute
7 Page Impact — couleurs incohérentes, ~70% texte illisible Haute
8 Page Transition — design à revoir entièrement Moyenne
9 Page Équipe — trop de disparité avec autres pages Haute
10 Alléger le contenu global (textes/éléments superflus) Moyenne

Directives design actées

  • 1 seule typographie uniforme (Overused Grotesk)
  • Max 2–3 couleurs cohérentes
  • Logo retiré des pages de contenu
  • Photos réduites et harmonisées
  • Objectif : épuré, classe, moderne, original — mais cohérent

Phase 5 — Pivot technique : WordPress → Astro (Mai – Juin 2026) 🔄

Décision stratégique majeure : abandon de la stack WordPress/Breakdance/WooCommerce au profit d'Astro (SSR) + EmDash CMS. Le code WordPress historique est conservé dans apps/wordpress/ (DDEV) mais n'est plus la voie de livraison.

Raisons du pivot : - Performance (Astro = statique/SSR ultra-léger vs. WordPress lourd) - Conformité pixel-perfect aux nouvelles maquettes Pencil/Penpot - Déploiement simplifié via Coolify (pas de runtime PHP/MySQL à maintenir) - Maintenance réduite côté client

Stack actuelle (apps/web/) :

Astro 6.3 (SSR via @astrojs/node)
├── React 19 (composants interactifs)
├── GSAP + Lenis (animations/scroll smooth)
├── EmDash CMS (headless, collections Pages + Posts, SQLite)
├── Agentation (feedback visuel → issues, dev/staging)
└── Pencil/Penpot (design source : Design/egs.pen)


Phase 6 — Consolidation monorepo (Juin 2026) ✅

Étape structurante : les 10 anciens repos de l'org GitHub Gallois-sisal ont été fusionnés en un monorepo unique. C'est le projet GitHub issue tracker officiel.

Anciens repos consolidés (org Gallois-sisal) : egs-agent, egs-agent-local, egs-frontend, egs-design, egs-dashboard, egs-admin-panel, egs-docs, egs-backend, egs-cms, infra-docs → tous importés (full history via git filter-repo) dans apps/, services/, docs/.

Traçabilité GitHub (issues #1 → #8, fermées) : | Issue | Action | |-------|--------| | #1 | Reorg en monorepo (web/apps/web/, + packages/, assets/, docs/) | | #2 | Merge chore/reorg-monorepomain + résolution conflit Layout.astro/Agentation | | #3 | Restore deploy/ (nginx vhosts + landing + setup scripts) + .pi/RULE-EGS.md | | #4 | Consolidation des 10 repos (filter-repo, full history) | | #5 | Versioning assets Design (egs.pen + 79 image-import) | | #6 | Merge commits serveur origin/main (June 1) + résolution conflits path-move | | #7 | Push via VPS (contournement plafond réseau 364 Mo) | | #8 | Archive des 10 sources |

Incident (issue #22, ouverte, blocked) : lors de l'archive, egs-agent et egs-agent-local ont été supprimés (pas seulement archivés) de l'org GitHub. ✅ Aucune perte de code (historique complet préservé dans services/agent/ et services/agent-local/) — ⚠️ seules les métadonnées GitHub (issues/PRs/branch protection) sont perdues. Restauration possible via GitHub Support sous ~90 jours.

Voir la roadmap consolidation : issue #21


Phase 7 — Intégration design Pencil + polish (Juin 2026) 🔄

Date Événement
Mi-juin Réorganisation monorepo + import sous-projets
22/06 Landing page prod « Site en construction » déployée sur VPS
23/06 Intégration design Pencil (Propositions 23/25/26/27/28) — About, Products, Build-together, Transition, Impact (nouvelle)
23/06 Polish passes : navbar alignée sur Pencil, grid Valeurs corrigée, élimination des #fff/#000 purs (→ design tokens), prefers-reduced-motion

Commits récents (branche main) :

2e339e750 polish pass 2: eliminate pure #fff/#000 from all components
4ee2a01f9 fix(Valeurs): grid-template-cols typo → grid-template-columns (4-col grid)
e27a84ccd fix(navbar): align navigation order + labels with Pencil design
c2223adbf polish: remove slop tells (pure #fff→tokens, tint black, reduced-motion)
0026521d0 feat: intégration design Pencil (Prop 23/25/26/27/28) + sync CI/CD


🔧 Issues techniques rencontrés & résolus

1. Conflit Agentation × EmDash (SSR)

  • Problème : NoMatchingRenderer au build — l'intégration EmDash consomme le renderer React au build time.
  • Solution retenue : chargement Agentation dynamique côté client (apps/web/src/components/agentation-init.ts), conditionné par PUBLIC_AGENTATION !== "false". Résolu dans la consolidation (issue #2).

2. Collision build workspace

  • Solution : package.json racine restreint aux workspaces apps/web + apps/ycode uniquement.

3. Fichier .fig > 100 Mo (limite GitHub)

  • Solution : *.fig ajouté au .gitignore ; assets versionnés en .webp. ⚠️ Le .fig EGS-DS (487 Mo) est perdu pendant le filter-repo — issue #11 (blocked), récupération à étudier.

4. Plafond réseau GitHub (push 364 Mo)

  • Problème : le push initial du monorepo consolidé dépassait la limite réseau.
  • Solution : push effectué via le VPS (contournement) — issue #7.

5. CI/CD path

  • Solution : working-directory: apps/web + cache-dependency-path appliqués aux workflows (ci.yml, deploy-prod.yml, deploy-staging.yml).

6. Page Impact illisible (retour client)

  • Solution : page /impact recréée (Prop 28) — 568 lignes, 15 ODD, palette harmonisée.

📂 État des branches Git

Le monorepo consolidé vit sur deux remotes :

Remote URL Rôle
origin github.com/Fataplus/EGS-Web Repo de dev Riake historique
gallois github.com/Gallois-sisal/egs (privé) Repo officiel client (issue tracker actif)
Branche Rôle Remote Statut
main Production → gallois-sisal.com gallois Active (page de garde en prod)
dev Staging → staging.gallois-sisal.com origin Active (7 pages intégrées + fix Agentation)
feat/gallois-consolidation Import sous-projets Fusionnée
chore/reorg-monorepo Réorganisation monorepo Fusionnée
backup/pre-gallois-import Sauvegarde pré-import Archive

👥 Acteurs & rôles

Rôle Qui Responsabilités
UX/UI Designer + Intégrateur Fenohery Fanomezanirina (FATAPLUS/Riake) Design Figma/Pencil, intégration Astro, infra, CI/CD
Coordinateur Mickaël Kay (Riake) Liaison client, validation DA, planning
Project Manager Andrianina Mahery (Riake) Chronogramme, risques, livraison
Référent client Karen Raza (EGS) Décision, validation, contenu
Contact client Candie Techer (EGS) Retours design
Hermes (IA) Orchestrateur Webhooks, notifications Telegram, création issues

🔗 Liens & ressources clés

Ressource Lien / Emplacement
Repo officiel (client) https://github.com/Gallois-sisal/egs (privé)
Repo dev (Riake) https://github.com/Fataplus/EGS-Web
Roadmap consolidation issue #21
Design source Design/egs.pen (5.2 Mo, Pencil/Penpot)
Design System Figma Lien Figma
Chronogramme client https://egs-riake.pages.dev/
Doc retours EGS docs/private-archive/communications/Retours site web - RIAKE.md
Dashboard Coolify https://deploy.gallois-sisal.com (token Riake, root)
VPS 85.190.240.49

Document maintenu par Fenohery — Riake. Pour l'état instantané, voir CURRENT-STATE.md.