Un site refait pour vendre, pas pour décorer

MAJ du 16 juillet 2026

Un visiteur arrive sur votre site, lit trois lignes sur votre parcours, et repart. Il ne cherchait pas qui vous êtes. Il cherchait ce qu'il allait gagner.

Dans cette masterclass, on refait un site pour qu'il vende : un récit qui part du problème de votre client, un générateur qui tient toutes les pages d'une seule main, et un formulaire branché au CRM qui répond en moins de 5 minutes. C'est le montage exact de la refonte de mon propre site, nadirimedjoubene.com, livrée le 15 juillet.

Avant de commencer. Un site qui vend est le premier maillon d'une chaîne, pas une brochure.

• Vous voulez refaire votre site autour de votre valeur : restez ici, on monte les pièces une par une.
• Vos prospects laissent leurs coordonnées puis attendent : montez d'abord Répondre en 5 minutes sans être devant votre téléphone.
• Vous ne savez pas quel canal vous amène vos clients : voyez plutôt Savoir d'où viennent vraiment vos clients.

Ce que vous saurez faire à la fin

• Diagnostiquer en 10 minutes si votre site décore ou s'il vend, avec un test à 2 surligneurs
• Écrire le cycle de votre valeur en 4 étapes, et en faire la colonne vertébrale de votre page d'accueil
• Monter un générateur de site statique qui assemble toutes vos pages depuis une seule source
• Brancher votre formulaire à votre CRM par une fonction relais, sans poser un seul secret côté site
• Faire vérifier chaque page avant mise en ligne : mobile réel, liens, tunnel parcouru de bout en bout
• (Niveau membre) Le montage exact pas à pas, réglages et test compris, plus le prompt qui rédige le récit du cycle dans votre langue
• (Niveau Pro) On refait votre site ensemble, sur vos propres outils, je débloque chaque branchement en direct

Pourquoi un site qui décrit ne vend pas

Votre visiteur a deux rives : ses problèmes d'un côté, le résultat qu'il désire de l'autre. Votre offre est le pont entre les deux. Personne n'achète un pont avant d'avoir reconnu les deux rives. Mon ancien site avait 7 sections : toutes parlaient de moi ou de mes offres, zéro ne parlait du dirigeant qui le lisait.

Le titre subit la même loi. Mon ancien H1 disait « Traduire l'intuition IA en stratégie de croissance ». Personne ne se lève le matin pour acheter une traduction d'intuition. Le nouveau dit ce que le client gagne, et c'est devenu la règle de toute la refonte : un titre est un bénéfice, jamais une description.

Et la technique n'est pas un détail de confort. Une recherche Google et SOASTA de 2017 a mesuré que lorsqu'une page passe de 1 à 3 secondes de chargement, la probabilité que le visiteur reparte augmente de 32 %. Ma page d'accueil pesait 3,1 Mo. Après refonte, 186 Ko. Ce n'est pas de l'esthétique, c'est du chiffre d'affaires qui ne s'évapore plus.

Le système, en un schéma

Quatre pièces, un fil. Tout le montage consiste à les relier dans cet ordre.

   Votre discours et vos offres (UNE source, jamais recopiée)
                      |
                      v
  [ 1. LE GENERATEUR ]  node build.mjs : assemble toutes les pages
        |     menu, pied de page, schema du cycle : ecrits UNE fois
        v
  [ 2. LE SITE ]  raconte le cycle de votre valeur
        |     constat du client -> traduire -> executer -> former -> recommencer
        |     chaque section pousse vers UNE action : reserver un echange
        v
  [ 3. LE FORMULAIRE ]  capte email + telephone
        |     fonction relais -> fiche CRM creee au meme geste
        v
  [ 4. LA REPONSE ]  email automatique en moins de 5 minutes
        |
        v
  [ 5. VOUS ]  arrivez au rendez-vous avec la fiche deja remplie

Le site n'est plus une brochure posée sur internet. C'est la première machine de votre chaîne commerciale, et elle est branchée aux suivantes.

1. Le récit qui vend : votre valeur racontée en cycle

Un catalogue d'offres oblige le visiteur à choisir entre des produits qu'il ne comprend pas encore. Un cycle le fait se situer dans une progression. Le mien tient en 4 verbes : traduire votre intuition en stratégie, exécuter cette stratégie, former vos équipes, recommencer le cycle avec les gains mesurés. Chaque étape nomme ce que l'entreprise y gagne, pas ce que je fais.

