Cookler
Un assistant IA pour les chefs, construit autour d'une seule question : est-ce que je gagne de l'argent sur cette recette ? Dictez une recette, photographiez vos factures fournisseurs, et Cookler calcule la marge de chaque article, puis la garde juste quand les prix bougent.
En tant que design leader senior chez Cookler, j'ai piloté la stratégie produit de la gestion des marges et l'ai conçue moi-même, du recadrage initial à la spécification prête à développer que l'équipe livre aujourd'hui, en Arabie saoudite et en France.
Un chef peut faire un gâteau magnifique et perdre de l'argent dessus. Quelques-uns ont un ERP, mais la plupart devinent : ils fixent les prix au ressenti, de mémoire, et ne remarquent qu'un produit est dans le rouge que lorsque le mois refuse de s'équilibrer. L'information existe, enfouie dans une pile de factures fournisseurs et une tête pleine de recettes, mais personne n'a le temps de rapprocher les deux.
J'ai piloté l'initiative de gestion des marges de Cookler de bout en bout. J'ai porté la stratégie produit, le positionnement, le périmètre et les décisions de marché et de modèle, tout en restant dans le concret : les parcours, le modèle de marge, le design system et le détail des interactions sur chaque écran.
- La stratégie produit et le positionnement
- Les décisions de périmètre, de marché et de modèle
- L'UX de bout en bout sur 45 écrans
- Un modèle de marge explicable
- Des factures qui alimentent un mercuriale partagé
- L'arabe de droite à gauche et le français
Un assistant pour les chefs, pas un outil de rapprochement
Le premier cadrage demandait aux chefs de télécharger une facture pour chaque recette afin d'obtenir une marge. Cela mettait une corvée par recette, et tout le travail de rapprochement, sur les épaules de l'utilisateur, et enterrait ce qui compte vraiment pour les chefs : la recette. Le cadrage a donc connu quelques itérations. Les factures construisent discrètement un mercuriale. Les recettes y lisent leurs prix. On scanne une fois et on réutilise partout, et une recette ne demande un prix que lorsqu'elle utilise un ingrédient que vos factures n'ont jamais vu.
Saisir une recette sans taper un mot
Les personnes à qui Cookler s'adresse gèrent tout seules, souvent avec peu de temps pour lire et les mains sales. La voix passe donc en premier : dictez la recette et regardez chaque ingrédient apparaître à l'écran. La photo et la vidéo servent pour une fiche imprimée ou une préparation en cours, et les factures arrivent de la même façon. Le clavier est une solution de repli, jamais le point de départ.
Un chiffre que l'on peut toujours expliquer
La marge est tout le produit, elle ne peut donc jamais ressembler à une boîte noire. Cookler l'énonce en langage clair et en euros, on gagne de l'argent, on est à l'équilibre ou on en perd, et chaque chiffre est à un geste des prix et des correspondances qui l'ont produit (les téléphones ci-dessus : faites glisser le prix pour voir la marge bouger, puis ouvrez le raisonnement). Les coûts des ingrédients viennent des propres factures du chef, la main-d'œuvre est le temps de préparation multiplié par un taux fixé une fois, et le chef fixe toujours le prix de vente final. Cookler ne fait que recommander.
Garder chaque marge juste quand les coûts dérivent
Une marge n'est vraie que le jour où elle est calculée. Chaque facture scannée met à jour le mercuriale et montre comment les prix de chaque fournisseur ont évolué. Quand une nouvelle facture fait discrètement basculer une recette dans le rouge, Cookler le fait remonter par-dessus ce que le chef est en train de faire, une vraie alerte sur l'écran en cours, pas un rapport enfoui, pour qu'elle soit vue avant de coûter cher.
Un produit gagne la confiance dans ses pires moments, alors j'ai conçu les cas d'erreur à dessein : nommer le problème clairement, toujours proposer l'étape suivante.
Factures avec évolution des prix · une notification push sur l'écran verrouillé · et le centre de notifications de l'application
Un seul produit, l'Arabie saoudite et la France
Cookler se lance sur deux marchés à la fois, la localisation était donc une contrainte de design dès le premier écran, pas une passe ultérieure. L'arabe inverse toute l'interface, chiffres compris, entièrement de droite à gauche. Le français ne change que les mots. La région fixe ensemble la devise et les unités, SAR ou EUR, sans sélecteurs séparés où se tromper.
Material 3, aux couleurs de Cookler
Material Design 3 porte l'interaction, l'accessibilité et la mise en page, si bien qu'une petite équipe n'a pas eu à reconstruire les bases. La marque apporte la typographie et une règle de couleur stricte, et la rentabilité est toujours écrite en mots et en chiffres, pour que le sens ne repose jamais sur la couleur seule.
Le bleu marque ce que l'on peut toucher et ce qui rapporte, le rouge une perte, l'ambre signale l'équilibre et les prix à surveiller. Tout le reste reste en niveaux de gris, pour que le sens ne devienne jamais bruyant. Poppins porte l'interface et les chiffres, JetBrains Mono les prix, et Cairo la version arabe.
Le plus simple à construire, sans jamais sacrifier la justesse
J'ai mené ce projet comme je travaille : fixer la stratégie, puis rester dans les pixels. J'ai porté le positionnement et le périmètre, et je suis resté dans le concret à travers les parcours, le modèle de marge et le détail des interactions, le prix glissable, l'alerte en direct, le miroir droite-à-gauche. Avec une petite équipe et deux marchés à atteindre, mon rôle était de protéger le périmètre sans appauvrir le produit. Deux règles ont tenu chaque décision : construire la chose la plus simple qui fonctionne, et ne jamais sacrifier la justesse à la simplification.
Cela veut dire écrire ce que cette version calcule et ce qu'elle laisse délibérément pour plus tard, pour que l'ingénierie construise sur des règles claires plutôt que sur des suppositions. Alors que le backend gérait déjà les recettes composées, un gâteau construit à partir de ses propres sous-recettes, je l'ai gardé hors périmètre pour que le produit sorte à plat et l'ajoute plus tard sans reconstruire le moteur de marge. Des prototypes interactifs accompagnent les parcours et servent de spécification, pour que produit, design et ingénierie s'alignent sur la vraie chose.
Une simplification délibérée, écrite pour l'ingénierie
Un chiffre, dans la poche de chaque chef
La gestion des marges est en développement pour l'Arabie saoudite et la France : saisie vocale, photo et vidéo, une marge explicable, un mercuriale qui se construit seul, des alertes d'érosion de marge, et l'arabe et le français complets. Elle repose sur un essai gratuit limité dans le temps plutôt qu'un plafond de volume, pour que l'essai prouve sa valeur avant que quiconque paie. L'équipe développe à partir des parcours et du détail des interactions présentés ici, les décisions les plus difficiles, le rapprochement, la conversion d'unités et les recettes composées, ayant déjà été pensées pour la suite.