WinePassport

Contexto

Una sumiller con sede en Valladolid quería vender experiencias de enoturismo por Ribera, Rueda y Toro: catas, visitas a bodega, hoteles con encanto y eventos de empresa. El sector va sobrado de plantillas con foto de barrica y tipografía cursiva, todas iguales. El encargo pedía lo contrario: que la web se distinguiera de un vistazo.

El reto real no era técnico sino de identidad. Enoturismo premium sin caer en el cliché rústico, y sin que el diseño tapara lo que de verdad se vende, que son las experiencias.

Enfoque

• Concepto visual propio — “hora dorada en barrica” como eje rector y una sub-capa de “pasaporte editorial”. De ahí salen los recortes circulares del hero, la retícula fina de fondo y el uso del borgoña como bloque de color, no como relleno.
• Tema WordPress FSE a medida, sin Elementor ni Divi. theme.json es la fuente de verdad de los tokens: paleta, escala tipográfica y espaciado se definen una vez y se propagan al editor, así el contenido nuevo no se sale del sistema.
• Cormorant Garamond + Inter self-hosted, servidas desde el propio dominio. Ni una petición a Google Fonts: menos latencia y una cosa menos que justificar en la política de privacidad.
• ACF Pro para modelar bodegas, experiencias y alojamientos como contenido estructurado, no como páginas sueltas. La clienta da de alta una bodega rellenando campos, sin tocar maquetación.
• Cloudflare por delante y caché de servidor, con la tipografía y las imágenes críticas precargadas.

Trabajo realizado

• Sistema de diseño completo en theme.json y plantillas de bloque
• Modelado de contenido con ACF para bodegas, experiencias, hoteles y eventos MICE
• Formularios de reserva con validación y antispam
• SEO técnico: schemas JSON-LD, sitemap, canonical y estructura de encabezados
• Pipeline de tres ramas en GitHub Actions con despliegue automático a producción
• Textos legales y consentimiento de cookies antes del lanzamiento

Resultado

La web está en producción y la clienta publica experiencias nuevas sin pedir ayuda: rellena los campos y la plantilla hace el resto. Al no haber page builder, el HTML que llega al navegador es el que escribimos nosotros, no el que genera un editor visual con quince div anidados por sección.

Nota sobre el trabajo

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