Créer un site vitrine avec l'IA : la roadmap complète, sans savoir coder

Créer un site vitrine ne demande plus de savoir coder ni de payer une agence. L'IA génère aujourd'hui la structure, le design et les textes ; les outils no-code publient le tout en ligne. Voici la roadmap complète, dans l'ordre, pour passer de l'idée au site en ligne — chaque étape peut se faire en une soirée. C'est l'étape centrale du guide créer son site avec l'IA, qui relie toutes les autres.

Comptez environ une semaine à raison d'une heure par jour. Ne sautez pas les deux premières étapes : c'est le cadrage qui fait la différence entre un beau site et un site qui vend.

Étape 0 — Cadrer le site avant de toucher à un outil

Un site vitrine réussi répond à une seule question : « pourquoi vous contacter, vous ? ». Notez ces réponses dans un document, elles nourriront tous vos prompts IA ensuite.

• Votre offre en une phrase : ce que vous faites, pour qui, et le résultat que vous apportez.
• Votre client type : à qui vous parlez (ton, niveau de connaissance, objection principale).
• L'action attendue : appeler, réserver, demander un devis, s'inscrire — une seule action prioritaire.
• 3 concurrents dont le site vous plaît, avec ce qui vous plaît chez chacun.

Étape 1 — Choisir votre outil de création

Trois familles d'outils selon votre profil. Inutile de tous les essayer : choisissez-en un et allez au bout.

Étape 2 — Générer l'arborescence avec l'IA

Avant le design, la structure. Demandez à une IA (Claude, ChatGPT) un plan de site à partir de votre cadrage.

• Collez votre document de cadrage et demandez : « Propose l'arborescence d'un site vitrine pour [activité], avec le contenu clé de chaque page et un ordre de sections pour la page d'accueil. »
• Un site vitrine tient en général en 4-5 pages : Accueil, Offre/Services, À propos, Réalisations/Avis, Contact.
• Faites préciser, pour la page d'accueil, l'ordre des sections (accroche → preuve → offre → témoignages → appel à l'action).

Étape 3 — Rédiger les textes (sans que ça sonne IA)

Le piège n°1 des sites générés : des textes creux qui « sonnent IA ». C'est un sujet à part entière — donnez à l'IA votre matière brute plutôt que de la laisser inventer.

• Dictez ou écrivez vos idées en vrac, puis demandez à l'IA de les structurer — pas l'inverse.
• Bannissez les formules passe-partout (« solutions innovantes », « au service de votre réussite »).
• Relisez à voix haute : si vous ne le diriez pas à un client, réécrivez.

Étape 4 — Générer le design et les visuels

Le design d'abord via l'outil choisi, puis les images via l'IA pour un rendu cohérent et libre de droits.

• Décrivez à votre générateur le style voulu (épuré, chaleureux, corporate…) et vos couleurs, ou laissez-le proposer 2-3 directions.
• Générez vos visuels d'illustration avec une IA image (gpt-image, Midjourney) plutôt que des banques d'images vues partout.
• Créez un logo simple avec l'IA si vous n'en avez pas encore, en gardant une seule couleur d'accent.

Étape 5 — Acheter et connecter un nom de domaine

Un site en .framer.site ou .wixsite.com fait amateur. Un nom de domaine propre coûte ~10-15 €/an et change tout — tout est détaillé dans acheter et connecter un nom de domaine.

• Achetez le domaine chez un registrar (OVH, Gandi, Namecheap) — privilégiez le .fr ou .com avec le nom de votre activité.
• Dans votre outil de création, cherchez « domaine personnalisé » et suivez la procédure de connexion (ajout d'enregistrements DNS).
• Vérifiez que le cadenas https:// est actif (le certificat SSL est en général automatique).

Étape 6 — Publier gratuitement (option auto-hébergement)

Si vous avez généré un vrai site avec v0/Lovable/Bolt, vous pouvez l'héberger gratuitement sur Vercel — c'est là que GitHub entre en jeu.

• Créez un compte GitHub pour stocker le code (voir l'article dédié créer un compte GitHub).
• Créez un compte Vercel et connectez votre dépôt : chaque modification se met en ligne automatiquement.
• Branchez votre nom de domaine dans les réglages Vercel.

Étape 7 — Vérifier avant de partager

Une checklist rapide avant d'annoncer votre site au monde.

• Le site s'affiche bien sur mobile (testez depuis votre propre téléphone).
• Chaque page a un titre unique et une adresse lisible.
• Le bouton d'action principal (appeler, réserver…) fonctionne partout.
• Vos mentions légales et votre politique de confidentialité sont présentes (obligatoires en France).
• Aucune faute : faites relire, ou demandez une passe de correction à l'IA.

Étape 8 — Se faire trouver sur Google

Un site en ligne n'est pas un site référencé. La création n'est que la moitié du travail.

• Créez votre fiche Google Business Profile si vous avez une activité locale.
• Ajoutez votre site à Google Search Console pour être indexé.
• Suivez la roadmap dédiée : faire connaître son site vitrine sur Google.

---

Créer le site est une chose ; suivre chaque étape sans en oublier en est une autre. C'est exactement ce à quoi sert le document interactif compagnon ci-dessous.