SER & BAT
Dos clientelas, una web: el particular y el gestor de vivienda social no leen la misma página.
- Año
- 2026
- Diseño
- 3 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Diseño
- Desarrollo
- SEO local
- Redacción B2B y B2C
- año de creación
- 2008
- recorridos, dos argumentarios
- 2
- SEO Lighthouse
- 100/100
Lo que había que resolver.
El contexto
SER & BAT reforma interiores en Lyon desde 2008: tabiquería de placa de yeso, pintura, baños, cocinas. Con certificación QUALIBAT (la certificación francesa de referencia para empresas de construcción), la empresa trabaja también para arrendadores institucionales como ICF Habitat y SACVL.
La limitación
Las dos clientelas no tienen nada en común. El particular quiere ver trabajos realizados y un plazo. El arrendador quiere una certificación, referencias institucionales y capacidad para cumplir un contrato. Un sitio que solo habla a uno pierde al otro.
La respuesta
Una página de inicio que orienta claramente hacia dos recorridos, y dos argumentarios distintos. Para el particular, la galería y el presupuesto. Para el profesional, la certificación QUALIBAT, las referencias nombradas y la capacidad de intervención. Las pruebas no son las mismas.
Las puntuaciones registradas en la entrega.
Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.
Cada decisión de diseño, y su porqué.
Dos recorridos anunciados
Una elección explícita desde la primera pantalla: particular o profesional. Adivinar el perfil del visitante es una apuesta; preguntárselo cuesta un clic y evita el discurso equivocado.
La certificación como elemento de diseño
QUALIBAT no es un logotipo relegado al pie de página, sino un bloque que explica lo que cubre la certificación. Un arrendador sabe leerla; un particular aprende a hacerlo.
Referencias institucionales nombradas
Se cita a ICF Habitat y SACVL. En el mercado B2B de la construcción, una referencia con nombre vale más que diez argumentos genéricos.
Paleta del proyecto
Azul institucional
#1F4C73
Identidad, recorrido profesional
Terracota
#B95F33
Acción, recorrido particular
Gris claro
#F3F5F7
Fondo
Tinta
#1D2126
Texto
Sistema tipográfico
Titulares
Outfit 700
Texto de lectura
Inter 400
Dos colores de acento distinguen los dos recorridos sin cambiar de sistema tipográfico: el visitante sabe dónde está sin pensarlo.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- Vercel
Dos embudos de contacto
El formulario para particulares pide una estancia y una superficie; el de profesionales, un tipo de contrato y un volumen. Un formulario único habría sido malo para ambos.
Cómo se hace encontrar la web.
Búsquedas B2C y B2B separadas
«Rénovation appartement Lyon» (reforma de piso), «plaquiste Lyon 7» (instalador de placa de yeso) por un lado; «entreprise rénovation bailleur social Lyon» (empresa de reformas para vivienda social), «QUALIBAT plâtrerie Rhône» por otro.
Antigüedad visible
«Desde 2008» figura en los títulos y en el marcado. En un mercado donde muchas empresas tienen tres años, la antigüedad es una señal de solidez que se busca explícitamente.
Lo que se entregó.
- Inicio — orientación
- Particulares — trabajos y presupuesto
- Profesionales — certificación y referencias
- Servicios
- La empresa desde 2008
- Contacto
El desarrollo del proyecto.
Segmentación
Dos clientelas, dos conjuntos de pruebas.
Diseño
Orientación en la primera pantalla, recorridos con colores diferenciados.
Desarrollo
Dos embudos de contacto adaptados.
SEO
Búsquedas B2C y B2B, antigüedad y certificación marcadas.
Lo que nos preguntan a menudo.
Otros proyectos
Construcción y reformasNet Rénovation
La web de un instalador de pladur pensada para el móvil, porque ahí están sus clientes.
Cumplimiento del RGPD y SaaSKonsent by Kayzen
Un proveedor de banners que audita banners es juez y parte: la independencia era el producto.
Ciberseguridad ofensiva y SaaSSentinel by Kayzen
Vender un producto de seguridad a ingenieros: cada afirmación tenía que poder demostrarse.
El mismo nivel de exigencia, para su web.
Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.