ARTDANTECH
Étude de casCadrage produitParlons de votre projet

Menu Maker by Qwenta

Comment nous avons cadré un produit FoodTech complexe avant d'écrire une seule ligne de code — veille stratégique, spécifications techniques et planification agile, rendues lisibles pour un sponsor non technique.

Vue d'ensemble

La majorité des projets digitaux qui échouent ne meurent pas pendant le développement. Ils meurent avant — dans un cadrage flou, des choix techniques non arbitrés et un planning que personne ne comprend vraiment. Ce projet prouve qu'investir dans la réflexion avant la production est le meilleur moyen de protéger votre budget, votre planning et votre produit.

Le projet

Cadrage complet d'un produit FoodTech : veille technique structurée, spécifications argumentées, planification agile et présentations adaptées à un sponsor non technique.

Le client

Qwenta — un produit Menu Maker destiné aux restaurateurs. Une vision ambitieuse qui avait besoin d'un cadre solide avant de se lancer dans le développement.

Le problème

Des user stories, une maquette desktop et des spécifications fonctionnelles — mais aucune trajectoire technique claire. Beaucoup de matière, peu de direction.

L'objectif

Transformer une intention produit dispersée en feuille de route concrète : quoi construire, dans quel ordre, avec quelles technologies et pourquoi.

Ce projet ne contient pas une ligne de code. Et c'est précisément ce qui le rend précieux : il montre que la qualité d'un produit se joue souvent avant que le premier développeur n'ouvre son éditeur.


Résultats concrets

Une trajectoire produit limpide

Architecture, modèle de données, stratégie d'export et enjeux d'accessibilité — chaque décision technique formalisée, justifiée et priorisée.

Un plan d'exécution actionnable

Backlog structuré, Kanban complet, jalons, dépendances et priorités P1/P2/P3. L'équipe de développement sait exactement par où commencer.

Une veille qui éclaire les décisions

Pas une collection de liens — un outil d'aide à la décision organisé par thématique : export, architecture, accessibilité, performance.

Un sponsor qui comprend et qui valide

Des présentations conçues pour rendre les choix techniques accessibles sans simplification trompeuse. Le décideur peut arbitrer en connaissance de cause.


Avant / Après

Axe
Avant
Après
Vision produit
Une intention fonctionnelle dispersée entre maquette, user stories et contraintes. Tout le monde comprend le 'quoi', personne n'est aligné sur le 'comment'.
Une trajectoire claire structurée autour d'un MVP borné, d'options techniques argumentées et de priorités explicites.
Décisions techniques
Plusieurs choix critiques encore ouverts : architecture, export, gestion des médias. Pas de critère clair pour trancher.
Chaque décision évaluée selon le triptyque coût/complexité/impact. Les arbitrages sont documentés et défendables.
Planification
De la matière projet en vrac. Pas de backlog structuré, pas de jalons, pas de vision claire de l'ordre d'exécution.
Kanban complet avec priorités, dépendances, responsabilités et jalons. Le plan d'exécution est lisible par toute l'équipe.
Communication
Un sujet technique complexe face à un sponsor qui ne parle pas le langage de l'architecture. Risque de décisions prises sans comprendre.
Des présentations pédagogiques qui rendent les enjeux techniques compréhensibles — et les décisions possibles.

Le problème

Le vrai danger dans un projet de cette complexité, ce n'est pas de mal coder. C'est de coder la mauvaise chose — ou de coder sans savoir pourquoi.

Le projet Menu Maker se trouvait à un moment charnière : assez de matière pour avoir l'impression d'avancer, pas assez de structure pour avancer dans la bonne direction. Concrètement :

  • Des user stories sans hiérarchie. Tout semblait prioritaire. Sans arbitrage clair, l'équipe de développement risquait de construire des fonctionnalités secondaires avant les fondations essentielles.
  • Des choix techniques non tranchés. Architecture front/back, stratégie d'export PDF, gestion des médias, modèle de données — autant de décisions critiques encore ouvertes, sans critère de décision formalisé.
  • Un sponsor non technique qui doit valider. Le décideur final ne lit pas le code et ne connaît pas React. Pourtant, c'est lui qui doit donner le feu vert. Si les choix techniques ne sont pas rendus compréhensibles, les décisions sont prises à l'aveugle — ou pas prises du tout.
  • Le risque du « on verra en développant ». La tentation classique : lancer le dev et ajuster au fur et à mesure. Résultat prévisible : budget dépassé, scope flou, dette technique dès le premier sprint.

