Routes

Caso de estudio de Página Web

Año
2026

Cliente
CLIX/Routes

Tipo de Proyecto

UX/UI Design / Website Development

Contexto

UX/UI Design + Website Development + Online searchmap

 

 

Routes es una plataforma web diseñada para enriquecer la experiencia de quienes visitan Monterrey, N.L., funcionando como una guía digital integral de la ciudad. Ante la necesidad de centralizar información relevante y confiable para el turista, el reto fue desarrollar un sitio que conectara a los visitantes con lo mejor que la ciudad tiene para ofrecer, de manera clara, atractiva y accesible.

La plataforma reúne en un solo lugar una selección curada de restaurantes, puntos de interés y ubicaciones destacadas de la ciudad, así como eventos vigentes en Monterrey y descuentos exclusivos en establecimientos locales. La propuesta de valor es directa: que cualquier persona que llegue a la ciudad cuente con una herramienta confiable que le permita descubrir, planear y aprovechar al máximo su estancia, sin necesidad de recurrir a múltiples fuentes de información dispersas.

La necesidad era evidente: crear una experiencia digital funcional y bien estructurada que sirviera como punto de referencia para el visitante, facilitara su conexión con el ecosistema comercial y cultural de Monterrey, y posicionara a la ciudad como un destino organizado y acogedor.

Proceso

Análisis

Realizamos una auditoría de la plataforma para identificar áreas de oportunidad en la experiencia del usuario, detectando aspectos como la organización y jerarquía de la información presentada, la claridad en la navegación entre secciones, la coherencia visual entre categorías como restaurantes, eventos, ubicaciones y descuentos.

Estructura

Rediseñamos la arquitectura de la plataforma para optimizar la presentación de contenido por categorías, estandarizar la forma en que se muestra la información de cada establecimiento y evento, y garantizar que el visitante pudiera encontrar lo que necesita con el menor esfuerzo posible, priorizando una navegación intuitiva y una experiencia coherente a lo largo de todo el sitio.

Diseño

Desarrollamos las estructuras visuales de la plataforma en Figma, estableciendo una jerarquía clara de contenido, paleta de colores coherente y componentes reutilizables que aseguraran consistencia a lo largo de todas las secciones. El diseño evolucionó de manera iterativa a partir del feedback recibido, refinando la distribución de la información, la legibilidad de los elementos clave y la experiencia de navegación entre categorías. Cada ajuste estuvo orientado a lograr una interfaz que resultara visualmente atractiva para el visitante, pero sobre todo funcional

Pruebas

La retroalimentación recibida durante el proceso de diseño permitió validar la estructura de la plataforma, confirmar la claridad con la que se presentaba la información de cada categoría y realizar ajustes estratégicos en la navegación, la organización del contenido y la jerarquía visual, asegurando que la experiencia final respondiera de manera efectiva a las necesidades reales de un visitante que llega a Monterrey por primera vez.

Desarrollo

El desarrollo de la plataforma fue implementado con iteraciones constantes apoyadas en herramientas modernas, utilizando React y Tailwind CSS como base tecnológica para garantizar una interfaz dinámica, responsiva y visualmente coherente. El flujo de trabajo se gestionó a través de Visual Studio Code y GitLab, asegurando un control de versiones ordenado y una colaboración eficiente a lo largo de todo el proceso. Como apoyo en el desarrollo, se integró Claude como asistente de programación, agilizando la escritura de código y la resolución de desafíos técnicos, lo que permitió mantener un ritmo de entrega consistente sin comprometer la calidad del producto final.

Let's Work
Together *