La Ruta del Císter
2024 · 4 min de lectura
Turismo, rediseñado
La Ruta del Císter tiene patrimonio, paisaje y personalidad. Lo que no tenía era una interfaz a su altura. Este rediseño parte del análisis de sus puntos de fricción para replantear su experiencia digital: más accesible, más intuitiva y visualmente coherente. ¿Puede el diseño estar a la altura de siglos de historia?
Rediseño de interfaz
Accesibilidad
Mobile first
Proceso de análisis
Partí analizando la interfaz original para desgranar sus problemas principales: jerarquías confusas en el menú y el pie, una landing page con pocos elementos, una sección para buscar alojamiento sin apenas filtros de búsqueda y un formulario de contacto que no facilitaba feedback efectivo al usuario, negándole la oportunidad de saber si había cometido algún fallo o si su consulta había sido enviada. Todo esto perjudicaba su navegación, forzándole a abandonar la web.
Con esto, elaboré un benchmarking para analizar otras marcas tuísticas y hallar en ellas criterios aplicables a este rediseño: todas tenían en común una arquitectura de la información poco profunda, un look and feel muy coherente y fotografías de gran formato. Reorganicé los contenidos en un sitemap para priorizar una búsqueda de información efectiva.
Identidad gráfica
La Ruta del Císter tiene un rico patrimonio histórico y cultural. Busqué hacer referencia a éste gráficamente, evocando el sosiego, la tradición y la naturaleza que la caracteriza de un modo cercano y amable. Para definir su tono, me serví de un moodboard que definió la paleta de color, la tipografía y el tipo de fotografías. Así, aparecerán texturas naturales, un amarillo terroso que evoque las piedras de los monasterios, un burdeos que remita al vino tinto local, una tipografía con serifa que transmita tradición y fotografías de alto contraste que resalten las formas arquitectónicas y del paisaje
Rediseño de la interfaz
Este rediseño se hizo bajo un enfoque mobile first, lo que asegura una experiencia óptima en smartphones. Además, es escalable, con lo que las pantallas se adaptan a dispositivos de mayor tamaño. Diseñé primero las pantallas para móviles y después las de escritorio, pero en ambas quedaron reflejadas las mismas mejoras: el menú y el pie se han reconfigurado, la landing ahora tiene una previsualización de las secciones más importantes, la búsqueda de alojamiento ahora permite filtrar por más criterios y el formulario de contacto da feedback a través de cambios en su apariencia.
Landing page
Página de búsqueda de alojamiento
Formulario de contacto
Guía de estilo
Para mantener la coherencia gráfica en las futuras actualizaciones, elaboré una guía de estilo. Se detallan en la misma qué elementos visuales se utilizan, cómo han de ser utilizados y su apariencia en diferentes estados.
En ella cuidé especialmente la accesibilidad mediante colores muy contrastantes entre sí para que incluso las personas con baja visión puedan acceder a los contenidos. Concretamente, llegando al nivel AA de contraste.
Conclusiones
El rediseño demuestra que ciertos cambios estructurales, como reorganizar el menú, añadir filtros de búsqueda y dar feedback en los formularios, tienen un impacto directo en la experiencia del usuario.
El siguiente paso natural sería validar las mejoras con usuarios reales mediante tests de usabilidad, para iterar antes de una hipotética implementación