Ce projet demandait le contraire de l'improvisation. Il demandait de la méthode.


Notre approche

Nous avons traité ce cadrage comme la fondation d'un bâtiment : invisible une fois le produit lancé, mais c'est elle qui détermine si la structure tient ou s'effondre.

Phase 1 — Lecture croisée et cartographie des décisions

  • Analyse approfondie des spécifications fonctionnelles, de la maquette desktop et des user stories
  • Identification de chaque zone où une décision technique devait être prise
  • Cartographie des dépendances entre les choix (ex : le choix d'architecture impacte la stratégie d'export)

Phase 2 — Veille stratégique, pas veille décorative

  • Recherche ciblée sur les options d'export (HTML-to-PDF, Puppeteer, solutions tierces)
  • Benchmark des architectures front/back adaptées au cas d'usage
  • Étude des contraintes d'accessibilité spécifiques à un outil d'édition
  • Organisation des sources par thématique — exploitable par l'équipe, pas juste par nous

Phase 3 — Spécifications techniques argumentées

  • Formalisation de l'architecture modulaire proposée
  • Modélisation du schéma de données
  • Stratégie d'export évaluée selon coût/complexité/impact
  • Recommandations sur la gestion des médias, la sécurité et la performance
  • Chaque choix accompagné de sa justification — et de ses alternatives

Phase 4 — Planification lisible et actionnable

  • Backlog structuré avec priorisation P1/P2/P3
  • Kanban complet avec tâches, responsabilités et dépendances
  • Jalons de livraison alignés sur le MVP défini
  • Logique de communication intégrée : qui décide quoi, à quel moment

Phase 5 — Traduction pour le décideur

  • Présentations conçues pour un sponsor non technique
  • Chaque slide porte une décision, pas un exposé — le format invite à l'action
  • Complexité technique traduite en enjeux business compréhensibles

Dans un projet de cadrage, la qualité ne se mesure pas au poids des documents produits. Elle se mesure à leur capacité à réduire l'incertitude — et à rendre les bonnes décisions évidentes.


Stack proposée

La stack a été recommandée en fonction du cas d'usage, pas en fonction de nos préférences :

  • React + TypeScript (interface d'édition riche)
  • Redux Toolkit ou Zustand (gestion d'état)
  • React Hook Form + Zod (formulaires et validation)
  • Node / Express (API)
  • PostgreSQL (données relationnelles)
  • S3 ou équivalent (médias)
  • Puppeteer (option avancée pour l'export PDF)

Chaque choix est documenté avec sa justification, ses alternatives et ses implications sur le planning et le budget.


Le résultat

Le livrable de ce projet n'est pas un site ni une application. C'est quelque chose de plus précieux : la certitude que le développement peut commencer dans de bonnes conditions — avec une direction claire, des choix défendables et un plan que tout le monde comprend.

  • Une veille technique structurée et directement exploitable par l'équipe de développement
  • Des spécifications techniques complètes, argumentées et priorisées
  • Une planification agile lisible : backlog, Kanban, jalons, dépendances
  • Des présentations qui ont permis au sponsor de valider en connaissance de cause
  • Une trajectoire produit crédible — du MVP aux évolutions futures

Le produit n'existait pas encore. Mais il était déjà possible — parce que le cadre était solide.


Ce que ce projet révèle

Ce projet démontre une compétence que la plupart des studios ne proposent pas — et que la plupart des projets qui échouent auraient eu besoin : la capacité à penser un produit avant de le construire. Structurer les choix, hiérarchiser les priorités, rendre les décisions compréhensibles et poser un cadre qui protège le budget, le planning et la qualité du résultat final.

Si vous êtes sur le point de lancer un projet digital complexe et que vous voulez éviter le piège du « on verra en développant » — si vous préférez investir dans la clarté avant d'investir dans le code — c'est exactement ce travail de cadrage que nous proposons.