Aller au contenu

Recette

Faire un site avec l’IA

Objectif

Un site vitrine ou une boutique simple, en ligne cette semaine. Pas un « manifeste produit » de 40 pages.

Outils

  • ChatGPTArborescence, copy, code
  • ClaudeParcours et textes soignés
  • MidjourneyDirection visuelle si besoin

Étapes

  1. 01Une page = un objectif. Accueil, offre, preuve, contact. Rien d’autre au départ.
  2. 02Fais rédiger le copy avant le code. Un site vide avec de belles cartes ne convertit pas.
  3. 03Demande le HTML/CSS ou le composant, pas « un site moderne ». Colle ta stack réelle.
  4. 04Passe les textes dans Claude si c’est du premium / juridique (CGV, mentions).
  5. 05Publie. Puis itère sur une page, pas sur le design system.

Prompt copiable

Prompt prêt à coller

Je construis un site français. Offre : [1 phrase]. Audience : [qui]. Stack : [HTML / Webflow / Next / Shopify].

Livre :
1. Arborescence (5 pages max) + objectif de chacune.
2. Copy de l’accueil : H1, sous-titre, 3 arguments, CTA, FAQ (5).
3. Wireframe textuel, pas de Figma.
4. Si je demande le code : un seul fichier ou un composant, sans dépendance surprise.

FR de France, tutoiement. Interdit : lorem, « solution innovante », carousel.

Piège classique

Demander « un site comme Apple ». Tu récupères un template générique. Donne l’offre, le prix, le CTA, la contrainte technique.