Muller Toiture
Une fuite de toiture ne se traite pas comme un projet de rénovation : deux parcours, un site.
- Année
- 2026
- Conception
- 4 semaines
- Stack
- Next.js · React · Tailwind · Vercel
- Design
- Développement
- Outil d'estimation
- SEO local
Version de démonstration mise en ligne par Kayzen Web sur une adresse Vercel ; le domaine définitif appartient au client.
- parcours distincts
- 2
- questions pour une estimation
- 3
- SEO Lighthouse
- 100/100
Ce qu'il fallait résoudre.
Le contexte
Muller Toiture est une entreprise de couverture installée à Mions, intervenant dans l'est lyonnais et le Nord-Isère : couverture, zinguerie, isolation, démoussage.
La contrainte
Deux clients aux comportements opposés arrivent sur le même site. Celui qui a une fuite cherche un numéro, tout de suite, souvent un dimanche soir. Celui qui envisage de refaire sa toiture cherche un ordre de prix et prendra trois devis sur deux mois. Un parcours unique aurait mal servi les deux.
La réponse
Deux entrées distinctes dès le premier écran. Un bandeau d'urgence permanent avec le numéro, visible sans défilement. Et, pour le second, un estimateur de toiture qui donne une fourchette immédiate à partir de la surface et du type de couverture. L'un capte l'urgence, l'autre l'intention longue.
Les scores relevés à la livraison.
Scores Lighthouse du site en production. Nous les publions tels quels : quand l'un d'eux est bas, sa cause et son plan de correction sont écrits plus bas plutôt que passés sous silence.
Chaque parti pris, et sa raison.
Bandeau urgence permanent
Numéro cliquable, toujours visible, jamais masqué par le défilement. Pour une fuite, la seule métrique qui compte est le nombre de secondes entre l'arrivée et l'appel.
Estimateur en trois questions
Surface, type de couverture, état. Le résultat est une fourchette explicitement présentée comme telle, avec ses hypothèses. Donner un prix exact serait malhonnête ; ne rien donner fait partir le visiteur chez le concurrent qui, lui, ose.
Le démoussage traité à part
Prestation à faible ticket mais à fort volume, souvent recherchée seule. Elle a sa page plutôt qu'une ligne dans une liste.
Palette du projet
Ardoise
#39434D
Structure — couleur du matériau
Tuile
#B15A2B
Action
Ciel
#EEF3F7
Fond
Rouge urgence
#C0392B
Bandeau fuite uniquement
Système typographique
Titrage
Outfit 700
Texte courant
Inter 400
Le rouge d'urgence est strictement réservé au bandeau de fuite : une couleur d'alerte utilisée pour décorer cesse d'alerter.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- Vercel
Estimateur entièrement côté client
Le calcul se fait dans le navigateur : pas d'appel serveur, pas d'attente, pas de donnée personnelle collectée avant que l'utilisateur ne le décide. Le contact n'est demandé qu'après l'affichage du résultat.
Un chantier de performance identifié
75 en performance, dû à la galerie de chantiers. Le plan est écrit : conversion AVIF, srcset et découpage de la galerie en pages. Le score est public, il est plus utile de l'expliquer que de le masquer.
Comment le site se rend trouvable.
Requêtes d'urgence et requêtes de projet
« Fuite toiture urgence Lyon », « couvreur Mions », « prix réfection toiture Nord-Isère ». Trois intentions, trois familles de pages : les mélanger, c'est ne se classer sur aucune.
Zone d'intervention explicite
Les communes réellement desservies sont listées et balisées. Un artisan qui déclare « toute la France » perd la requête communale, qui est la seule qui convertit.
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.
Estimateur utilisable au clavier
Champs natifs, résultat annoncé dans une région live, aucune étape ne dépendant du glisser-déposer.
Ce qui a été livré.
- Accueil — urgence + estimateur
- Couverture et zinguerie
- Isolation
- Démoussage
- Estimateur de toiture
- Zones d'intervention
- Contact
Le déroulé du projet.
Analyse des demandes
Deux profils identifiés à partir des appels reçus.
Design
Bandeau urgence, estimateur, parcours séparés.
Développement
Estimateur côté client, formulaires, notifications.
SEO
Trois familles de pages, zone d'intervention balisée.
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.