Projet HORIZON · Pack de conception
H PROJET HORIZON Pack v1.0 · 22/07/2026 Confidentiel

Plateforme conseiller de simulation d'épargne

Pack de conception complet et navigable : wireframes, design system, prototype haute fidélité conforme à la maquette « Simulateur épargne » (pixel perfect), documentation d'implémentation et présentation commerciale. Statique, sans dépendance réseau, déployable tel quel.

Ouvrir le prototype ↗ Dérouler la présentation Démo guidée
PHASE 01Terminé
Wireframes
8 écrans basse fidélité en nuances de gris, navigation cliquable, carte des parcours, annotations d'intention (CU, EF).
9 pages · ouvrir →
PHASE 02Terminé
Design system
Tokens --hz-* (source unique : assets/tokens.css), 12 composants Hz* avec tous leurs états, iconographie, contrastes vérifiés en direct, bons et mauvais usages.
5 pages · ouvrir →
PHASE 03 · CŒURTerminé
Prototype haute fidélité
Application complète et interactive : écran « Simulateur épargne » pixel perfect (Marie Dupont), 7 modules, moteur de projection, filtres, tris, modales, pagination, états vides / chargement / erreur, rôles et KYC démontrables.
Application · ouvrir →
PHASE 04Terminé
Documentation
Vision et périmètre, parcours, architecture justifiée, modèle de données Supabase (RLS, audit), contrats d'API, règles RG-01 à RG-17, hypothèses et arbitrages, glossaire.
9 pages · ouvrir →
PHASE 05Terminé
Présentations
Deux présentations navigables au clavier : le produit (vendre l'application à un cabinet, 8 diapositives) et le processus de développement (du corpus à la production, Claude Code et système d'agents, 9 diapositives). Plus la démo guidée scénarisée en 8 étapes.
2 decks + démo guidée · ouvrir →
IMPLÉMENTATIONPrêt à exécuter
Plan d'exécution (0 → production)
Dossier implementation/ : fichier maître PLAN.md + 18 tâches ordonnées (T00→T17), CI/CD d'abord, back Supabase (RLS, S3), front Cloudflare, git flow et portes de qualité. Exécutable en continu par un agent.
Ouvrir PLAN.md →
ASSETS
Fondations partagées Livré
tokens.css : unique source de vérité visuelle (consommée par 02, 03, 05) · donnees-demo.js : jeu fictif Marie Dupont + moteur de projection · captures du prototype.
tokens.css donnees-demo.js voir les tokens →

Journal des sessions

Date Session Production
22/07/2026Session 4 Deux présentations distinctes (produit / processus de développement avec Claude Code et système d'agents) et page de choix 05. Nouveau dossier implementation/ : plan d'exécution complet 0 → production (PLAN.md maître, 18 tâches ordonnées T00-T17, README git flow + portes de qualité, secrets.example.json par profils, journal). CI/CD en première tâche, back Supabase remote (RLS, audit, Storage S3), front Cloudflare, rituel git strict (main + develop, branche par tâche supprimée après MR).
22/07/2026Session 3 Accès protégé par clé : passerelle Cloudflare Pages Functions functions/_middleware.js (clé HORIZON_ACCESS_KEY jamais en dépôt), wrangler.toml, _headers. CI enrichie : la clé est poussée vers Cloudflare au déploiement (variable GitLab protégée, miroir de la variable d'environnement Cloudflare). Correctif : données de démo idempotentes (plus d'erreur console). Section « 5 bis » ajoutée à Dépôt & déploiement.
22/07/2026Session 2 Directives commanditaire intégrées : hébergement front Cloudflare Pages, organisation GitLab (groupe, sous-groupes, dépôts décrits). Nouvelle page Dépôt, stack et déploiement (stack explicite, CI/CD, Supabase Storage compatible S3, checklist J0, bascule Figma). Fichiers racine README.md et .gitlab-ci.yml (déploiement du pack). Navigation : retour « ⌂ Hub » ajouté sur toutes les pages, y compris prototype et présentation. Données de démo rendues autonomes (compatibles ouverture locale).
22/07/2026Session 1 Lecture du corpus HZ-CDC-001 / SFD-002 / DAT-003 / PLN-004 et analyse fine de la maquette (zooms, mesures). Production intégrale du pack : tokens et données de démo, 01-wireframes (8 écrans + carte des parcours), 02-design-system (tokens, 12 composants et états, iconographie, accessibilité, usages), 03-prototype (application interactive, écran de référence pixel perfect), 04-documentation (8 chapitres), 05-presentation (deck 10 diapositives + démo guidée), hub. Écarts et compléments consignés au registre des propositions (P-01 à P-08).

Reste à faire (hors périmètre du pack statique)

Arbitrage des points « à valider » au jalon J1 (V-01 à V-08, détail) · calage des tokens sur le fichier Figma source (V-04) · création du groupe GitLab et des projets Cloudflare / Supabase selon la checklist J0 · puis réalisation selon la trajectoire de 15 semaines (phases et jalons).