Maison Voisin

Le site vitrine d'un artisan multi-services, pensé conversion

Six métiers, un seul numéro, un devis en moins de deux minutes.

À quoi ça ressemble

Maison Voisin regroupe six métiers du bâtiment (plomberie, électricité, peinture, jardinage, ménage, petits travaux) sous un même site vitrine pensé pour convertir les visiteurs nantais en demandes de devis.

Un parcours de devis guidé en 3 étapes, une carte de zone d'intervention vérifiable en direct et une galerie de chantiers filtrable transforment la visite en contact qualifié.

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 : promesse, note Google et devis en 1 clic
Accueil : devis gratuit, note 4,8/5, rappel express
Page d'accueil avec note Google et CTA devis
Chiffres clés et grille des 6 services
Page d'accueil, hero et avis Google
Page services : tarifs et délais par prestation
Grille des 6 services avec tarifs indicatifs
Galerie de chantiers filtrable par type de travaux
Grille des 6 services à domicile
Devis guidé, étape 1 : choix des services
Détail d'un service en modale (plomberie)
Devis guidé, étape 3 : coordonnées validées
Détail d'un service en modale
Confirmation avec référence de demande générée
Galerie de réalisations filtrable par type
Carte de la zone d'intervention et avis clients
Galerie de réalisations filtrable
Fiche détaillée d'une réalisation
Fiche chantier en lightbox
Vérification de zone sur carte interactive
Formulaire de devis, étape 1
Formulaire de devis en 3 étapes
Formulaire de devis, étape 3
Confirmation de demande avec numéro de suivi
Page à propos et engagements
Chiffres clés et aperçu des 6 métiers
Page Services : détail des 6 métiers proposés
Réalisations filtrées par catégorie « Peinture »
Devis étape 1 : choix du service, service présélectionné
Écran de confirmation avec numéro de dossier
Vérificateur de code postal et carte interactive
Page À propos : historique de l'entreprise
1 / 32

Des enjeux concrets, des réponses concrètes

Les enjeux

Être le contact unique pour tous les travaux de la maison

Les défis initiaux

Six métiers différents, autant d'artisans à démarcher

Nos solutions

Catalogue des 6 services avec devis groupé en un clic

Les enjeux

Transformer la visite du site en demande de devis

Les défis initiaux

Formulaires de devis classiques longs et dissuasifs

Nos solutions

Devis guidé en 3 étapes avec barre de progression

Les enjeux

Rassurer sur le délai et la zone d'intervention

Les défis initiaux

Incertitude sur la couverture et le temps de rappel

Nos solutions

Carte interactive de la zone et rappel sous 2 h

Les choix qui comptent

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

UX

Devis guidé en 3 étapes

Le formulaire de devis se découpe en 3 étapes courtes (besoin, détails, coordonnées) avec une barre de progression visible.

Chaque champ est validé en direct (téléphone, e-mail, code postal) avant de pouvoir avancer.

À l'envoi, une référence de demande est générée et un récapitulatif confirme la prise en charge.

Marketing & Conversion

Zone d'intervention vérifiable en direct

Une carte interactive affiche en direct le rayon d'intervention autour de l'atelier nantais, avec les communes couvertes mises en évidence.

Le visiteur peut saisir son code postal pour vérifier immédiatement s'il est dans la zone, sans attendre un appel.

UI

Confirmation claire après l'envoi

Après l'envoi, un écran de confirmation affiche la référence de la demande et un récapitulatif du besoin transmis.

Une notification toast confirme en parallèle l'envoi de la copie par e-mail, pour lever tout doute sur la bonne réception.

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.