Créer un site web pour un commerce local en 15 minutes avec Claude Code

Sur Paris, il y a 1 203 boulangeries. Et la majorité n'ont pas de site internet. Tape n'importe quel autre commerce local, restaurant, laverie, point relais, petite boutique de quartier : c'est pareil. Des centaines, des milliers de fiches Google Maps avec des photos, des horaires, des avis, et zéro page web pour réunir tout ça.

Beaucoup de propriétaires pensent que la création d'un site est trop technique, trop lente, trop chère. C'est là que tu interviens. Tu arrives le lendemain matin avec leur site déjà fait, avec leurs vraies infos, et tu leur montres l'URL sur ton téléphone. L'effet wow est garanti, parce qu'ils ne s'attendent pas du tout à voir leur boutique mise en valeur comme ça. Et tu leur proposes derrière un forfait mensuel ou un achat one-shot.

Le contexte joue pour toi. La nouvelle génération vérifie tout avant d'entrer quelque part : la note Google, les photos, le menu, les avis. Un commerce sans site devient invisible pour cette audience qui passe pourtant tous les jours devant sa vitrine. C'est exactement le levier que tu vas activer auprès du commerçant.

Direction Google. Je tape "boulangerie Paris". Je descends dans les résultats et je regarde le panneau de droite pour chaque fiche. Quand il n'y a pas de bouton "Site web", c'est ma cible. Pour la démo, je tombe sur la Maison d'Isabelle, Boulevard Saint-Germain, 5 200 avis, plein de photos. Aucun site internet. Parfait.

Je copie le lien Google de la fiche (bouton Partager, Copier le lien). Je note la cible quelque part pour ne pas la perdre. C'est tout pour la phase recherche, ça prend deux minutes.

J'ouvre Claude Code Desktop (l'app pour Mac et Windows qui expose les trois modes Claude : chat classique, cowork qui agit sur le bureau, et Code que j'utilise ici). Nouvelle session, je me place dans le dossier où je gère mes projets, et je tape un prompt court.

"Je veux créer le site web d'une boulangerie, La Maison d'Isabelle. Ce point de vente n'a pas de site et j'aimerais lui en proposer un. On va essayer de récupérer au maximum les infos présentes sur sa fiche Google [lien]. Crée un dossier maison-isabelle pour bien isoler le projet."

À partir de là, Claude prend la main. Il demande l'autorisation d'aller chercher des infos sur internet (j'autorise pour toujours, ça évite de cliquer toutes les trois secondes). Il scrape la fiche Google, trouve un article du blog Pain Rizien sur les bonnes boulangeries de Paris, déterre quelques reviews TripAdvisor. Quatre minutes plus tard, il a assez de matière pour générer un fichier index.html en one-page, prêt à être déployé.

Dans le condensé qu'il remonte, il a aussi détecté que la boulangerie a déjà reçu plusieurs récompenses. Petit bémol : sur la première version générée, ces récompenses ne sont pas mises en avant alors que c'est typiquement ce qui peut faire pencher un client à entrer plutôt qu'à passer son chemin. À retenir pour les itérations suivantes.

La preview interne de Claude Code charge mal le CSS, donc je passe par mon navigateur pour ouvrir le fichier directement. Et là, le rendu est joli (design system crème / chocolat / caramel auto-généré, pile dans le thème boulangerie), mais deux choses ne vont pas du tout.

Si tu envoies ça tel quel au commerçant, il voit immédiatement que c'est générique. Tu perds l'effet wow. La correction prend deux minutes : je retourne sur la fiche Google, je copie 4 vrais avis 5 étoiles en français (juste les noms et les premières lignes), et je copie aussi 3 URLs d'images de la boutique (vitrine, devanture, religieuses). Je redemande à Claude.

"Les avis ne sont pas bons, ce doit être en France et pas dans des pays étrangers. Voici quelques avis, inspire-toi-en. Remplace certaines photos fake par les vraies photos que je t'envoie : photo de la vitrine, photo de la boutique de dehors, photo de religieuses et d'éclairs."

Trente secondes plus tard, le site a été régénéré avec les vrais éléments. Avis cohérents, vraies photos de la boutique, et il a même rajouté la map Google avec l'itinéraire. Ce niveau de personnalisation, c'est ce qui transforme une démo générique en site qui passe pour avoir été commandé.

Je demande à Claude comment déployer le site "le plus simplement et rapidement possible". Il me propose Netlify Drop, qui marche en glisser-déposer le dossier sur leur site. Mais à l'ère des agents, j'ai pas envie de glisser-déposer. Je veux que Claude pousse le site lui-même.

La solution s'appelle Netlify CLI. Trois étapes pour le setup, à faire une seule fois.

Une fois l'auth en place, je dis à Claude "j'ai déjà la CLI installée, est-ce que tu peux continuer le déploiement". Il crée le site, le déploie, et me renvoie l'URL publique. La maison-isabelle.netlify.app est en ligne.

J'ouvre l'URL sur mon navigateur en mode mobile (Chrome DevTools, vue iPhone 12 Pro). Tout passe : le hero avec une vraie photo de la boutique, la grille des produits (croissant au beurre, baguette d'Isabelle, salé du midi), les avis cohérents en français, la map Google intégrée avec l'itinéraire en un clic. Design system crème et chocolat assumé. Responsive sans avoir eu à demander.

Le titre que Claude a généré tout seul, sans qu'on le demande : « Boulangerie Pâtisserie Bio Paris 5ème, le pain à la viennoiserie, l'âme du quartier latin ». Pas parfait, mais déjà mieux que ce que la majorité des commerçants écriraient eux-mêmes en haut de leur site.

Les puristes diront que ce n'est pas du "vrai" développement. Probablement. Mais ce qui compte, c'est que tu as une URL prête à être présentée à la commerçante demain matin. Et tu n'as pas écrit une seule ligne de HTML, CSS ou JavaScript. Ce que tu as appris, c'est à formuler des prompts qui isolent le projet dans un dossier, qui guident Claude vers les bonnes sources, et qui corrigent ce qu'il génère mal du premier coup.

Le lendemain matin, tu vas voir la commerçante. Pas d'email, pas de DM, en présentiel direct. Tu lui montres l'URL sur ton téléphone, tu pointes les vraies photos de sa boutique, ses vrais horaires, sa map. Elle voit son commerce dans un site web propre, ses récompenses mises en avant, ses avis lisibles. Le côté tangible change tout.

Deux modèles de monétisation possibles. Le forfait mensuel (10 à 30 € par mois) si elle veut que tu fasses la maintenance, les mises à jour saisonnières, les modifications. L'achat one-shot (200 à 500 €) si elle préfère récupérer le projet et se débrouiller. Tu adaptes selon le profil. Tu peux aussi proposer un essai gratuit le premier mois pour qu'elle teste.

Ce qui rend la méthode scalable, c'est que la phase recherche prend deux minutes par cible. Tu peux préparer 5 sites le dimanche, en démarcher 5 le lundi, signer 1 ou 2 sur le tas. Si tu fais ça sur deux mois en y mettant les bons commerces, tu construis une petite agence locale qui tourne avec un seul outil et zéro stack technique à maintenir.

Les outils ne sont pas le sujet. Le sujet, c'est ta capacité à arriver en présentiel avec un livrable concret, pendant que tes concurrents envoient encore des devis PDF par email. C'est ça que la commerçante achète.