Du PRD au Prototype en 15 Minutes
Du PRD au Prototype en 15 Minutes
Les PMs rédigent des specs. Les ingénieurs les construisent. L'écart entre les deux coûte des semaines.
Et si vous pouviez combler cet écart vous-même ? Dans cette leçon, vous allez transformer une idée produit en une page HTML vivante — un Product Brief avec des exigences, une esquisse de wireframe UI, et des métriques de succès. Pas besoin de ticket d'ingénierie. Livrez la preuve, pas la spec.
Instructions
Ajoutez un <h1> avec le nom de votre produit — rendez-le gras et grand
Indice : Essayez : `<h1 class="text-3xl font-bold text-gray-900 mt-2">VotreProduit — Slogan Court</h1>`
Ajoutez un <ul class="requirements"> avec au moins 3 éléments <li> décrivant ce que le produit doit faire
Ajoutez un <div class="wireframe"> qui esquisse l'interface — utilisez des boîtes colorées pour représenter les étapes ou sections de l'UI
Ajoutez au moins une métrique de succès — un nombre ou un pourcentage qui définit à quoi ressemble «terminé». Utilisez le mot «métrique» quelque part sur la page
Votre code
Décrivez ce que vous voulez créer pour cette étape et je rédige le code — puis cliquez sur Appliquer pour l'insérer dans votre éditeur. Cette étape : Ajoutez un <h1> avec le nom de votre produit — rendez-le gras et grand