Product & UX Leader
Juan Avalos Product & UX Leader

⸻

Juan Avalos
Menu

Las Alamandas

Sitio web de hospitalidad de lujo (Crecimiento + Historia)

El icónico momento de llegada ancla la historia de marca y establece el contexto emocional para la exploración y reservación.

Resultado

Rediseño bilingüe y narrativo de un sitio web de resort de lujo que redujo la fricción de reservación y clarificó los caminos a través de estancias, bodas, ofertas y experiencias.

Rol

Consultor de Producto y UX (descubrimiento→entrega: investigación, estrategia, UX/UI, rendimiento, entrega a WordPress)

Año

2023

Industria

Hotelería

Equipo / Involucrados

Stakeholders del cliente (ejecutivo + marketing), producción fotográfica, socio de desarrollo en WordPress.

Resumen rápido

Problema

El sitio heredado socavaba la marca (alto rebote, pocas reservaciones en línea); los huéspedes frecuentemente llamaban para reservar y se quejaban de la experiencia digital.

Estrategia

Tratar el sitio como una narrativa que construye deseo y confianza mientras elimina la fricción para reservar: rendimiento mobile-first, arquitectura de información narrativa ("Hospedarse > Comer > Hacer") y mayor prueba social en superficies de alta intención (ej. Bodas).

Impacto

Rebote ~–60%; reservaciones en sitio 0.5% → 4.9%; consultas de Bodas +36%; LCP móvil 54%.

Árbol de métricas

North Star (NSM)

Inicios de reservación calificados / reservaciones en sitio.

Activación

Profundidad de scroll activo >50% más exposición a disponibilidad/precios; para Bodas, envío de consulta.

Engagement

Vistas de habitaciones/PDP por sesión;
visitas a Bodas/Spa;
descargas de menú.

Retención

Visitas de regreso a secciones de alta intención;
suscripciones al boletín.

Validación

Series temporales vs. sitio anterior (misma ventana estacional), analytics + feedback cualitativo.

Homepage showcasing a photography-first layout with clear primary navigation and a prominent Reserve entry point.
Una página de inicio con fotografía en primer plano construye deseo y confianza mientras mantiene rutas rápidas para explorar estancias y reservar.

Research insights

El recorrido abarca investigación (móvil) → reservación (escritorio) → estancia (móvil).

Patrones de competencia y OTAs; comportamiento del comprador de lujo; análisis de audiencia; nubes de palabras de reseñas.

El mapeo de afinidad con el equipo + encuesta a huéspedes priorizó "Hospedarse > Comer > Hacer".

Customer journey matrix mapping phases from inspiration to post-stay, including touchpoints, questions, and emotions.
El mapeo de recorrido reveló dónde los huéspedes dependen de OTAs, el sitio web y apoyo personal, guiando las prioridades de contenido y la claridad de reservación.

Bilingües/de Segmentación/de Dominio

Estrategia de contenido bilingüe (EN/ES): propósito por bloque, palabras clave SEO, límites de caracteres para lectura fluida y engagement.

Decisiones de diseño

Por qué

Arquitectura de información narrativa con fotografía en primer plano y la interfaz como marco.

Trade-offs

Rendimiento como requisito: LCP móvil < 2.4s con medios eficientes y componentes ligeros.

Impacto esperado

Visibilidad de reservación: acceso claro y persistente a disponibilidad/contacto sin romper la narrativa.

UX navigation map showing primary sections and key paths to Reserve and high-intent pages.
Un modelo de navegación simplificado apoya el descubrimiento entre secciones mientras mantiene "Reservar" y las rutas de alta intención fácilmente accesibles.

Solución

Patrones / Flujos / Módulos / Plantillas

Prueba social en superficies de alta intención (Bodas), Spa escaneable y menús descargables.

Responsive / Mobile-first / A11y

Microcopia y tono bilingüe consistentes.

Vincular con los objetivos de negocio

Selector de idioma (EN/ES) y módulo de contacto fijo (teléfono/correo).

Accommodations catalog and room detail templates showing card-based browsing and a structured detail layout with clear booking entry points.
El sistema de alojamientos combina comparación rápida (catálogo) con toma de decisiones segura (detalle), manteniendo el acceso a reservación visible durante toda la exploración.

Resultado

Métrica 1

Rebote ~–60% (vs. sitio heredado).

Métrica 2

Reservaciones en sitio 0.5% → 4.9%.

Métrica 3

Consultas de Bodas +36%.

Template and component library summarizing reusable page patterns, modules, and content rules across the site.
Una biblioteca ligera de plantillas + componentes mantiene las actualizaciones consistentes entre secciones mientras preserva la visibilidad de reservación y la claridad bilingüe.

Sistematización y reutilización

Plantillas de página (Inicio, Habitaciones/PDP, Bodas, Spa, Gastronomía) con reglas de contenido/microcopia y especificaciones de imagen.
Biblioteca de componentes ligera (CTAs, galerías, testimonios, menús) para acelerar actualizaciones y garantizar consistencia.

GA4 measurement framework mapping booking, enquiry, and engagement events to validate qualified booking intent.
Un plan de medición en GA4 valida la intención de reservación y rastrea engagement, consultas y comportamiento de idioma para guiar la iteración.

Lo que haría después

Pruebas A/B: longitud del hero vs. CTA directo; posicionamiento del CTA; texto de consulta de Bodas.
Personalización por intención (ej. Bodas vs. Bienestar).

Participación

Investigación, estrategia, UX, UI, rendimiento y entrega a WordPress: Juan Ávalos; colaboración con stakeholders del cliente.

Herramientas

Figma, WordPress, herramientas de análisis/rendimiento; contenido bilingüe; mejores prácticas de accesibilidad y rendimiento.

Links del proyecto

Research deck Sitemap

Etiquetas

Crecimiento, Rendimiento, Sistemas/Design System, Hospitalidad, Bilingüe

Siguiente caso
Placemark Newsroom

Redacción modular reconstruida para que editores no técnicos publiquen rápido y de forma consistente; pruebas internas redujeron el tiempo de publicación a ~1–5 minutos por historia.

2025 · Medios · Urbanismo y Desarrollo Comunitario
Ver caso →