SYS/CASE
Création de produits digitaux · Prototypage · 2026
BAO (docAgency) — d'un projet de cabinet médical à un dossier bancaire en 34 écrans
Par Mathieu Milon, AI engineer growth & CRO · Publié le
La Boîte à Outils transforme une création ou une reprise de cabinet médical en dossier de présentation — en heures, pas en semaines. Collecte unique, analyse d'implantation (données publiques), budgets, PDF banque, rétroplanning.
34 écrans · 10 PRD
Contexte
docAgency accompagne des praticiens qui créent ou reprennent un cabinet médical. Monter le dossier bancaire — implantation, budgets, plan de financement, rétroplanning — prend des semaines et beaucoup d'allers-retours.
Problème
Transformer une collecte unique d'informations en un dossier de présentation complet — implantation, budgets, financement, rétroplanning — en heures plutôt qu'en semaines, sans multiplier les outils ni les ressaisies.
Approche
Deux parcours (création / reprise), 13 étapes plus une analyse d'implantation et un export. Un PRD rédigé par étape, puis un prototype HTML statique qui matérialise le produit cible : collecte, propagation des données entre étapes, recalcul des budgets, aperçu et impression du dossier.
data.js
Données fictives & calculs
bao-dossier.js
Persistance & propagation
bao-export.js
Aperçu & PDF banque
Cadrage & PRD
Deux parcours — création ou reprise — et 13 étapes, plus une analyse d'implantation et un export. Un PRD est rédigé par étape avant le moindre écran : la décision produit se cadre d'abord, l'interface suit.
Le détail du cadrage
10 PRD couvrent le parcours, cadrés avec la méthode GSD — la même qui sert ensuite à cadrer le proto.
Écrans
34 écrans HTML statiques matérialisent le produit cible : collecte, propagation des données d'une étape à l'autre, recalcul des budgets, aperçu du dossier.
Le détail du prototype cliquable
data.js porte les données fictives et les calculs, bao-dossier.js la persistance en localStorage et la propagation entre étapes : le proto se parcourt vraiment, il ne se regarde pas.
Export banque
bao-export.js produit l'aperçu et l'impression du dossier. C'est le livrable qui compte pour la banque — implantation, budgets, plan de financement, rétroplanning réunis en un seul PDF ; tout le reste du parcours sert à le produire.
Outils
- HTML / Tailwind
- JavaScript
- Cartes CARTO/OSM
- Persistance localStorage
- Méthode GSD
Où l'IA intervient
PRD rédigés et audités avec des agents (audits de cohérence 15–20 juillet 2026), écrans générés à partir des PRD puis corrigés à la main ; l'IA accélère la spec et le proto, elle ne remplace pas le dossier banque.
Résultats
13
étapes (création + reprise)
34
écrans HTML
10
PRD rédigés
| Livrable | Quantité |
|---|---|
| Écrans HTML | 34 |
| Étapes du parcours | 13 |
| PRD rédigés | 10 |
Axe : nombre d'éléments livrés. Parcours guidé en 13 étapes, export PDF pour le dossier bancaire.
Enseignement
- 1
Un PRD par étape avant l'écran : on cadre la décision produit avant de dessiner l'interface, jamais l'inverse.
- 2
Le proto est le contrat avec le client : cliquable, il aligne tout le monde bien mieux qu'un cahier des charges.
- 3
L'export PDF est la vraie feature : c'est le livrable qui compte pour la banque, tout le reste sert à le produire.
Visuels
Écran d'accueil du prototype : 34 écrans, index des parcours Étape 1 : création ou reprise, le choix qui oriente le parcours
Expertises liées : Prototypage, SaaS, AI engineering.
Un projet similaire ?
Parlons de votre prochain chantier
Un funnel, un produit ou un extract à analyser : réservez un appel de 30 minutes, cadrage écrit sous 48 h.