Guide pratique · Création de sites

Créer un site vitrine avec l’IA pour un artisan

Du brief à la livraison : un exemple de menuiserie, trois prompts et des critères de validation.

Publié le · 5 min de lecture.

Pour créer un site vitrine avec l’IA pour un artisan, commence par les informations que son client cherche : les prestations, la zone d’intervention, des réalisations et un moyen de contact. La génération vient ensuite. Ce guide propose un brief et trois consignes réutilisables pour transformer ces informations en une première version à valider.

Le fil conducteur est un atelier de menuiserie fictif. Aucun devis, témoignage ou résultat commercial présenté ici ne provient d’un client réel.

1. Rassembler les informations avant de générer le site

Imagine un visiteur qui arrive depuis son téléphone : il souhaite faire réparer une porte de placard. Il doit comprendre si l’atelier réalise ce travail et comment transmettre sa demande. Un paragraphe général sur « l’excellence du savoir-faire » lui est moins utile qu’une liste de prestations et des photos expliquées.

Construis un document de départ avec les éléments suivants. Pour chaque information, indique « confirmé », « à demander » ou « absent ». Une donnée manquante ne doit pas se transformer en affirmation dans le site.

  • Activité : travaux proposés et travaux non pris en charge.
  • Zone : communes ou périmètre réellement desservis, validés par l’artisan.
  • Contact : canal préféré, horaires de réponse et informations utiles pour une première demande.
  • Preuves : photos autorisées de réalisations, explications et avis authentiques si disponibles.
  • Organisation : personne qui valide les textes, reçoit les messages et demande les modifications.

Cette préparation rejoint le principe du cahier des charges présenté par France Num : clarifier les objectifs et les fonctionnalités avant de choisir une solution. Notre exemple se limite à une petite vitrine, sans boutique ni espace client.

2. Choisir une structure courte qui répond aux questions

Pour l’atelier fictif, une première version peut comprendre une page d’accueil, une page de prestations et une page de contact. Une section « Réalisations » peut rester sur l’accueil tant que le nombre de projets documentés est limité. Créer dix pages presque identiques pour dix communes n’ajoute pas automatiquement de valeur.

  1. Accueil : activité et zone confirmées, trois services, une réalisation expliquée, accès au contact.
  2. Prestations : nature du travail, éléments à fournir pour une demande, limites de l’intervention.
  3. Contact : coordonnées validées et procédure pour transmettre le besoin. Si un formulaire est prévu, préciser où arrive le message.

Demande à l’artisan de valider cette structure avant de travailler les animations. Un visiteur doit pouvoir passer de « mon problème est-il pris en charge ? » à « voici comment les contacter » sans chercher dans plusieurs menus.

3. Utiliser trois prompts, avec une validation entre chaque étape

Les consignes ci-dessous sont des modèles éditoriaux à adapter à ton outil. Elles ne garantissent pas une sortie correcte. Séparer structure, texte et interface rend les erreurs plus faciles à repérer qu’une demande unique de « site parfait ».

Prompt de structure

À partir du brief fourni, propose une structure de site vitrine en trois pages maximum.
Pour chaque page, indique : question du visiteur, informations nécessaires, action attendue.
Liste séparément les informations manquantes. N’invente ni commune, ni service, ni certification.
Attends ma validation avant de rédiger les pages.
BRIEF : [coller les informations confirmées]

Prompt de rédaction

Rédige la page Prestations à partir du brief validé.
Utilise des phrases simples. Explique les travaux pris en charge et les éléments à envoyer pour une demande.
N’ajoute aucun tarif, délai garanti, avis ou nombre d’années d’expérience absent du brief.
Termine par une liste des affirmations que le client doit vérifier.

Prompt d’interface

À partir de la structure et des textes validés, prépare une interface lisible sur téléphone.
Utilise des titres hiérarchisés, des liens explicites et des libellés visibles pour les champs.
Identifie les fonctions qui nécessitent une connexion réelle, notamment le formulaire.
Ne présente pas une fonction simulée comme opérationnelle. Explique comment tester chaque action.

4. Valider avec des scénarios de visite

Teste des actions, pas seulement l’apparence. Ouvre le site sur téléphone, cherche une prestation précise, puis utilise le contact. Envoie un message d’essai si un formulaire est connecté et vérifie sa réception. Contrôle aussi le résultat lorsque le champ obligatoire est vide ou que l’adresse e-mail est mal saisie.

Effectue un premier passage au clavier : les liens et boutons doivent être atteignables, et la position du focus visible. Les contrôles préliminaires du W3C abordent notamment titres de pages, alternatives d’images et libellés de formulaires. Ce passage constitue un premier contrôle, pas un audit complet d’accessibilité.

Notre cas pratique de publication documente des problèmes réellement rencontrés sur ce site, dont un lien de navigation et des incohérences d’URL. Il complète le scénario fictif de l’artisan par des contrôles observables.

5. Prévoir la livraison et les modifications

Avant la publication, précise qui gère le domaine, l’hébergement et les changements de texte. Si l’artisan doit modifier ses horaires lui-même, vérifie cette possibilité avec lui. Sinon, indique comment demander une modification et ce que comprend le suivi.

Pour comparer le travail nécessaire, utilise notre exemple de calcul du coût d’un site créé avec l’IA. Le temps de collecte des informations et de validation fait partie du projet, même lorsqu’une première interface est générée rapidement.

Télécharger le brief et les trois prompts pour un site d’artisan.

Questions fréquentes

Peut-on commencer sans savoir coder ?

Tu peux préparer le brief, les textes et une maquette sans coder. Pour publier, il faut comprendre les limites de l’outil choisi et savoir vérifier les fonctions livrées. Un prototype ne suffit pas à prouver qu’un formulaire ou une réservation fonctionne.

Faut-il un blog dès le lancement ?

Pas pour remplir artificiellement le site. Commence par les informations recherchées par les clients. Un article devient utile s’il répond à une question réelle : entretien d’un ouvrage, préparation d’une intervention ou explication d’une prestation.

Où poursuivre l’apprentissage ?

Le module consacré au premier client dans IA Money Club aborde la création de sites. Ce guide et ses prompts sont nos exemples éditoriaux ; ils ne reproduisent pas les cours du club. Tu peux aussi commencer par notre parcours de pratique pour débutant.

Méthode et sources

Guide préparé avec une assistance IA. Les scénarios, prompts, durées et montants d’exemple sont des propositions éditoriales ; ils ne décrivent pas des résultats de membres ou de clients. Les sources publiques sont liées aux points concernés et ont été consultées le 14 octobre 2026. Les ressources à télécharger reprennent les exercices de cette page.

Tous les guides IA →

Présenter ton travail et rencontrer des clients

Chiffrer ton projet : le calculateur gratuit du coût d’un site IA sépare le temps de travail, les frais de lancement et les abonnements sur douze mois. Modifie les hypothèses selon ton projet.