← Volver AppsSoftwareWebsitesEN
Ingrid Kart
Caso de estudio
UX/UI · Producto · Desarrollo web

Barcelona Hiking Guides

Rediseño de una web de senderismo guiado para que comparar, confiar y reservar fuese más claro.

Presentación visual de Barcelona Hiking Guides en varios dispositivos

Menos explicación, más intención: cada decisión mueve al usuario hacia una elección más clara.

RolUX/UI, producto, y desarrollo web
TecnologíaAstro, HTML, CSS, contenido estructurado
FocoComparación, confianza, reserva, SEO
SalidaPágina inicial comparadora + páginas de ruta
Problemas vs soluciones

El rediseño se centró en decisiones concretas.

Antes de diseñar pantallas, definí qué estaba frenando la elección y qué debía resolver cada parte de la experiencia.

01

Elegir exigía reconstruir la oferta

Problema

Precio, duración, dificultad y tipo de experiencia no se leían juntos.

Solución

Diseñar la página inicial como comparador, no como escaparate.

02

El siguiente paso no acompañaba la lectura

Problema

El usuario podía decidir a mitad de página y aun así tener que buscar cómo reservar.

Solución

Acercar la reserva al momento de intención en desktop y móvil.

03

Había dudas antes del compromiso

Problema

Nivel físico, grupo, guía y realidad de la ruta podían bloquear la decisión.

Solución

Mostrar prueba visual, razones para confiar y contacto directo.

El problema

La oferta era buena. La decisión pedía demasiado esfuerzo.

Para elegir una ruta, el usuario necesitaba juntar mentalmente precio, duración, dificultad, paisaje y confianza en el guía. La web anterior inspiraba, pero no convertía esa inspiración en una comparación clara.

Comparación

Las rutas se veían una detrás de otra, no como opciones que pudieran evaluarse al mismo tiempo.

Decisión

El usuario podía interesarse por una ruta, pero la acción siguiente no estaba integrada en la lectura.

Confianza

La experiencia dependía de fotos y contexto, pero esas señales no siempre ayudaban a resolver dudas concretas.

La oportunidad no era añadir más información, sino colocar la información correcta en el momento correcto.
Vista anterior de las cards de rutas guiadas

Antes

La información aparecía como una secuencia de tarjetas: visual, pero difícil de comparar de un vistazo.

Versión rediseñada de las cards de rutas guiadas

Ahora

Las rutas se leen como opciones comparables, con datos clave y acción visibles en la misma superficie.

Estrategia UX

Tres cambios de producto.

La solución se redujo a tres movimientos: comparar antes, decidir con menos dudas y mantener la acción cerca.

01

Página inicial comparadora

Las rutas se muestran como opciones comparables, no como enlaces aislados.

02

Ficha de ruta clara

Cada página responde rápido: qué es, cuánto exige, cuánto cuesta y cómo reservar.

03

Confianza visible

WhatsApp, la sección de confianza y galerías reales reducen incertidumbre antes de pagar.

La decisión clave

Convertir la página inicial en un comparador que facilita la decisión y acerca la reserva.

El usuario no llega para leerlo todo, sino para entender rápido qué opciones tiene y cuál encaja mejor con su tiempo, su nivel y su presupuesto. Cuando esa comparación ocurre de forma clara desde el primer pantallazo, la experiencia reduce fricción y acerca la intención de compra a la reserva.

Mockups del rediseño de Barcelona Hiking Guides para comparación de rutas
01

Escaneo

Varias rutas se entienden en una sola vista.

02

Datos clave

Precio, duración y dificultad aparecen antes del detalle.

03

Acción clara

El botón convierte el interés en una siguiente acción visible y más fácil de reservar.

04

Menos memoria

La comparación ocurre en pantalla, no en la cabeza.

05

Entrada natural

Quien necesita más contexto entra en la ficha de ruta.

Página de ruta

Una ficha pensada para decidir.

La página deja de ser solo descriptiva. Ordena la experiencia como una compra considerada: contexto, valor, datos, confianza y reserva.

Ficha de ruta Costa Brava en Barcelona Hiking Guides
01

Contexto

Destino, imagen y promesa de la ruta.

02

Evaluación

Duración, dificultad, distancia y grupo.

03

Reserva

La acción permanece disponible al leer.

04

Dudas

WhatsApp acompaña el momento de incertidumbre.

05

Evidencia

Galerías reales ayudan a imaginar la experiencia.

Decisiones de diseño

Lo que cambió de verdad.

Menos explicación, más intención: cada decisión mueve al usuario hacia una elección más clara.

01

Comparar antes

Los datos clave pasan a la primera vista para decidir sin abrirlo todo.

02

Reservar cerca

La acción acompaña la lectura cuando aparece la intención.

03

Confiar viendo

Fotos reales, ayuda rápida y señales de marca reducen dudas.

04

Crecer fácil

Contenido estructurado y componentes reutilizables sostienen nuevas rutas.

Desarrollo web y SEO

Una base ligera para un producto de contenido.

Astro permite páginas rápidas y mantenibles. El contenido por ruta prepara búsquedas específicas sin convertir la web en una plantilla rígida.

Contenido separado

Textos, datos e imágenes de cada ruta viven fuera de la plantilla.

Componentes reutilizables

Tarjetas, galerías y fichas mantienen consistencia.

Páginas por ruta

Cada experiencia puede posicionarse por destino e intención.

Imágenes optimizadas

WebP y carga diferida ayudan en un sitio muy visual.

Resultado

De web informativa a web que vende mejor.

Al reducir la fricción para comparar rutas, acercar la reserva al momento de decisión y hacer visible la confianza, la experiencia deja de limitarse a informar y empieza a empujar la venta de forma clara. El cambio importante está ahí: más intención convertida en reservas y una web que trabaja mejor para el negocio.