Vibe Coding — ton premier app sans savoir coder — 10. Capstone : du prototype au produit

20 min read min de lecture
Chapitre 10

Capstone : du prototype au produit

Chapitre 10 sur 10 · 100%

Objectifs de ce chapitre

  • Mesurer l’usage réel de ton app sans espionner tes utilisateurs
  • Organiser le feedback et prioriser comme un responsable produit
  • Installer un rythme d’itération durable — et savoir lancer le projet suivant

Six semaines plus tard

Faisons les comptes. Six semaines après la première ligne de prompt, l'app de Tom est utilisée par trois classes dans deux collèges. Le prof de maths a payé sa version « classe » via le Payment Link. Lina affiche un streak de 34 jours. Et Tom a reçu cette semaine quatre messages : deux idées de fonctionnalités, une question, un bug mineur. C'est le moment charnière que connaissent tous les créateurs : l'app fonctionne — mais une app qui fonctionne n'est pas encore un produit. Un produit, c'est une app plus une boucle : on mesure, on écoute, on décide, on itère. Ce chapitre installe cette boucle, puis t'envoie vers ton prochain projet.

Mesurer : des chiffres sans espionner

Première question d'un responsable produit : « qui utilise quoi, vraiment ? ». Les impressions mentent — les chiffres, moins. Mais attention au réflexe « Google Analytics » : pour une petite app, surtout utilisée par des mineurs, tu veux un outil d'analytics respectueux de la vie privée comme Plausible ou Umami : pas de cookies, pas de profilage, pas de bandeau de consentement à rallonge, juste des compteurs anonymes. L'intégration tient en une ligne que l'IA ajoutera en trente secondes, et le tableau de bord te dit l'essentiel : combien de visites, quelles pages, quels jours.

Le piège suivant, c'est de regarder les mauvais chiffres. Le nombre de visites flatte l'ego mais ne dit rien d'utile : on appelle ça une métrique de vanité. Tom se choisit une métrique nord — LE chiffre qui dit si l'app remplit sa mission : « combien d'élèves cochent au moins une habitude trois jours par semaine ? ». Tout le reste (visites, comptes créés, pages vues) n'est que du décor autour de cette question. Choisis la tienne avec le même critère : si ce chiffre monte, ton app rend objectivement plus service.

Avec un public de mineurs, la sobriété s'impose doublement : un outil sans cookies ni profilage te dispense du consentement individuel et protège tes utilisateurs. Mesure des usages anonymes (combien de coches par jour), jamais des personnes (qui coche quoi). La métrique nord de Tom se calcule très bien sur des données agrégées.

Écouter : organiser le feedback

Les messages éparpillés de Tom — un SMS, deux mails, un mot à la récré — sont le symptôme d'un produit sans canal de feedback. La solution est dans l'app elle-même : un petit bouton « une idée ? un souci ? », un mini-formulaire, et chaque envoi rangé dans une table de la base. Tu as toutes les compétences pour le construire — c'est même un excellent exercice de synthèse des chapitres 6 à 9 : un formulaire (entrées validées !), une table Supabase (avec RLS !), une limite d'envois (chapitre 9 !) :

PROMPT
Ajoute un module de feedback à mon app de suivi d'habitudes.
Ce que je veux :
1. un petit bouton discret « une idée ? un souci ? » en bas de la page principale
2. au clic : un mini-formulaire avec un champ texte de 500 caractères max et un choix « bug / idée / autre »
3. chaque envoi est enregistré dans une table feedback de Supabase avec le user_id, la catégorie et la date — avec la Row Level Security activée
4. limites : 5 envois par utilisateur et par jour, validation du contenu côté serveur, message de remerciement après envoi
5. crée aussi une page /admin accessible uniquement à mon compte, qui liste les feedbacks du plus récent au plus ancien avec un compteur par catégorie
Une étape à la fois, je teste avant de continuer.

Une fois le module en place, la règle d'interprétation : les demandes ne sont pas des besoins. Quand trois élèves demandent « un mode sombre », le besoin réel est peut-être « l'app m'éblouit le soir dans le dortoir ». Avant d'ajouter ce qu'on te demande, remonte au problème : « qu'est-ce qui te gêne, concrètement, à quel moment ? ». Parfois la bonne réponse est la fonctionnalité demandée ; souvent, c'est une solution plus simple que personne n'avait formulée.

Prioriser : la matrice du solo-bâtisseur

Avec les analytics d'un côté et le feedback de l'autre, ta liste « plus tard » va gonfler vite. Le tri se fait avec quatre questions, dans cet ordre : combien d'utilisateurs sont concernés ? (un irritant cité cinq fois bat une idée brillante citée une fois), est-ce aligné avec ta métrique nord ? (une fonctionnalité qui n'aide pas la mission attendra), quel effort ? (demande à l'IA d'estimer : petit, moyen, gros chantier), et est-ce réversible ? (une expérimentation qu'on peut retirer se tente plus librement qu'un engagement définitif).

  • Beaucoup d'utilisateurs + aligné + petit effort : fais-le cette semaine.
  • Aligné mais gros effort : découpe-le en mini-PRD (chapitre 3) et étale-le.
  • Peu d'utilisateurs concernés : laisse mûrir — si ça revient trois fois, ça montera tout seul.
  • Pas aligné avec la mission : refuse poliment, même si c'est une bonne idée. Surtout si c'est une bonne idée.

