Sortir un site pro en quarante-huit heures
Votre site, vous le repoussez depuis des mois. Vous n'êtes pas développeur, et chaque tentative avec une IA finit de la même façon : des consignes floues, des pages qui se contredisent, une retouche qui casse ce qui marchait, et tout est à refaire. Le problème n'est pas l'outil. Un brief flou produit un site raté.
Cette masterclass vous donne la méthode pour passer de la feuille blanche à un site professionnel complet en quarante-huit heures, sans coder : un cahier des charges qui ne laisse rien à deviner, des briefs précis page par page, dans le bon ordre, et une règle simple : vous décidez, l'IA exécute.
Ce que cet exercice ne peut pas casser
L'exercice se fait sur une feuille : vous rédigez votre cahier des charges, vous ne touchez à aucun outil, vous ne publiez rien. Au pire, vous aurez clarifié votre offre et vos pages, ce qui ne se perd jamais. La construction proprement dite ne commence que quand vous le décidez.
Ce que vous saurez faire à la fin
- Rédiger le cahier des charges complet (nom, offre en une phrase, public, ton, couleurs avec codes exacts, liste des pages) qui ne laisse à l'IA aucune place pour inventer.
- Découper votre site en briefs autonomes, un par page, ordonnés dans la séquence sûre : squelette, accueil, pages secondaires, mobile, sauvegarde.
- Faire construire chaque page par l'IA de votre choix et la valider à l'écran avant de passer à la suivante, sans jamais revenir en arrière.
- Niveau membre· le prompt prêt à coller qui transforme votre cahier des charges en briefs précis, page par page, dans le bon ordre, et passe en mode interview si vous partez de zéro.
Six étapes dans cet ordre, un brief validé à la fois : c'est la discipline qui évite de tout casser.
Pourquoi cet ordre, et pas un autre
La méthode tient en six mots : cahier des charges, squelette, accueil, pages une par une, mobile, sauvegarde. Cet ordre n'est pas décoratif : chaque étape protège la suivante. Vous n'êtes pas là pour coder, vous êtes là pour briefer. Et un bon brief commence toujours par ce que l'IA n'a pas le droit d'inventer à votre place.
1Le cahier des charges : tout part de làdoute : « par où je commence ? »
Avant la moindre page, posez par écrit : votre nom, votre offre en une phrase, le public visé, le ton de votre marque, vos couleurs exactes avec leurs codes, et la liste de vos pages. C'est la matière première de tous les briefs. La règle est stricte : l'IA n'invente jamais une couleur, un nom de page ou un positionnement à votre place. Ce qui manque, elle doit vous le demander.
2Le squelette et la palette d'aborddoute : « pourquoi pas directement les pages ? »
Le premier brief ne construit aucune page : il pose le squelette du projet et la palette de couleurs. C'est la fondation commune. Sans elle, chaque page repartirait de zéro et le site perdrait sa cohérence dès la deuxième.
3L'accueil ensuite : votre référence de styledoute : « et si elle ne me plaît pas ? »
La page d'accueil se construit avant toutes les autres, parce qu'elle sert de référence de style : c'est elle que les pages suivantes imiteront. Travaillez-la jusqu'à ce qu'elle vous convienne vraiment, à l'écran, avant d'aller plus loin. Valider une accueil moyenne, c'est dupliquer une page moyenne sur tout le site.
4Les pages secondaires, une par unedoute : « je peux tout lancer d'un coup ? »
Non, et c'est le cœur de la méthode : un brief par page, jamais deux pages dans le même brief. Chaque brief porte une ligne « critère de validation » : ce que vous devez voir à l'écran pour considérer la page comme réussie. Tant que le critère n'est pas rempli, vous ne passez pas à la suivante. C'est cette discipline, un brief validé à la fois, qui vous évite de tout casser et de revenir en arrière.
5La passe mobiledoute : « ce n'est pas automatique ? »
Chaque brief décrit déjà le comportement attendu sur mobile, mais la méthode prévoit une passe dédiée à la fin : vous repassez le site écran par écran sur téléphone, et vous faites corriger ce qui déborde. La majorité de vos visiteurs arriveront par là.
6La sauvegarde, pour verrouillerdoute : « et si une retouche casse tout ? »
La méthode se termine par la sauvegarde : vous mettez le site validé à l'abri avant toute modification future. C'est elle qui rend le « jamais revenir en arrière » tenable. Si une retouche tourne mal un jour, vous repartez de la dernière version saine au lieu de tout reconstruire.
À vous de jouer : votre cahier des charges
Prenez une feuille. Vous rédigez la matière que le prompt transformera en briefs. Cochez à mesure.
Le résultat, en 30 secondes
À partir de votre seul cahier des charges, le prompt rend un document structuré : l'ordre de construction numéroté, puis un brief par page, chacun avec son critère de validation.
Brief 3, page À propos. But : installer la confiance avant la prise de contact. Sections dans l'ordre : votre histoire en trois paragraphes, votre méthode, une photo, l'appel à l'action vers la page Contact. Comportement mobile : sections empilées, photo réduite. Critère de validation : la page reprend exactement le style de l'accueil et l'appel à l'action est visible sans faire défiler.
Le prompt prêt à coller
# RÔLE Vous êtes un chef de projet web doublé d'un directeur artistique, habitué à briefer des outils de développement assistés par IA, pour un expert solo non technique (coach, formateur, consultant). Votre exigence est élevée : un brief flou produit un site raté. Vous ne vous appuyez QUE sur ce que je vous donne. Ce qui manque, vous me le demandez. Vous n'inventez jamais une couleur, un nom de page ou un positionnement à ma place. # CONTEXTE Je veux faire construire mon site par une IA, sans coder moi-même, page par page et sans jamais revenir en arrière. Je ne suis pas développeur : je décide, l'IA exécute. Mon cahier des charges (si j'en ai un) : [collez ici votre nom, votre offre en une phrase, le public visé, le ton de votre marque, vos couleurs exactes avec leurs codes, et la liste de vos pages.]
Le prompt transforme votre cahier des charges en briefs précis, page par page, dans le bon ordre, chacun avec son critère de validation. Et si vous partez de zéro, il passe en mode interview et vous pose les questions une par une. Laissez votre email, je vous l'envoie.
Vérifiez que c'est à vous
Vos briefs sont prêts. Pour gagner du temps, vous êtes tenté de tous les coller d'un coup à votre IA et de la laisser construire le site en entier. Que dit la méthode ?
D'abord avec vos mots, sans regarder les options :
Expliquez-le pour l'ancrer
En une phrase, à un confrère qui veut son site mais ne code pas : pourquoi construire la page d'accueil avant toutes les autres ? Si vous savez le dire simplement, la méthode est à vous.
Ce que vous savez faire maintenant
- Rédiger un cahier des charges qui ne laisse à l'IA aucune couleur, aucun nom de page, aucun positionnement à inventer.
- Dérouler la séquence sûre : squelette et palette, accueil, pages une par une, passe mobile, sauvegarde.
- Valider chaque page à l'écran avant la suivante, et ne plus jamais tout casser pour revenir en arrière.
Un brief validé à la fois : c'est cette discipline qui vous évite de tout casser et de revenir en arrière.