Yagüez Estilistas

Contexto

Un salón de peluquería y estilismo en Fuente el Saz de Jarama, al norte de Madrid. Trabaja con cita previa y empieza cada servicio por un diagnóstico del pelo: el corte, el color o el tratamiento se eligen después.

La web tenía que transmitir ese método y llevar a la cita sin convertirse en una tienda ni en un escaparate de marcas.

Enfoque

• El diagnóstico como hilo. La portada abre con “Sal con el pelo que querías” y un recorrido que pregunta qué necesita tu pelo antes de hablar de servicios. Es la única isla con lógica real; el resto de la página es HTML.
• Reserva sin código ajeno. El salón ya usa plataformas de reserva. En lugar de incrustar sus widgets, con sus scripts, sus cookies y su peso, la página de reservas enlaza a ellas. La web no carga ni una línea de JavaScript de terceros.
• Identidad a partir del logo. Paleta derivada del azul del rótulo, con contrastes verificados por script, y una interfaz a escuadra: radio cero en los componentes y solo las fotos redondeadas. Se eligió entre varias direcciones de diseño presentadas en un muestrario.
• Vídeo que no penaliza. El vídeo del hero solo se pide en escritorio, después del load, y nunca con movimiento reducido, ahorro de datos o conexión lenta. La foto hace de póster y de LCP.
• Movimiento que no esconde nada. Los revelados solo ocultan contenido si hay JavaScript y el usuario no pidió movimiento reducido; sin JS, todo se ve.
• Transparencia con la IA. El vídeo y una foto retocada llevan el aviso de contenido generado o modificado con IA y una página de créditos, como pide el artículo 50 del Reglamento europeo de IA.

Trabajo realizado

• Arquitectura Astro estática con cinco islas Preact: diagnóstico, filtro de catálogo, visor de imágenes, menú móvil y barra de progreso
• Sistema de diseño propio a partir del logo, elegido sobre un muestrario de direcciones
• Página de reservas con enlaces a las plataformas del salón, sin widgets incrustados
• Formulario de contacto con campo trampa, límite por IP y control de origen
• Datos estructurados de peluquería y preguntas frecuentes, llms.txt y tarjetas sociales con fotos reales del salón
• Aviso de imágenes IA y página de créditos
• Tests unitarios, end-to-end y de accesibilidad con axe

Resultado

En producción sobre su dominio desde octubre de 2026. Una web que explica el método del salón y lleva a la cita sin pedirle al navegador nada que no sea suyo.

Nota sobre el trabajo

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