Le dernier point est le plus dur et le plus important : dire non. Chaque fonctionnalité ajoutée est une surface à maintenir, déboguer et sécuriser pour toujours. Les meilleurs produits ne sont pas ceux qui font le plus de choses, ce sont ceux dont chaque chose sert la mission. Tom refuse ainsi un « chat entre élèves » — excellente idée, mauvais produit : sa mission, c'est les habitudes, pas la messagerie.

Monétiser sans se trahir

Le Payment Link du chapitre 8 a transformé l'app de Tom en activité qui rapporte — modestement, mais réellement. Le moment est venu d'y réfléchir posément. Les modèles adaptés à une petite app : le freemium (le cœur gratuit, des conforts payants — le choix de Tom : gratuit pour les élèves, version « classe » avec tableau de bord pour les profs), le paiement unique (simple et honnête, adapté aux outils), le don (viable pour un outil aimé d'une communauté), et l'abonnement (réservé à une valeur récurrente évidente — ne l'inflige pas à un outil qu'on utilise deux fois par mois).

Deux principes au moment de fixer le prix. D'abord, la cohérence avec la mission : Tom ne fera jamais payer un élève — la mission est pédagogique, ce sont les établissements et les profs qui financent. Ensuite, la simplicité : un seul plan payant, un prix rond, une page qui l'explique en trois bénéfices. Tu pourras complexifier quand tu auras cent clients ; à cinq clients, chaque heure passée sur la grille tarifaire est une heure volée au produit.

Commence par UN plan payant unique et un prix que tu peux annoncer sans rougir ni te justifier. Tu apprendras plus en encaissant trois vrais paiements qu'en peaufinant trois mois de stratégie tarifaire théorique. Le prix parfait n'existe pas ; le prix annoncé, si.

Faire connaître : montrer le problème, pas la technique

Le bouche-à-oreille a amené trois classes à Tom ; pour aller plus loin, il lui faut une vraie page d'accueil — celle qu'un prof découvre en cliquant sur le lien partagé en salle des profs. Règle d'or du débutant : on ne vend pas la technique, on montre le problème résolu. Personne ne s'inscrit pour « une app Supabase avec RLS » ; on s'inscrit pour « aider vos élèves à tenir leurs routines de travail ». Tom la fait générer avec tout son savoir-faire de prompt :

PROMPT
Crée une page d'accueil marketing pour mon app de suivi d'habitudes, sur la route /accueil.
Audience : des professeurs de collège qui découvrent l'app via un collègue — pas des développeurs.
Structure :
1. un titre qui parle du problème résolu : aider les élèves à tenir leurs routines de travail
2. trois bénéfices concrets en trois cartes, sans aucun jargon technique
3. une capture d'écran de l'app au centre, propre, sur fond clair
4. un court témoignage de prof — je te fournirai le texte exact
5. deux boutons : « essayer gratuitement » vers l'inscription, et « version classe » vers la page de paiement
Style : cohérent avec l'app, épuré, accent vert, rassurant, lisible sur téléphone.
La page doit se charger vite : pas d'animations lourdes, pas de bibliothèques inutiles.

Le rythme durable : itérer sans s’épuiser

Dernier ingrédient du produit : le rythme. L'erreur classique post-lancement est le sprint permanent — trois fonctionnalités par semaine pendant un mois, puis l'abandon complet. Le rythme durable du solo-bâtisseur ressemble plutôt à ceci : une amélioration par semaine, choisie par la matrice de priorisation, livrée selon la méthode des chapitres 3-4 (mini-PRD si c'est gros, construire-tester-committer toujours), plus un quart d'heure d'hygiène hebdomadaire : un œil sur les analytics, le tri des feedbacks, un coup d'œil aux pages de statut et au plafond de dépense IA.

Et accepte une idée contre-intuitive : un produit peut être fini. Si la métrique nord est bonne, que les feedbacks se tarissent et que l'app rend exactement le service prévu, tu as le droit de la laisser tourner en mode maintenance et de passer à autre chose. « Terminé et utile » est un état glorieux, pas un échec d'ambition. Toutes les apps n'ont pas vocation à devenir des empires — celle de Tom fait précisément ce qu'elle doit faire, et c'est sa plus grande qualité.

Ton parcours — et le projet suivant

Prends une seconde pour mesurer le chemin, parce qu'il est considérable. En dix chapitres, tu as appris à cadrer une idée (mini-PRD), choisir des outils, construire en itérant, déboguer méthodiquement, déployer, authentifier des utilisateurs, centraliser des données en sécurité, brancher des services externes, sécuriser l'ensemble, et piloter un produit avec des chiffres et du feedback. Ce ne sont pas des connaissances de « vibe codeur débutant » : c'est, très exactement, le cycle de vie complet d'un produit logiciel — celui que suivent les équipes professionnelles, que tu sais maintenant dérouler en dialoguant avec une IA.

La suite s'écrit d'elle-même : choisis un deuxième projet, un cran plus ambitieux, et redéroule le cycle entier. Tu iras trois fois plus vite — non parce que l'IA aura progressé, mais parce que toi tu sauras quoi demander, quoi exiger, quoi tester et quand dire non. C'était l'objectif secret de ce cours depuis la première page : pas t'apprendre à faire une app, t'apprendre à en faire autant que tu veux. Tom a déjà son idée suivante — un carnet de lecture pour le club du CDI. Et toi ?

Avant de fermer ce cours, archive ton « système produit » : ton mini-PRD, ta liste « plus tard », ton journal des incidents, tes prompts d'audit et de débogage. Ce sont des modèles réutilisables — au prochain projet, tu ne partiras pas de zéro, tu partiras de toi.
🛠️ À toi de jouer

Contexte

Pour boucler le cours, Tom s'offre une « semaine produit » : analytics installés lundi, module de feedback mardi, tri et priorisation mercredi, page d'accueil jeudi, et vendredi… le choix de sa première amélioration issue de vrais chiffres et de vrais retours. C'est l'exercice final : transforme ton app en produit, puis décide en responsable produit — données à l'appui.

Consignes

  1. Installe un outil d’analytics respectueux de la vie privée (Plausible ou Umami) et définis ta métrique nord en une phrase.
  2. Construis le module de feedback avec le prompt fourni, en réutilisant tes réflexes : validation, RLS, limites.
  3. Après quelques jours de récolte, trie les retours : remonte chaque demande au problème réel qu’elle exprime.
  4. Passe ta liste dans la matrice (utilisateurs concernés, alignement, effort, réversibilité) et choisis UNE amélioration.
  5. Crée ta page d’accueil orientée problème-résolu et partage-la à ton public cible.
  6. Livre ton amélioration selon la méthode du cours, puis écris ton bilan : métrique nord, ce qui a marché, et l’idée de ton prochain projet.
Indice — Si tu hésites entre plusieurs améliorations, choisis la plus petite qui touche ta métrique nord : une victoire livrée cette semaine vaut mieux qu'un chantier parfait le mois prochain. Et garde le bilan final — le relire avant ton prochain projet vaudra tous les tutoriels.

En résumé

  • Un produit = une app + une boucle : mesurer, écouter, décider, itérer.
  • Analytics respectueux (Plausible, Umami) : des usages anonymes, pas des personnes — surtout avec des mineurs.
  • Choisis une métrique nord qui dit si la mission est remplie ; méfie-toi des métriques de vanité.
  • Le feedback se collecte dans l’app et s’interprète : les demandes ne sont pas des besoins, remonte au problème.
  • Priorise avec quatre questions : combien d’utilisateurs, alignement mission, effort, réversibilité — et ose dire non.
  • Monétise simple : un plan, un prix rond, une page claire — et une cohérence totale avec ta mission.
  • Le rythme durable : une amélioration par semaine, un quart d’heure d’hygiène, et le droit de déclarer un produit « fini ».

Quiz — vérifie ta compréhension

1. Pourquoi Tom choisit-il Plausible ou Umami plutôt qu’un analytics classique ?

Pour une petite app — a fortiori utilisée par des mineurs — on mesure des usages anonymes et agrégés, jamais des personnes. Les outils sans cookies le permettent sans consentement individuel ni bandeau.

2. Qu’est-ce qu’une « métrique nord » ?

Les visites sont une métrique de vanité : flatteuse, peu utile. La métrique nord de Tom — élèves qui cochent 3 jours par semaine — mesure le service réellement rendu.

3. Trois élèves demandent un mode sombre. Quelle est la meilleure première réaction ?

Les demandes ne sont pas des besoins : derrière « mode sombre » se cache peut-être « l'app m'éblouit le soir ». Comprendre le problème ouvre parfois une solution plus simple que la fonctionnalité demandée.

4. Pourquoi « dire non » à une bonne idée hors mission est-il si important ?

Le chat entre élèves était une excellente idée — pour un autre produit. Un produit fort n'est pas celui qui fait le plus de choses, c'est celui dont chaque chose sert la mission.

5. Quel est le rythme d’itération durable proposé pour un solo-bâtisseur ?

Le sprint permanent mène à l'abandon. Une amélioration par semaine + un quart d'heure d'hygiène est tenable des années — et un produit peut légitimement être déclaré « fini » quand il remplit sa mission.

Auteur(s)

R

REHOUMA Haythem

Haythem Rehouma est un ingénieur et architecte IA et cloud, formateur et enseignant technique, avec un profil orienté IA médicale, AWS, MLOps, LLM/RAG et vision par ordinateur.