Muller Toiture
Una fuga en el tejado no se trata como un proyecto de reforma: dos recorridos, una web.
- Año
- 2026
- Diseño
- 4 semanas
- Stack
- Next.js · React · Tailwind · Vercel
- Diseño
- Desarrollo
- Herramienta de estimación
- SEO local
Versión de demostración publicada por Kayzen Web en una dirección de Vercel; el dominio definitivo pertenece al cliente.
- recorridos diferenciados
- 2
- preguntas para una estimación
- 3
- SEO Lighthouse
- 100/100
Lo que había que resolver.
El contexto
Muller Toiture es una empresa de cubiertas con sede en Mions que trabaja en el este de Lyon y el norte del Isère: cubiertas, hojalatería, aislamiento, eliminación de musgo.
La limitación
Dos clientes con comportamientos opuestos llegan al mismo sitio. El que tiene una gotera busca un número, ya, a menudo un domingo por la noche. El que piensa en rehacer el tejado busca un orden de precios y pedirá tres presupuestos en dos meses. Un recorrido único habría servido mal a ambos.
La respuesta
Dos entradas diferenciadas desde la primera pantalla. Una franja de urgencia permanente con el número, visible sin desplazarse. Y, para el segundo, un estimador de tejado que da una horquilla inmediata a partir de la superficie y del tipo de cubierta. Uno capta la urgencia; el otro, la intención a largo plazo.
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é.
Franja de urgencia permanente
Número clicable, siempre visible, nunca oculto por el desplazamiento. Ante una gotera, la única métrica que cuenta es el número de segundos entre la llegada y la llamada.
Estimador en tres preguntas
Superficie, tipo de cubierta, estado. El resultado es una horquilla presentada explícitamente como tal, con sus hipótesis. Dar un precio exacto sería deshonesto; no dar nada empuja al visitante hacia el competidor que sí se atreve.
La eliminación de musgo, aparte
Servicio de importe bajo pero de gran volumen, que a menudo se busca por sí solo. Tiene su propia página en lugar de una línea en una lista.
Paleta del proyecto
Pizarra
#39434D
Estructura — color del material
Teja
#B15A2B
Acción
Cielo
#EEF3F7
Fondo
Rojo urgencia
#C0392B
Solo franja de goteras
Sistema tipográfico
Titulares
Outfit 700
Texto de lectura
Inter 400
El rojo de urgencia está reservado estrictamente a la franja de goteras: un color de alerta usado como decoración deja de alertar.
Lo que hay bajo el capó.
- Next.js
- React
- Tailwind
- Vercel
Estimador íntegramente en el cliente
El cálculo se hace en el navegador: sin llamada al servidor, sin espera, sin recoger ningún dato personal antes de que el usuario lo decida. El contacto solo se pide después de mostrar el resultado.
Una obra de rendimiento identificada
75 en rendimiento, debido a la galería de obras. El plan está escrito: conversión a AVIF, srcset y división de la galería en páginas. La puntuación es pública; es más útil explicarla que ocultarla.
Cómo se hace encontrar la web.
Búsquedas de urgencia y búsquedas de proyecto
«Fuite toiture urgence Lyon» (gotera urgente en el tejado), «couvreur Mions» (tejador en Mions), «prix réfection toiture Nord-Isère» (precio de rehabilitación de tejado). Tres intenciones, tres familias de páginas: mezclarlas es no posicionarse en ninguna.
Zona de actuación explícita
Los municipios realmente atendidos se enumeran y se marcan. Un profesional que declara «toda Francia» pierde la búsqueda por municipio, que es la única que convierte.
Utilizable por todo el mundo.
Desde junio de 2025, la Ley Europea de Accesibilidad (European Accessibility Act) exige la accesibilidad digital a buena parte de los servicios en línea. La abordamos desde el diseño, no como un parche posterior.
Estimador utilizable con teclado
Campos nativos, resultado anunciado en una región live, ningún paso que dependa de arrastrar y soltar.
Lo que se entregó.
- Inicio — urgencia + estimador
- Cubiertas y hojalatería
- Aislamiento
- Eliminación de musgo
- Estimador de tejado
- Zonas de actuación
- Contacto
El desarrollo del proyecto.
Análisis de solicitudes
Dos perfiles identificados a partir de las llamadas recibidas.
Diseño
Franja de urgencia, estimador, recorridos separados.
Desarrollo
Estimador en el cliente, formularios, notificaciones.
SEO
Tres familias de páginas, zona de actuación marcada.
Lo que nos preguntan a menudo.
Otros proyectos
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.
Datos y servicio meteorológicoMétéo Climat France
358 páginas indexables, un mapa animado sobre 72 horizontes de previsión y ni una sola línea de framework.
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.