Contexto Objetivos Investigación Estrategia Sistema Wireframes Resultado
Mockup Ruta del Cister
UX/UI · Rediseño web

Ruta del Cister

Realizado en 2023

Rediseño completo de la web turística para mejorar la experiencia de usuario, actualizar la estética y reforzar la identidad cultural.

01 — Contexto del proyecto

Proyecto académico dentro del grado de Diseño y Creación Digitales (UOC): rediseño de la web turística de la Ruta del Cister, un itinerario cultural que conecta monasterios y naturaleza.

Objetivo general: mejorar la UX, modernizar la estética y mantener la identidad turística y cultural del proyecto original.

Contexto Ruta del Cister

02 — Objetivos

• Reorganizar la arquitectura de la información para facilitar la navegación.
• Crear una interfaz clara, visual y accesible en desktop y móvil.
• Potenciar el atractivo turístico con imagen, color y espacios en blanco.
• Diseñar un sistema visual coherente mediante una guía de estilo.

Objetivos y enfoque

03 — Investigación y benchmarking

Análisis comparativo de webs de turismo institucional y rural (Aragón Turismo, Galicia Turismo, Turitalia, Germany Travel, Rurive) para identificar buenas prácticas en claridad, jerarquía y accesibilidad.

Hallazgos: evitar sobrecarga de información, priorizar buscadores eficaces y optimizar navegación móvil.

Moodboard y referentes

04 — Estrategia y decisiones

Arquitectura de la información: menú simplificado con contenidos clave, subgrupos y filtros; inclusión de FAQ y calendario.

Home rediseñada: intro clara y bloques temáticos (monasterios, itinerarios, lugares destacados, alojamiento, gastronomía, agenda) con visuales de gran formato.

Móvil: menú lateral, jerarquía adaptada y coherencia visual con desktop.

Estrategia de navegación

05 — Sistema de diseño

Retícula: 12 columnas en desktop y 4 en móvil; márgenes y espaciados consistentes.

Tipografía: Montserrat para títulos, Quicksand para cuerpo, con ritmo basado en múltiplos de 4.

Color: paleta con rojo (calidez) y azul turquesa (frescura), neutros para equilibrio y colores funcionales para estados.

Componentes: botones con estados, iconografía de relleno en SVG, formularios con feedback visual.

Sistema visual Ruta del Cister

06 — Wireframes y pantallas clave

Validación de arquitectura y jerarquía visual con wireframes de escritorio y móvil para home, contacto y alojamientos.

07 — Resultado

Propuesta funcional y limpia que mejora la navegación, refuerza la identidad turística y mantiene coherencia en todos los dispositivos. Refleja mi forma de trabajar: investigación previa, decisiones fundamentadas y atención al detalle en sistemas visuales y UX.

Resultado final
Figma
Wireframes & UI
UX Research