Prototype ABO

Maquette du site abo cible. Statique et cliquable : ce qu'elle montre fait référence. Ce n'est pas une implémentation — pas d'API, pas de base, pas d'authentification. Plan complet dans 06-Plan-Phase1-Prototype.md.

i
Phase 1 terminée — 22 écrans
Tous les lots sont livrés : vocabulaire visuel, tunnel d'achat et espace abonné. Trois comportements sont partagés entre écrans plutôt que recopiés — l'adresse progressive, le choix du moyen de paiement et la bascule société.
Parcourir le tunnel

Lot 0 · Vocabulaire visuel

Terminé et validé

Page de composants
Couleurs, typographie, et chaque composant dans tous ses états
Fait
Ouvrir
Gabarit — squelette commun
À copier pour tout nouvel écran
Fait
Ouvrir
Gabarit — hors connexion
Carte centrée, sans navigation
Fait
Ouvrir
Feuille de style commune
css/abo.css — tous les écrans l'importent, aucun ne redéclare de valeur
Fait
Ouvrir

Lot A · Accéder à son compte

Terminé — 4 écrans

A1 · Connexion
Un champ, la touche Entrée valide · erreur en ligne
Fait
Ouvrir
A4 · Compléter le profil
Ne redemande que ce qui manque · adresse assistée
Fait
Ouvrir
A5 · Lien envoyé
Renvoi sans quitter l'écran · délai anti-rafale
Fait
Ouvrir
A6 · Lien expiré
Adresse pré-remplie · un seul geste pour relancer
Fait
Ouvrir

Lot B · Acheter

Terminé — 6 écrans

B1 · Catalogue
4 onglets · bascule mensuel/annuel · avantages grisés · taille du cadeau
Fait
Ouvrir
B2 · Compte
Adresse e-mail seule, sans vérification
Fait
Ouvrir
B3 · Livraison et paiement
Récapitulatif collant · adresse de facturation distincte · 3 cases
Fait
Ouvrir
B4 · Terminé
Confirmation · n° de commande · les 4 rubriques de l'espace abonné
Fait
Ouvrir
B5 · États d'échec du paiement
Carte refusée · IBAN rejeté · champs obligatoires vides
Fait
Ouvrir
B6 · Arrivée ciblée sur une offre
L'offre du lien en premier, le catalogue en dessous
Fait
Ouvrir

Lot C · Gérer ses abonnements

Terminé — 3 écrans, 4 états

C0 + C1 · Mon espace, rubrique abonnement
Cadre commun · tout lisible sans un clic
Fait
Ouvrir
C1 · Les quatre états
Échec de paiement · résilié · essai · aucun abonnement
Fait
Ouvrir
C2 · Détail d'un abonnement
Résiliation avec motif facultatif · montée en gamme
Fait
Ouvrir

Lot D · Facturation et paiement

Terminé — 4 écrans

D1 · Moyens de paiement
Défaut en un clic · alerte carte bientôt échue
Fait
Ouvrir
D2 · Mes factures
Impayé remonté en tête · téléchargement direct
Fait
Ouvrir
D3 · Ajouter un moyen de paiement
Même composant que le tunnel
Fait
Ouvrir
D4 · Régler depuis son compte
Moyen enregistré pré-sélectionné
Fait
Ouvrir
D5 · Régler sans être connecté
Arrivée par lien e-mail · aucune connexion exigée
Fait
Ouvrir

Lots E et H

Terminé — 2 écrans

E1 · Informations personnelles
Champs directement modifiables · un seul enregistrement
Fait
Ouvrir
H1 · Gabarit de page éditoriale
Encaisse du HTML quelconque venu du back-office
Fait
Ouvrir

Lots F (proches) et G (kiosque) hors périmètre du prototype — voir le plan.