SER & BAT
Deux clientèles, un site : le particulier et le bailleur social ne lisent pas la même page.
- Année
- 2026
- Conception
- 3 semaines
- Stack
- Next.js · React · Tailwind · Vercel
- Design
- Développement
- SEO local
- Rédaction B2B et B2C
- année de création
- 2008
- parcours, deux argumentaires
- 2
- SEO Lighthouse
- 100/100
Ce qu'il fallait résoudre.
Le contexte
SER & BAT rénove des intérieurs à Lyon depuis 2008 : plaquisterie, peinture, salle de bain, cuisine. Certifiée QUALIBAT, l'entreprise travaille aussi pour des bailleurs institutionnels — ICF Habitat, SACVL.
La contrainte
Les deux clientèles n'ont rien en commun. Le particulier veut voir des réalisations et un délai. Le bailleur veut une certification, des références institutionnelles et une capacité à tenir un marché. Un site qui ne parle qu'à l'un perd l'autre.
La réponse
Une page d'accueil qui oriente franchement vers deux parcours, et deux argumentaires distincts. Côté particulier, la galerie et le devis. Côté professionnel, la certification QUALIBAT, les références nommées et la capacité d'intervention. Les preuves ne sont pas les mêmes.
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.
Deux parcours annoncés
Un choix explicite dès le premier écran : particulier ou professionnel. Deviner le profil du visiteur est un pari ; le lui demander coûte un clic et évite le mauvais discours.
La certification comme élément de design
QUALIBAT n'est pas un logo relégué en pied de page mais un bloc qui explique ce que la certification couvre. Un bailleur sait la lire, un particulier apprend à la lire.
Références institutionnelles nommées
ICF Habitat et SACVL sont cités. Sur le marché B2B du bâtiment, une référence nommée vaut dix arguments génériques.
Palette du projet
Bleu institutionnel
#1F4C73
Identité, parcours pro
Terracotta
#B95F33
Action, parcours particulier
Gris clair
#F3F5F7
Fond
Encre
#1D2126
Texte
Système typographique
Titrage
Outfit 700
Texte courant
Inter 400
Deux couleurs d'accent distinguent les deux parcours sans changer de système typographique : le visiteur sait où il est sans y penser.
Ce qu'il y a sous le capot.
- Next.js
- React
- Tailwind
- Vercel
Deux tunnels de contact
Le formulaire particulier demande une pièce et une surface ; le formulaire professionnel demande un type de marché et un volume. Un formulaire unique aurait été mauvais pour les deux.
Comment le site se rend trouvable.
Requêtes B2C et B2B séparées
« Rénovation appartement Lyon », « plaquiste Lyon 7 » d'une part ; « entreprise rénovation bailleur social Lyon », « QUALIBAT plâtrerie Rhône » d'autre part.
Ancienneté affichée
« Depuis 2008 » figure dans les titres et le balisage. Sur un marché où beaucoup d'entreprises ont trois ans, l'ancienneté est un signal de solidité recherché explicitement.
Ce qui a été livré.
- Accueil — orientation
- Particuliers — réalisations et devis
- Professionnels — certification et références
- Prestations
- L'entreprise depuis 2008
- Contact
Le déroulé du projet.
Segmentation
Deux clientèles, deux jeux de preuves.
Design
Orientation au premier écran, parcours colorés distinctement.
Développement
Deux tunnels de contact adaptés.
SEO
Requêtes B2C et B2B, ancienneté et certification balisées.
Ce qu'on nous demande souvent.
D'autres réalisations
Bâtiment & RénovationNet Rénovation
Un site de plaquiste conçu pour le téléphone, parce que c'est là que sont ses clients.
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.