Brisueño

Contexto

Una colchonería de Ávila que vende solo por internet, sin tienda física: colchones, canapés abatibles y bases tapizadas, con el transporte incluido en la ciudad y alrededores.

Un colchón no se compra como un libro. Hay medidas, firmezas y la pregunta de si cabe por la escalera. El cliente quería atender esa conversación, no sustituirla por un carrito.

Enfoque

• La venta empieza en una conversación. Cada ficha tiene medidas, características y ficha técnica, y termina en un botón de WhatsApp que lleva el modelo y la medida ya escritos. El presupuesto lo prepara una persona.
• Movimiento que no cuesta el LCP. Nada arranca invisible: el hero solo mueve transform, así que el titular y los botones están desde el primer fotograma. GSAP se carga después del load y en tiempo ocioso, solo en las páginas que lo usan y nunca con movimiento reducido.
• Transiciones entre páginas nativas. View Transitions por CSS, sin router de cliente.
• Privacidad por diseño. Ni cookies, ni almacenamiento local, ni peticiones a terceros: fuentes e imágenes se sirven desde el propio dominio. Por eso no hay banner que aceptar.
• SEO y búsqueda con IA. Datos estructurados de tienda online en todas las páginas y migas de pan en las fichas, llms.txt generado e imagen social propia por página, con un test que falla si falta alguna.

Trabajo realizado

• Arquitectura Astro estática con catálogo por familias y fichas de producto
• Sistema de diseño con serif editorial, ajustado en tamaños y grises para cumplir contraste AA
• Pedido de presupuesto por WhatsApp con modelo y medida precargados
• Capa de movimiento con GSAP diferido y View Transitions nativas
• Menú móvil con <dialog> nativo
• Formulario de contacto con campo trampa, límite de envíos y consentimiento
• Tests unitarios, de humo y de accesibilidad con axe

Resultado

En producción sobre su dominio desde septiembre de 2026. Un catálogo que se lee como una tienda cuidada y que termina siempre en una conversación con quien vende.

Nota sobre el trabajo

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