Net Rénovation
La web de un instalador de pladur pensada para el móvil, porque ahí están sus clientes.
- Año
- 2026
- Diseño
- 2 semanas
- Stack
- React · Vite · Tailwind · Vercel
- Diseño mobile-first
- Desarrollo
- SEO local
- Redacción
- de las visitas desde el móvil
- 80 %
- ancho de la maqueta de referencia
- 375 px
- rendimiento — obra abierta y cuantificada
- 59/100
Lo que había que resolver.
El contexto
Profesional lionés de la placa de yeso: tabiques, trasdosados, falsos techos, aislamiento interior, para particulares y obras de reforma.
La limitación
Más del 80 % de las visitas llegan desde un teléfono, a menudo tras una búsqueda en Google Maps, en horario diurno. El sitio anterior estaba pensado para ordenador y resultaba inutilizable en el móvil: formulario fuera de pantalla, número no clicable.
La respuesta
Todo se diseñó primero para una pantalla de 375 píxeles de ancho y después se amplió. El número es clicable en todo momento, el formulario cabe en una pantalla y los servicios se describen con las palabras del cliente: «rehacer un techo», no «falso techo suspendido de placa de yeso BA13».
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é.
Diseñado a 375 píxeles
La maqueta de referencia es la móvil, no la de escritorio. Diseñar al revés siempre conduce a un móvil degradado, y ahí está el 80 % de los visitantes.
El vocabulario del cliente
Los servicios se nombran como los formula el cliente. El vocabulario técnico existe, pero en un segundo nivel: tranquiliza sin excluir.
Llamada y presupuesto siempre al alcance
Barra de acción fija en la parte inferior de la pantalla. En el móvil, la parte inferior es la zona del pulgar y, por tanto, la única posición que garantiza el acceso.
Paleta del proyecto
Azul pizarra
#2C4A63
Identidad
Naranja
#D96D2B
Acción
Blanco yeso
#F7F7F5
Fondo
Tinta
#1E2226
Texto
Sistema tipográfico
Titulares
Outfit 700
Texto de lectura
Inter 400
Dos familias bastan; la tercera, heredada del contenido inicial, está identificada para su eliminación en el plan de optimización.
Lo que hay bajo el capó.
- React
- Vite
- Tailwind
- Vercel
Una obra de rendimiento asumida
59 en rendimiento: es una de nuestras dos puntuaciones más bajas y se debe a una galería de obras entregada por el cliente sin optimizar, sumada a una tipografía display adicional. El plan está escrito (normalización de las imágenes, supresión de la tercera tipografía) y se aplicará en la próxima intervención. Lo mostramos porque ocultar una puntuación pública nunca ha mejorado un sitio.
Formulario tolerante
Número de teléfono aceptado en todos los formatos habituales, con normalización automática. Rechazar un número escrito con puntos es una forma absurda de perder un cliente.
Cómo se hace encontrar la web.
«Plaquiste Lyon» y municipios limítrofes
Una página por zona realmente atendida (la búsqueda equivale a «instalador de placa de yeso en Lyon»), con ejemplos de obras propios de cada una.
Coherencia con la ficha de Google
Nombre, dirección, teléfono y horarios estrictamente alineados con la ficha del establecimiento, de donde procede la mayor parte del tráfico móvil.
Lo que se entregó.
- Inicio
- Servicios
- Trabajos realizados
- Zonas de actuación
- Presupuesto
El desarrollo del proyecto.
Primero el móvil
Maqueta de 375 px, barra de acción, formulario en una pantalla.
Contenido
Servicios reformulados con las palabras del cliente.
Desarrollo
Formulario tolerante, SEO local.
Próximamente
Normalización de las imágenes y supresión de la tipografía sobrante.
Lo que nos preguntan a menudo.
Otros proyectos
Construcción y reformasSER & BAT
Dos clientelas, una web: el particular y el gestor de vivienda social no leen la misma página.
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.