BTP EA Rénovation
Six champs, pas un de plus : le formulaire est le produit.
- Année
- 2026
- Conception
- 3 semaines
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Design
- Développement
- SEO local
- Tunnel de conversion
- Rédaction
- champs de qualification
- 6
- engagement de rappel
- 48 h
- pages géographiques
- 9+
- CAPTCHA
- 0
Ce qu'il fallait résoudre.
Le contexte
Artisan lyonnais du second œuvre — peinture, plâtrerie, revêtements de sol et de mur, rénovation de salles de bains — intervenant sur Lyon et la métropole.
La contrainte
Un artisan du bâtiment ne perd pas de clients faute de visibilité, mais faute de qualification. Les appels non aboutis coûtent des heures : chantier hors zone, budget incompatible, prestation qu'il ne réalise pas. Le site devait filtrer avant l'appel, sans décourager les bonnes demandes.
La réponse
Le formulaire de devis est placé dans le premier écran, pas en pied de page, et il est court : six champs qui qualifient le chantier — type de travaux, surface, pièce, commune, échéance, contact. Cette qualification est ce qui rend le rappel efficace ; sans elle, l'appel commence par cinq minutes de questions.
Chaque parti pris, et sa raison.
Le devis au premier écran
Le formulaire n'est pas au bout de la page : il est à côté de la promesse. Le visiteur d'un artisan sait déjà ce qu'il veut ; le faire défiler sur trois écrans avant l'action est une perte sèche.
Six champs, choisis un par un
Chaque champ supprimé augmente le taux de complétion, chaque champ ajouté augmente la qualification. Six est l'arbitrage retenu : au-delà, l'abandon dépasse le gain d'information.
Avant / après plutôt que photos de chantier
Les artisans montrent leurs chantiers en cours. Le client, lui, veut voir le résultat. La galerie est construite en paires avant/après, avec la nature exacte des travaux.
L'engagement de rappel affiché
« Rappel sous 48 h » est un engagement chiffré, écrit au-dessus du formulaire. Une promesse vague (« nous vous répondrons rapidement ») ne rassure personne.
Palette du projet
Bleu chantier
#1D4E77
Structure, confiance
Orange sécurité
#D9601A
Action, devis
Gris béton
#F2F3F5
Fond
Encre
#1C2126
Texte
Système typographique
Titrage
Outfit 700
Texte courant
Inter 400
Solide et sans fioriture. Les chiffres de surface et de délai sont en tabulaire pour rester alignés dans le récapitulatif de devis.
Ce qu'il y a sous le capot.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Validation côté client et côté serveur
Le formulaire valide en direct pour aider la saisie, et revalide côté serveur avant enregistrement. La validation client seule se contourne en dix secondes et laisse passer n'importe quoi.
Anti-spam sans CAPTCHA
Champ leurre, horodatage de soumission et limitation de débit. Un CAPTCHA aurait ajouté une friction sur le seul élément que le site doit protéger — et il est une barrière d'accessibilité reconnue.
Notification immédiate
Chaque demande part par courriel avec toutes les informations de qualification en objet. L'artisan lit son téléphone entre deux chantiers : l'information utile doit tenir dans l'aperçu.
Comment le site se rend trouvable.
Une page par arrondissement
Les neuf arrondissements de Lyon plus les communes de la métropole. Chaque page porte un contenu spécifique — quartiers, typologie du bâti, exemples de chantiers — et non un remplacement de nom de ville.
Requêtes de métier, pas de secteur
« Peintre en bâtiment Lyon 3 », « rénovation salle de bain Villeurbanne » : le client cherche un métier et une commune, jamais « entreprise du BTP ».
Balisage HomeAndConstructionBusiness
Type dédié, zone d'intervention déclarée, prestations listées en Service. Cela conditionne l'affichage dans le pack local.
Utilisable par tout le monde.
Depuis juin 2025, l'European Accessibility Act impose l'accessibilité numérique à une large part des services en ligne. Nous la traitons à la conception, pas en rattrapage.
Formulaire réellement accessible
Libellés associés, erreurs annoncées et reliées au champ, ordre de tabulation vérifié. Un formulaire est le composant le plus souvent inaccessible d'un site — et ici, c'est le seul qui compte.
Ce qui a été livré.
- Accueil — devis express
- Prestations (peinture, plâtrerie, sols, salles de bains)
- Réalisations avant / après
- Zones d'intervention — 9 arrondissements + métropole
- Contact
Le déroulé du projet.
Qualification
Définition des six champs avec l'artisan, à partir de ses appels perdus.
Design
Devis en premier écran, galerie avant/après, engagement chiffré.
Développement
Validation double, anti-spam sans CAPTCHA, notification.
SEO local
Pages par arrondissement, balisage métier.
Ce qu'on nous demande souvent.
D'autres réalisations
Conformité RGPD & SaaSKonsent by Kayzen
Un éditeur de bandeau qui audite les bandeaux est juge et partie : l'indépendance était le produit.
Cybersécurité offensive & SaaSSentinel by Kayzen
Vendre un produit de sécurité à des ingénieurs : chaque affirmation devait être démontrable.
Data & Service météoMétéo Climat France
358 pages indexables, une carte animée sur 72 échéances — et pas une seule ligne de framework.
Le même niveau d'exigence, pour votre site.
Audit gratuit de votre site actuel, devis sous 24 h et un raisonnement écrit — comme celui que vous venez de lire. Paiement en trois fois sans frais, aides locales vérifiées avant signature.