Kerjean Plomberie Chauffage

Un site vitrine qui décroche, une appli qui suit le chantier

Devis en 3 clics pour le client, demandes et chantiers gérés depuis le camion pour l'artisan.

Construction / BTP·Devis & chiffrage

Un projet, 2 interfaces

À quoi ça ressemble

Kerjean Plomberie Chauffage est un artisan plombier-chauffagiste à Nantes qui vit du bouche-à-oreille et des avis Google.

Le site vitrine présente ses 3 prestations, ses zones d'intervention et un simulateur de devis en 3 étapes, pendant qu'une application mobile lui permet de traiter les demandes, publier ses chantiers et suivre sa performance sans quitter son camion.

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 MotionNode.js

Le projet écran par écran

Accueil : hero et appel direct à l'artisan
Chiffres clés et avant/après
Fiche prestation : dépannage chaudière
Carte des zones d'intervention
Fiche zone : quartiers et volumes traités
Galerie de chantiers avant/après
Devis guidé : besoin et message
Confirmation de la demande envoyée
1 / 8

Des enjeux concrets, des réponses concrètes

Les enjeux

Transformer les visiteurs en demandes de devis

Les défis initiaux

Trop de formulaires de contact génériques et froids

Nos solutions

Devis guidé en 3 étapes avec photo et besoin ciblé

Les enjeux

Prouver son sérieux sans vitrine physique

Les défis initiaux

Confiance difficile à établir à distance

Nos solutions

Avis, réalisations avant/après et zones chiffrées

Les enjeux

Garder la main sur le site depuis le chantier

Les défis initiaux

Artisan seul, pas de temps pour un ordinateur

Nos solutions

Appli mobile pour gérer devis et chantiers

Les choix qui comptent

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

UX

Devis qui qualifie le besoin en un clic

Le devis démarre par une grille de 5 besoins (chaudière en panne, entretien, salle de bain, fuite / urgence, autre) : un seul clic qualifie la demande et fait passer automatiquement à l'étape suivante.

Un parcours en 3 étapes (Besoin, Détails, Coordonnées) avec barre de progression : délai souhaité, message et photo facultative, puis coordonnées avec validation du téléphone au format français.

À l'envoi, l'écran de confirmation affiche une référence DV- et le récapitulatif reçu par l'artisan (besoin, délai, commune), avec un rappel annoncé dans l'heure si le délai choisi est « Dès que possible ».

UX

Rappeler un client en un tap, depuis le camion

Chaque demande s'ouvre dans une fiche en bas d'écran avec la photo, le besoin, le délai et le message du client. Le bouton Rappeler lance directement l'appel vers le numéro du client, sans recopier quoi que ce soit.

Un tap sur Marquer comme rappelé ou Envoyer un devis fait avancer le statut de la demande (Nouveau → Rappelé → Devis envoyé). Un toast de confirmation s'affiche et la fiche se referme.

Le compteur de demandes nouvelles et les filtres Nouvelles / À traiter se mettent à jour tout seuls, pour voir d'un coup d'œil ce qui reste à traiter.

Marketing & Conversion

Une page dédiée par commune, chiffrée

Chacune des 8 communes desservies a sa propre page « Plombier chauffagiste à [commune] » : délai d'intervention, distance de l'atelier et nombre d'interventions réalisées.

La page liste les quartiers desservis et ajoute une note locale écrite par l'artisan (ex : immeubles anciens à colonnes en plomb dans le centre de Nantes).

Chaque page embarque un balisage Schema.org Plumber avec la commune et son code postal comme zone desservie, pour le référencement local.

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.