Rétroplanning — L'Humanité Mobile App

Phase 1 Exploration créative 18 → 24 juin

Finaliser les 2 moodboards (axe A & axe B) URGENT Jeu 18 – Ven 19/06

Un board par axe, autonome et argumenté. Chaque board doit permettre au client de trancher sans hésiter.
Pairings de fontes — 2 duos par axe créatif URGENT Ven 19 – Lun 22/06

4 options au total. Tester le rendu à toutes les tailles avant de choisir.
Icônes — un style iconographique par axe URGENT Lun 22 – Mar 23/06

5-6 icônes représentatives par axe. Style distinctif qui renforce la DA de chaque board.
2-3 maquettes mobile par axe créatif (4-6 écrans) URGENT Mar 23 – Mer 24/06

Écrans les plus représentatifs du parcours. Objectif : montrer où on va, pas finir le produit.

🎯

Mercredi 24 juin — RDV Client

Présentation des 2 axes · Validation d'une direction · IMPÉRATIF d'avoir tous les éléments prêts

Optionnel Exploration complémentaire post-RDV 25 → 27 juin

À activer si le RDV génère une nouvelle piste forte ou des blocages sur l'axe validé. Max 3 jours.

Nouvelles pistes visuelles depuis les retours client25 – 26 juin
Validation interne go/no-go avant Phase 227 juin

Phase 2 Design System & Déclinaisons 25 juin → 10 juillet

Fondations design system (tokens, couleurs, typo, grille) 25 – 28 juin

Poser les variables et tokens depuis l'axe validé. Toutes les fondations avant de toucher aux composants. Bien structurer les tokens color dès le départ facilitera l'automatisation du dark mode plus tard.
Accessibilité design — lisibilité, contrastes, bonnes pratiques RGAA basics 28 juin – 5 juillet

Respecter les principes de base du RGAA côté design : contrastes lisibles, hiérarchie visuelle claire, textes à taille suffisante. Hors périmètre : conformité RGAA complète, implémentation technique ARIA/lecteurs d'écran — ce sera dans les mains des devs.
Switch animation on/off RGAA basics 5 – 7 juillet

Designer un switch dans l'app pour activer ou désactiver les animations. L'app respecte aussi le réglage système iOS/Android. Simple à intégrer, bon signal de soin côté accessibilité.
Déclinaisons des modules avec variants 28 juin – 8 juillet

Chaque module décliné avec ses variants (état, taille, contenu). Binding sur les tokens. Les devs doivent pouvoir construire n'importe quelle page depuis la librairie.
Audit design system — coverage & cohérence 8 – 10 juillet

Vérifier la couverture complète, rien de hardcodé. Les devs doivent pouvoir démarrer après cette phase.

🧑‍💻

Atelier client #1 — mi-juillet

Point d'avancement Phase 2 · Premiers montages de pages · Aligner sur la direction avant Phase 3

Phase 3 Montages de pages & Prototypes 11 → 22 juillet

Dark Mode — déclinaison adaptative système (iOS/Android) 🌙 Dark Mode non prévu initialement 11 – 14 juillet

L'app suit automatiquement les réglages système — pas de bouton dans l'interface. Stratégie à définir : explorer les outils IA capables de générer automatiquement la palette dark depuis des maquettes light bien structurées (tokens cohérents = automatisation possible par les devs). Si un outil adapté est trouvé, traiter uniquement les éléments visuels clés et déléguer le reste à l'automatisation. Sinon, approche manuelle sur les composants principaux + tokens dark définis pour que les devs gèrent la suite.
Montages de pages avec cas réels 14 – 18 juillet

Assembler les pages clés (home, fil actu, article, profil…) avec du vrai contenu. Montrer comment les modules s'articulent dans un vrai parcours.
Prototypes interactifs Figma — parcours film Figma 17 – 20 juillet

Prototypes cliquables sur les parcours principaux. Format film. Le client clique, il ne lit pas une spec.
Maquettes animées David — micro-interactions & transitions David 17 – 21 juillet

Maquettes "en dur" animées pour illustrer les micro-interactions clés. Permet aux devs de comprendre les fonctionnements sans attendre l'intégration.
Préparation livraison — revue finale & handoff 21 – 22 juillet

Revue finale. Handoff dev (naming, annotations, export assets). Tout doit être prêt pour que les devs démarrent sans friction.

🏁

22-23 juillet — Deadline finale

Livraison : design system + pages + prototypes + maquettes animées + dark mode (selon stratégie)

🎓

Atelier client #2 — 22 ou 23 juillet

Finalisation · Retour d'expérience · Présentation livraison · Questions dev pour l'intégration

🌙 Point à clarifier — Dark Mode

Le dark mode n'était pas prévu dans le scope initial. Piste à explorer avant de démarrer la Phase 3 : plusieurs outils IA (Figma plugins, scripts) peuvent générer automatiquement une palette dark depuis des maquettes light si les design tokens sont bien structurés — ce qui sera le cas dès la Phase 2. Si un outil adapté est trouvé, le travail design se limite aux ajustements visuels clés ; les devs prennent le relais via les tokens pour le reste. À arbitrer avec le client.

Notes

Phase 1 non-négociable : sans axe validé le 24 juin, tout glisse et la deadline du 22 juillet ne tient plus.

Bien structurer les tokens color en Phase 2 — c'est la condition pour que le dark mode soit automatisable ensuite.

Accessibilité dans ce projet = principes de base design (contrastes, lisibilité) + switch animation. La conformité RGAA complète et l'implémentation technique restent côté dev.

Atelier #1 (mi-juillet) : avancement Phase 2, premiers montages, alignement avant Phase 3.

Atelier #2 (22-23 juillet) : livraison, retour d'expérience, passation dev.

Florian en congés à partir du 3 août — handoff dev bouclé au plus tard le 22 juillet.