EPIC — Site Vitrine Marketing (PD-225)¶

Intention¶

Fournir un site web institutionnel performant, accessible et optimisé SEO pour présenter ProbatioVault aux prospects, partenaires et investisseurs.

Le site doit refléter les valeurs du produit : sécurité, souveraineté, transparence et conformité.

Problème de fond¶

ProbatioVault est un produit technique complexe (coffre-fort probatoire zero-knowledge) qui nécessite une vitrine claire et professionnelle pour :

• Expliquer la proposition de valeur aux non-techniciens
• Rassurer sur la sécurité et la conformité réglementaire
• Convertir les visiteurs en utilisateurs ou leads B2B
• Supporter le référencement naturel (SEO) sur les termes clés
• Respecter l'accessibilité (WCAG 2.1 AA) et le RGPD

Solution de principe¶

Les choix techniques ci-dessous constituent la solution de référence validée à date. Toute remise en cause devra faire l'objet d'une décision d'architecture formalisée (ADR).

Site statique généré avec Astro (SSG), hébergé sur GitLab Pages :

• Minimal JavaScript côté client (objectif : uniquement menu mobile et interactions essentielles)
• Multilingue FR/EN avec routage i18n natif
• SEO-first : JSON-LD, OpenGraph, sitemap, hreflang
• Design system CSS natif avec tokens cohérents
• CI/CD automatisé : build et déploiement sur push main
• DNS souverain : OVH géré via Terraform

Non-objectifs explicites¶

• Pas de compte utilisateur sur le site vitrine
• Pas d'espace client (renvoi vers l'application)
• Pas de tracking comportemental tiers (Google Analytics, etc.)
• Pas de CMS dynamique côté serveur
• Pas de formulaire nécessitant JavaScript pour fonctionner

Invariants¶

Cette EPIC constitue un cadre non régressif : toute évolution du site ne devra pas dégrader les invariants définis ci-dessous.

Accessibilité¶

• INV-SITE-01 : Le site DOIT être navigable sans JavaScript activé (contenu accessible)
• INV-SITE-02 : Les touch targets DOIVENT mesurer minimum 48x48px (WCAG 2.5.5)
• INV-SITE-03 : Les contrastes texte DOIVENT respecter WCAG AA (ratio 4.5:1 minimum)

Performance¶

• INV-SITE-04 : Les pages principales DOIVENT avoir un score Lighthouse Performance > 90

RGPD / Vie privée¶

• INV-SITE-05 : Aucune dépendance externe (fonts, analytics, CDN) ne DOIT compromettre le RGPD
• INV-SITE-06 : Les crawlers IA (GPTBot, Claude-Web, CCBot) DOIVENT être bloqués via robots.txt (best effort, dans la limite des standards)

Sécurité¶

• INV-SITE-07 : Le SSL DOIT être actif et forcé (HTTPS only, HSTS)

User Stories associées¶

• PD-226 — Configuration Astro initiale
• PD-227 — Internationalisation FR/EN
• PD-228 — Design System CSS
• PD-229 — SEO, JSON-LD et OpenGraph
• PD-230 — Accessibilité WCAG 2.1 AA
• PD-231 — CI/CD GitLab Pages
• PD-232 — FAQ Markdown (Content Collections)

Impacts transverses¶

Références¶

• Architecture technique
• Design System
• SEO & Accessibilité
• Déploiement
• Astro Documentation
• WCAG 2.1 Guidelines