Explora · Descansa · Saborea · Prepara · Comparte
← Volver a proyectos01 / ContextoRediseño web
Ordenar una ruta compleja sin perder su identidad cultural.
La Ruta del Císter reúne monasterios, itinerarios, alojamiento, gastronomía, agenda e información práctica. El rediseño reorganiza ese contenido para que el visitante pueda descubrir opciones, compararlas y preparar una experiencia completa.
- Mi rol
- Investigué la web original y detecté los puntos de fricción
- Rediseñé la arquitectura de información en cinco bloques de contenido
- Construí un sistema visual (color, tipografía, iconos) para escritorio y móvil
- Prototipé la experiencia completa en Figma
- Contexto
- Proyecto académico · Rediseño web
- Sistema
- Escritorio, tablet y móvil
- Resultado
- Web turística adaptable
- Herramientas
- Figma · Photoshop
Encontrar.
Explorar.
Planificar.
Reducir la sobrecarga informativa de una web turística con muchos contenidos y convertirla en una experiencia clara para preparar la visita.
Comprender
antes de diseñar.
La web original reunía contenidos útiles, pero la navegación no ayudaba a decidir qué ver, dónde dormir o cómo organizar la ruta.
Antes de trabajar la interfaz, el foco estuvo en detectar qué información necesitaba más jerarquía: menú, buscador, filtros y accesos a contenidos clave.
03.1 / Estructura
Ordenar recorridos antes de cerrar pantallas.
Los esquemas sirvieron para reorganizar navegación, buscador, filtros y tarjetas de contenido en escritorio y móvil.
04 / Traduciendo los hallazgos en decisiones de diseño
De contenido acumulado a decisiones claras.
Los hallazgos se tradujeron en cuatro decisiones: reorganizar la arquitectura, convertir la página de inicio en punto de planificación, priorizar búsqueda, filtros y tarjetas, y sostenerlo con un sistema adaptable.
Monasterios, itinerarios, alojamiento, gastronomía y agenda en bloques reconocibles.
Acceso visible a rutas, alojamiento, agenda y contenidos útiles.
Módulos reutilizables para comparar, decidir y mantener consistencia entre pantallas.
04.1 / Sistema visual
Un lenguaje común para orientar.
Retícula, color, tipografía, botones e iconografía se definieron como un sistema visual para mantener la navegación clara y consistente entre escritorio y móvil.
Color para orientar.
Tipografía para guiar.
Sistema cromático
Turquesa
#008DA1#00A1AB#01BABC#62D4CE#8BE8DD
Navegación · estructura · orientación
Coral
#E84255#F25859#FF6F61#FF856B#FF9872
Acción · énfasis · llamadas
Neutros
#FFFFFF#F2F2F2#E6E6E6#CDCDCD#686868#000000
Lectura · fondo · equilibrio
TipografíaAa Aa
MontserratTítulos · Seminegrita / Negra
QuicksandTexto · Regular / Media
Componentes pensados para reconocer, decidir y avanzar.
Iconos, botones y formularios mantienen el mismo lenguaje visual para que las acciones sean reconocibles en escritorio y móvil.
Categorías y acciones principales.
Iconografía lineal, legible y preparada para funcionar en turquesa, coral o en positivo sobre fondos de color.
Estados visibles sin romper la composición.
El coral concentra acciones y llamadas; el turquesa ordena navegación y confirmación. El gris reserva estados inactivos sin competir con las acciones principales.
Formulario y respuesta del sistema.
Marcado
Seleccionado
Activado
La ruta continúa en cualquier pantalla.
05.1 / Resultado adaptable
Una interfaz funcional que deja espacio al territorio.
06 / Mirando atrás
"Diseñar turismo es diseñar decisiones."
5 bloques · 3 pantallasArquitectura reorganizada en 5 bloques de contenido, con sistema adaptable en escritorio, tablet y móvil.
La estructura correcta permite descubrir, comparar y planificar sin perderse entre contenidos.
Volver a proyectos ↗