DeaDecor

Contexto

Una empresa de pintura y decoración que trabaja en casas habitadas, oficinas en activo, locales y naves. Tres servicios que no suelen ir juntos: pintura, escaleras escamoteables y divisiones con puerta plegable.

El problema de fondo del sector es de confianza. Cualquiera puede dar dos capas baratas; la diferencia está en lo que pasa antes de abrir el bote, y eso es justo lo que el cliente no ve y no puede comparar en un presupuesto.

Enfoque

• Enseñar el trabajo invisible. La sección de antes y después no está para lucir el color: está para explicar que la pared tenía humedad, que se saneó, que se imprimó con producto antimanchas y que por eso el resultado aguanta. La foto sostiene un argumento técnico, no decora.
• El proceso en cuatro pasos, con la protección del mobiliario como paso propio. En una casa habitada, cubrir bien es la mitad del servicio percibido.
• Presupuesto por escrito y detallado por partidas como única conversión. No hay calculadora ni precio orientativo: el compromiso es la claridad del presupuesto, no una cifra de escaparate.
• Astro con islas Preact: solo se hidrata lo interactivo —el comparador antes/después, el menú, el formulario— y solo al ser visible. El resto sale como HTML estático.
• Tipografía display con serifa de contraste alto sobre un naranja de brocha, con la mancha de pintura como firma de marca en la cabecera.

Trabajo realizado

• Arquitectura Astro estática con islas Preact
• Sistema de diseño en tokens de Tailwind 4 sobre @theme
• Componente comparador antes/después, accesible por teclado
• Catálogo de trabajos por tipo de acabado y tipo de espacio
• SEO técnico con schema de empresa de construcción y reformas
• Páginas legales y banner de consentimiento
• Batería de tests: unidad, E2E, accesibilidad, regresión visual y Lighthouse CI
• Despliegue a producción sobre el dominio definitivo

Resultado

En producción desde septiembre de 2026. La pieza que más me gusta es la de la pared con moho: en lugar de un carrusel de paredes bonitas, hay una sola pared fea con el texto que explica qué se hizo y por qué pintar encima sin sanear habría durado un invierno. Vende más que veinte fotos de catálogo.

Nota sobre el trabajo

Proyecto desarrollado en Agencia Xpandex, donde llevo el ciclo completo: diseño, desarrollo, rendimiento, accesibilidad, SEO técnico y despliegue.