Avant le cycle, une section de constat : les problèmes du client, dans ses mots. C'est la section que presque tous les sites de consultants oublient, et c'est celle qui fait lire les autres. Et sur tout le site, une seule action possible : réserver un échange. Pas trois boutons qui se concurrencent.

2. Le générateur : toutes vos pages depuis une seule source

Mon site v6 était 15 fichiers HTML écrits à la main. Le menu, le pied de page et les engagements étaient recopiés dans chacun : chaque retouche globale devenait une chasse aux copies, et la journée de refonte précédente avait produit 14 versions. C'est la cause racine des sites qu'on n'ose plus toucher.

Le remède est un générateur statique : un script Node.js d'un seul fichier, build.mjs, zéro dépendance. Les corps de pages vivent dans un dossier source avec des marqueurs entre doubles accolades, comme nav ou schema-cycle. Les blocs communs sont écrits une seule fois. Les métadonnées de chaque page (titre, description, réseaux sociaux) vivent dans un fichier de données unique. La commande node build.mjs régénère le dossier publiable en entier, à l'identique, à chaque fois. Un assistant comme Claude Code écrit ce script en une session : c'est lui qui a écrit le mien.

3. Le formulaire qui travaille : branché au CRM, pas à une boîte mail

Un formulaire qui envoie un email crée une tâche. Un formulaire branché au CRM crée une fiche, à la seconde où le prospect tape ses coordonnées. La différence se joue dans une petite fonction relais, hébergée là où votre site est hébergé : elle reçoit le formulaire et le transmet à votre système central, qui écrit la fiche CRM, vous alerte et déclenche l'accueil.

Ce détour a une vertu : tous les secrets (clés d'accès, accès CRM) vivent d'un seul côté, dans le système central. Le site, lui, n'en pose aucun. Et un en-tête d'attribution ajouté au passage marque chaque lead du site d'où il vient, ce qui alimente le tableau de bord qui vous dit quoi faire aujourd'hui.

4. La réponse en moins de 5 minutes : le site déclenche, l'email part

Le déclencheur est la saisie des coordonnées, pas la réservation. Un prospect qui remplit le formulaire puis abandonne le calendrier reste un prospect : il reçoit lui aussi sa première réponse. Commencez par l'email, avec un expéditeur fiable (Brevo chez moi) : il marche partout, tout de suite, sans rien installer de plus. Le multi-canal (WhatsApp, messagerie d'un réseau) passe par un connecteur qui relie vos messageries, type Unipile : c'est une extension de confort, jamais le point de départ. Le montage complet de cette pièce a sa propre masterclass, Répondre en 5 minutes sans être devant votre téléphone.

5. Le contrôle qualité : vérifié comme un visiteur, pas comme un développeur

Un site qui vend se teste en le parcourant, pas en le regardant. Avant chaque mise en ligne, un agent IA (Claude Code chez moi) rejoue le parcours complet du visiteur : il remplit le formulaire, répond aux questions, arrive au calendrier. Il pilote aussi un vrai Chrome en 390 pixels de large pour vérifier que rien ne déborde sur mobile, et contrôle chaque lien et chaque erreur console des pages. Ce n'est pas du zèle : mon tunnel de réservation est resté cassé 4 heures en production parce qu'un contrôle comptait les éléments au lieu de cliquer dessus. Depuis, rien ne part sans que le parcours ait été exercé de bout en bout.

On commence tout de suite (gratuit)

Imprimez votre page d'accueil. Prenez 2 surligneurs. Le premier sur chaque phrase qui parle du problème ou du résultat de votre client. Le second sur chaque phrase qui parle de vous, de votre méthode, de votre parcours. Comptez. Si le second domine, votre site décore. Puis retournez la feuille et écrivez le cycle de votre valeur en 4 verbes : ce sera la colonne vertébrale de la refonte.

Le résultat, en 30 secondes

Voilà ce que change le montage, sur deux plans. Le discours d'abord :

Avant : « Traduire l'intuition IA en stratégie de croissance. »

Après : « J'entraîne les organisations à gagner de l'argent avec l'IA. »

Et la mécanique ensuite, une refonte complète qui tient en 2 commandes :

$ node build.mjs
build OK : 15 pages générées, page d'accueil 186 Ko
$ publier le site
site en ligne

Toutes les pages régénérées d'une seule main, un garde-fou qui refuse de publier une page d'accueil trop lourde, et derrière le formulaire, une fiche CRM et une réponse qui part seule. Le montage exact, réglage par réglage, vous attend juste en dessous.