Grupo Impulsa Sevilla

Contexto

Una empresa de reformas integrales que trabaja en Sevilla capital y en el área metropolitana: viviendas, cocinas, baños y locales. Su argumento es el que más escasea en el sector: un único responsable de obra, plazo cerrado por escrito y presupuesto desglosado partida por partida.

La web tenía que decir eso sin rodeos y ponerle al visitante el presupuesto a un toque, esté en la página que esté.

Enfoque

• Tres vías de contacto, ninguna escondida. Formulario, WhatsApp con el mensaje ya redactado según el servicio que se está mirando y botón de llamada. Quien llega desde el móvil a pie de obra no rellena formularios: escribe.
• HTML estático sin framework de cliente. Ni React ni Preact. El menú móvil, la cabecera y los revelados al hacer scroll son tres scripts pequeños en línea. Lo que se descarga es el documento, una hoja de estilos y las fuentes.
• Seguridad con CSP estricta. La política de contenido no permite scripts en línea arbitrarios: cada uno va autorizado por su hash, que se calcula en el build. Cabeceras de seguridad completas y HSTS.
• Formulario con defensa en capas. La misma validación en cliente y servidor, campo trampa contra bots, consentimiento obligatorio y un endpoint que solo acepta peticiones de su propio origen.
• SEO local por zonas. Datos estructurados de contratista con las localidades que cubre, horario y coordenadas, porque la búsqueda que importa es “reformas” más el nombre del pueblo.

Trabajo realizado

• Arquitectura Astro estática, sin CMS
• Sistema de diseño con serif editorial y paleta azul marino y oro
• Catálogo de servicios con WhatsApp precargado por servicio
• Formulario de presupuesto con validación compartida y envío por SMTP autenticado
• CSP con hashes generados en el build y cabeceras de seguridad
• Menú móvil como diálogo modal con foco atrapado, y movimiento que respeta prefers-reduced-motion
• Textos legales completos, sin banner de cookies porque la web no las usa

Resultado

En producción sobre su dominio. Una web que carga sin esperar a ningún framework y que deja el presupuesto a un toque desde cualquier página.

Nota sobre el trabajo

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