Net Rénovation
Un site de plaquiste conçu pour le téléphone, parce que c'est là que sont ses clients.
- Année
- 2026
- Conception
- 2 semaines
- Stack
- React · Vite · Tailwind · Vercel
- Design mobile-first
- Développement
- SEO local
- Rédaction
- des visites en mobile
- 80 %
- largeur de la maquette de référence
- 375 px
- performance — chantier ouvert et chiffré
- 59/100
Ce qu'il fallait résoudre.
Le contexte
Artisan plaquiste lyonnais : cloisons, doublages, faux plafonds, isolation intérieure, pour des particuliers et des chantiers de rénovation.
La contrainte
Plus de 80 % des visites arrivent d'un téléphone, souvent depuis une recherche Google Maps, en journée. Le site précédent était conçu pour le bureau et devenait inutilisable sur mobile : formulaire hors écran, numéro non cliquable.
La réponse
Tout a été dessiné d'abord pour un écran de 375 pixels de large, puis élargi. Le numéro est cliquable en permanence, le formulaire tient sur un écran, et les prestations sont décrites en langage de client — « refaire un plafond », pas « faux plafond suspendu en plaque de plâtre BA13 ».
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.
Dessiné à 375 pixels
La maquette de référence est le mobile, pas le bureau. Concevoir l'inverse conduit toujours à un mobile dégradé, et c'est là que sont 80 % des visiteurs.
Vocabulaire du client
Les prestations sont nommées comme le client les formule. Le vocabulaire technique existe, mais en second niveau — il rassure sans exclure.
Appel et devis toujours atteignables
Barre d'action fixe en bas d'écran. Sur mobile, le bas de l'écran est la zone du pouce, et donc la seule position qui garantit l'accès.
Palette du projet
Bleu ardoise
#2C4A63
Identité
Orange
#D96D2B
Action
Blanc plâtre
#F7F7F5
Fond
Encre
#1E2226
Texte
Système typographique
Titrage
Outfit 700
Texte courant
Inter 400
Deux familles suffisent ; la troisième, héritée du contenu initial, est identifiée comme à supprimer dans le plan d'optimisation.
Ce qu'il y a sous le capot.
- React
- Vite
- Tailwind
- Vercel
Un chantier de performance assumé
59 en performance : c'est l'un de nos deux scores les plus bas et il est dû à une galerie de chantiers livrée par le client sans optimisation, doublée d'une police display supplémentaire. Le plan est écrit — normalisation des visuels, suppression de la troisième police — et sera appliqué au prochain passage. Nous l'affichons parce que masquer un score public n'a jamais amélioré un site.
Formulaire tolérant
Numéro de téléphone accepté dans tous les formats usuels, avec normalisation automatique. Rejeter un numéro écrit avec des points est une façon absurde de perdre un client.
Comment le site se rend trouvable.
« Plaquiste Lyon » et communes limitrophes
Une page par zone réellement desservie, avec des exemples de chantiers propres à chacune.
Cohérence avec la fiche Google
Nom, adresse, téléphone et horaires strictement alignés sur la fiche établissement, d'où provient l'essentiel du trafic mobile.
Ce qui a été livré.
- Accueil
- Prestations
- Réalisations
- Zones d'intervention
- Devis
Le déroulé du projet.
Mobile d'abord
Maquette 375 px, barre d'action, formulaire sur un écran.
Contenu
Prestations reformulées en langage client.
Développement
Formulaire tolérant, SEO local.
À venir
Normalisation des visuels et suppression de la police superflue.
Ce qu'on nous demande souvent.
D'autres réalisations
Bâtiment & RénovationSER & BAT
Deux clientèles, un site : le particulier et le bailleur social ne lisent pas la même page.
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.
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.