Étude de cas
AutovringVotre covering posé chez vous, sans déplacer votre voiture.
Site vitrine de conversion pour un artisan covering qui se déplace au domicile du client, à Lille et à Tournai. Une landing one-page orientée prise de RDV, étendue par une cinquantaine de pages SEO locales, qui transforme un métier d’atelier en machine à devis — sans inventer la moindre preuve client.
- Rôle
- Design · Développement · SEO · Intégration
- De bout en bout
- Année
- 2026
- Type
- Site vitrine from-scratch (Next.js) · artisan local automobile
Une landing qui transforme un métier d’atelier en machine à devis.
- Pose à domicile
- Devis en ligne
- ~60 pages SEO locales
- Preuve sociale 100 % réelle
Le défi
Un artisan covering qui travaille en se déplaçant chez ses clients n’a ni vitrine physique, ni notoriété établie. Le besoin : un site qui génère des demandes de devis qualifiées pour deux audiences très différentes — le particulier qui veut changer le look de sa voiture sans l’immobiliser une semaine dans un garage lointain, et le pro dont l’utilitaire « roule nu » et perd de la publicité chaque jour. Il faut convaincre des deux côtés tout en répondant aux peurs concrètes : bulles, décollement, résultat raté, budget opaque.
Deuxième contrainte, structurante : aucune preuve sociale inventée. À la mise en route, l’artisan n’avait pas encore d’avis ni de statistiques publiables. Le site devait donc rester crédible et « honnête par défaut » — afficher une alternative réelle (films premium garantis, photos de chantiers) tant qu’un chiffre n’était pas fourni, plutôt qu’un faux compteur. Enfin, il fallait capter le SEO local sur un marché transfrontalier (Nord + Tournai, Belgique).
La solution : une landing qui génère des devis
Une landing one-page de conversion, doublée d’un réseau de pages SEO locales et d’un back-office léger (base de données + emails transactionnels chartés).
Tunnel de conversion en 2 temps
Un mini-formulaire above-the-fold dans le hero (prénom + contact + service) qui pré-remplit le devis complet plus bas et y fait défiler automatiquement.
Formulaire de devis + back-office
Validation au focus-out, honeypot anti-spam ; à l’envoi, insertion en PostgreSQL et deux emails (notification artisan « rappeler le client » et confirmation client chartée).
SEO local programmatique
Une soixantaine de routes — par marque, par véhicule, prix, blog, boutique de kits — toutes priorisées, avec JSON-LD AutoRepair, hreflang fr-FR / fr-BE et méta géo.
Preuve sociale honnête
Système à deux niveaux : vrais avis Google saisis à la main aujourd’hui, synchronisation automatique demain. Chaque statistique reste vide tant qu’elle n’est pas réelle, et l’UI bascule sur une preuve de substitution.
Galerie de réalisations réelles
De vraies photos de chantiers, en AVIF, avec un carrousel multi-images par projet.
Design system cinématique
Thème sombre « graphite + rouge signal », typographies Anton/Inter, animations maison (scroll-reveal, parallax, card-shine) respectueuses de prefers-reduced-motion.
Le produit
Un parcours pensé pour la conversion, de la promesse du hero à la galerie de chantiers réels.
Sous le capot
Stack moderne et minimaliste : Next.js 16 (App Router) en rendu serveur, Tailwind v4 « CSS-first » (thème dans @theme), zéro dépendance UI lourde. Le contenu de marque est centralisé dans des fichiers TypeScript, jamais codé en dur dans le markup.
Honnêteté codée en dur
Le contenu de preuve reste vide tant qu’il n’est pas réel : afficher un faux chiffre devient mécaniquement impossible.
SEO industrialisé
Une soixantaine de landing pages, sitemap priorisé et données structurées riches (notes et avis) pour les rich snippets.
Pipeline de leads complet
Du clic au mini-CRM : formulaire → PostgreSQL → emails HTML chartés, compatibles Gmail et Outlook.
Mon rôle
Conception et réalisation du site de bout en bout, du design à l’intégration technique et au référencement.
Design & direction artistique
Système visuel sombre et cinématique, identité rouge signal, composants.
Développement front & back
Next.js / React from-scratch, route API, intégration PostgreSQL et SMTP.
SEO
Architecture d’une soixantaine de pages, données structurées, sitemap, métadonnées géo et bilingues.
Intégration & déploiement
Emails transactionnels chartés, déploiement sur Vercel.
Une landing artisanale transformée en moteur de devis : près de soixante pages SEO, un tunnel de conversion complet et une base de preuve sociale 100 % réelle — sans une seule donnée inventée.