BTP EA Rénovation
Seis campos, ni uno más: el formulario es el producto.
- Año
- 2026
- Diseño
- 3 semanas
- Stack
- Next.js · React · TypeScript · Tailwind · Vercel
- Diseño
- Desarrollo
- SEO local
- Embudo de conversión
- Redacción
- campos de cualificación
- 6
- compromiso de llamada
- 48 h
- páginas geográficas
- 9+
- CAPTCHA
- 0
Lo que había que resolver.
El contexto
Profesional lionés de acabados de obra (pintura, yesería, revestimientos de suelos y paredes, reforma de baños) que trabaja en Lyon y su área metropolitana.
La limitación
Un profesional de la construcción no pierde clientes por falta de visibilidad, sino por falta de cualificación de las solicitudes. Las llamadas que no llevan a nada cuestan horas: obra fuera de zona, presupuesto incompatible, trabajo que no realiza. El sitio tenía que filtrar antes de la llamada, sin desanimar las buenas solicitudes.
La respuesta
El formulario de presupuesto está en la primera pantalla, no en el pie de página, y es breve: seis campos que cualifican la obra (tipo de trabajo, superficie, estancia, municipio, plazo, contacto). Esa cualificación es lo que hace eficaz la llamada de vuelta; sin ella, la llamada empieza con cinco minutos de preguntas.
Cada decisión de diseño, y su porqué.
El presupuesto en la primera pantalla
El formulario no está al final de la página: está junto a la promesa. Quien visita la web de un profesional ya sabe lo que quiere; hacerle desplazarse tres pantallas antes de actuar es una pérdida neta.
Seis campos, elegidos uno a uno
Cada campo que se elimina aumenta la tasa de finalización; cada campo que se añade aumenta la cualificación. Seis es el equilibrio elegido: por encima, el abandono supera la ganancia de información.
Antes y después en lugar de fotos de obra
Los profesionales enseñan sus obras en curso. El cliente, en cambio, quiere ver el resultado. La galería se construye en pares antes/después, con la naturaleza exacta de los trabajos.
El compromiso de llamada, visible
«Le llamamos en 48 h» es un compromiso cuantificado, escrito encima del formulario. Una promesa vaga («le responderemos rápidamente») no tranquiliza a nadie.
Paleta del proyecto
Azul obra
#1D4E77
Estructura, confianza
Naranja seguridad
#D9601A
Acción, presupuesto
Gris hormigón
#F2F3F5
Fondo
Tinta
#1C2126
Texto
Sistema tipográfico
Titulares
Outfit 700
Texto de lectura
Inter 400
Sólida y sin florituras. Las cifras de superficie y de plazo usan cifras tabulares para quedar alineadas en el resumen del presupuesto.
Lo que hay bajo el capó.
- Next.js
- React
- TypeScript
- Tailwind
- Vercel
Validación en el cliente y en el servidor
El formulario valida en directo para ayudar a rellenarlo y vuelve a validar en el servidor antes de guardar. La validación solo en el cliente se sortea en diez segundos y deja pasar cualquier cosa.
Antispam sin CAPTCHA
Campo trampa, marca de tiempo del envío y limitación de frecuencia. Un CAPTCHA habría añadido fricción en el único elemento que el sitio debe proteger, y es una barrera de accesibilidad reconocida.
Notificación inmediata
Cada solicitud llega por correo electrónico con toda la información de cualificación en el asunto. El profesional mira el móvil entre dos obras: la información útil debe caber en la vista previa.
Cómo se hace encontrar la web.
Una página por distrito
Los nueve distritos de Lyon más los municipios del área metropolitana. Cada página tiene un contenido específico (barrios, tipología de edificación, ejemplos de obras) y no un simple cambio del nombre de la ciudad.
Búsquedas por oficio, no por sector
«Peintre en bâtiment Lyon 3» (pintor de obra en Lyon 3), «rénovation salle de bain Villeurbanne» (reforma de baño en Villeurbanne): el cliente busca un oficio y un municipio, nunca «empresa de construcción».
Marcado HomeAndConstructionBusiness
Tipo específico, zona de actuación declarada, servicios listados como Service. De ello depende la aparición en el pack local.
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.
Un formulario realmente accesible
Etiquetas asociadas, errores anunciados y vinculados al campo, orden de tabulación verificado. El formulario es el componente más a menudo inaccesible de un sitio, y aquí es el único que importa.
Lo que se entregó.
- Inicio — presupuesto exprés
- Servicios (pintura, yesería, suelos, baños)
- Trabajos antes / después
- Zonas de actuación — 9 distritos + área metropolitana
- Contacto
El desarrollo del proyecto.
Cualificación
Definición de los seis campos con el profesional, a partir de sus llamadas perdidas.
Diseño
Presupuesto en la primera pantalla, galería antes/después, compromiso cuantificado.
Desarrollo
Doble validación, antispam sin CAPTCHA, notificación.
SEO local
Páginas por distrito, marcado por oficio.
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.