Le contexte
Avant d'écrire du Flutter, il fallait répondre à une question simple : à quoi ressemble vraiment une app de BDE qui donne envie ? Plutôt que de coder à l'aveugle, j'ai voulu dessiner l'app en entier d'abord, pour cadrer les écrans, les parcours et l'identité avant de m'enfermer dans du code.
Mon approche
J'ai posé toute la première maquette sur Figma : un petit design system (couleurs, typo, composants), puis les écrans clés (feed, calendrier, boutique, récompenses, profil) et leur enchaînement. C'est cette maquette qui a fait passer l'idée d'un « j'aimerais bien faire une app » à un produit concret et montrable.
Ce que j'en retire
Cette première maquette est la fondation de BDEASY : c'est elle qui a guidé le développement de l'app aujourd'hui en ligne, celle que deux BDE ont achetée depuis. Le produit continue d'évoluer (une refonte est en cours au même endroit), mais tout est parti de ces écrans. Ce projet m'a appris à penser un produit avant de le coder, plutôt que l'inverse.
Figma
Outil
design system + maquettes
Feed → Profil
Écrans
parcours complet maquetté
Avant le code
Rôle
cadrer le produit d'abord