Site vitrine et prise de devis pour plombier

Un site de plombier qui transforme les visites en devis

Devis en 2 minutes, référencement local par ville, zéro dépendance à un prestataire.

Un projet, 2 interfaces

À quoi ça ressemble

Dubois Plomberie avait besoin d'un site qui transforme les visiteurs Google en demandes de devis, et d'un espace pour gérer son activité sans repasser par un développeur à chaque changement.

Le site public couvre l'accueil, les services, une page par ville desservie et un formulaire de devis guidé en 4 étapes.

L'espace d'administration centralise les demandes entrantes, l'édition des contenus et le suivi du référencement local, sans aucune compétence technique requise.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

Titres qui portent le message

Sous-titres qui structurent

Un texte courant lisible sur tous les écrans, avec des interlignes généreux.

Construit avec des technologies qui durent

Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.

Next.jsReactTypeScriptTailwind CSSFramer Motion

Le projet écran par écran

Accueil : accroche locale et devis en un clic
Les prestations en vignettes avec prix et délai
Page services détaillée, prix d'appel affichés
Chiffres clés, valeurs et certifications
Galerie de réalisations filtrable par type
Page locale Nantes avec carte des interventions
Devis étape 1 : choix de la prestation
Devis étape 4 : coordonnées avant envoi
Formulaire de contact et zone desservie
1 / 9

Des enjeux concrets, des réponses concrètes

Les enjeux

Transformer les visites Google en demandes de devis

Les défis initiaux

Formulaires de contact trop longs qui font fuir le visiteur

Nos solutions

Devis guidé en 4 étapes avec succès immédiat

Les enjeux

Être visible sur Google dans chaque ville desservie

Les défis initiaux

Une seule page ne peut pas cibler 6 communes différentes

Nos solutions

Une page SEO par ville, ajoutable sans développeur

Les enjeux

Gérer les demandes sans dépendre d'un prestataire

Les défis initiaux

Devis et contenus bloqués sans développeur disponible

Nos solutions

Back-office pour devis, contenus et SEO en autonomie

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UX

Devis en 4 étapes guidées

Le devis est découpé en 4 étapes courtes (Prestation, Besoin, Adresse, Coordonnées) avec une barre de progression : le visiteur sait toujours où il en est.

Chaque étape est validée avant de passer à la suivante (code postal à 5 chiffres, téléphone à 10 chiffres, consentement RGPD), donc l'artisan reçoit une demande complète.

Dans ce prototype front-only, l'envoi est simulé : un écran de confirmation affiche le récapitulatif et l'e-mail que recevrait l'artisan.

UI

Tableau de bord orienté chantiers

Le plombier voit d'un coup d'œil les 4 chiffres qui comptent : demandes du mois (34, +21 %), taux de transformation demandes vers devis signés (38 %), appels depuis le site (52) et position Google sur « plombier nantes » (3,2).

Juste en dessous, le graphique des demandes sur 12 semaines met en évidence la semaine en cours, à côté des dernières demandes avec leur statut.

Marketing & Conversion

Référencement local piloté page par page

Chaque page du site, dont les pages villes (Nantes, Rezé, Orvault...), affiche son score SEO coloré, sa position Google et ses clics par mois.

Un clic ouvre l'éditeur meta title / description avec compteur de caractères et un aperçu Google mis à jour en direct.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

Chargement immédiat

Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.

Images optimisées

Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.

Stabilité visuelle

Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.

Une sécurité qui ne dort jamais

Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.

Sauvegardes quotidiennes sur serveur distant

Procédure de reprise testée mensuellement

Monitoring automatique toutes les 5 min du service, alerte auto si service down

Chiffrement SSL

Isolation des environnements de développement

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

Reçu ! On vous prépare un prototype sous 3j

Vous décrivez votre projet

Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offer sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireVous ne payez que si satisfait

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.