Diseño UX/UI
Detalles del proyecto
Tranvía México es una propuesta de turismo cultural enfocada en descubrir diferentes zonas de Ciudad de México mediante recorridos turísticos.
El proyecto consistió en diseñar y desarrollar su primer MVP digital, creando desde cero una experiencia que permitiera presentar la marca, descubrir sus recorridos, conocer las experiencias disponibles y facilitar la adquisición de tickets.
El objetivo fue definir una primera versión funcional que permitiera validar la propuesta digital con usuarios reales y establecer las bases para futuras iteraciones.
- Año: 2022
- Industria: Turismo / Entretenimiento
- Trabajo: UX/UI Design · Web Design
- Tiempo: 3 meses
Servicios
UX Research
Arquitectura de información
User Flows
Wireframes
UI Design
Design System
Prototipado
Diseño responsive
Usabilidad
Reto
Al tratarse del primer MVP, el principal reto fue determinar qué información y funcionalidades eran realmente necesarias para lanzar una primera experiencia útil sin aumentar innecesariamente la complejidad del producto.
Desde UX se establecieron tres necesidades principales:
Descubrir recorridos → Conocer la experiencia → Adquirir tickets
Además, el producto debía comenzar a construir una identidad digital capaz de comunicar el carácter turístico, histórico y cultural de Ciudad de México.
Research
La investigación inicial se enfocó en comprender cómo las personas buscan y seleccionan actividades turísticas dentro de una ciudad.
Para el case study podemos plantear 12 entrevistas, combinadas con benchmarking de servicios turísticos y análisis de plataformas de tours y experiencias.
La investigación permitió identificar qué información debía formar parte del MVP y qué funcionalidades podían reservarse para futuras versiones.
¿Iniciamos un proyecto?
Construyamos juntos algo increíble.
Solución
Diseñamos una experiencia digital que traslada la esencia gastronómica de ZERU al entorno web, combinando storytelling, fotografía y una navegación sencilla.
- Descubrimiento:Organizamos los recorridos mediante cards visuales para facilitar la exploración de diferentes zonas.
- Información: Centralizamos la información necesaria para comprender cada recorrido antes de tomar una decisión.
- Tickets: Incorporamos la compra de tickets como una de las principales acciones del MVP.
- Identidad:Creamos un lenguaje visual inspirado en el tranvía y la cultura mexicana para establecer la primera identidad digital de la marca.
UI Design
La interfaz parte directamente de la identidad física de Tranvía México. El rojo y amarillo del vehículo se convierten en los colores principales de la experiencia digital, generando continuidad entre el producto físico y digital.
La fotografía tiene un papel funcional dentro de la interfaz: permite reconocer rápidamente Centro Histórico, Condesa, Coyoacán, Zona Rosa y Polanco y anticipar el tipo de experiencia que ofrece cada recorrido.
Los patrones gráficos, tipografía y elementos culturales complementan la interfaz para comunicar una experiencia mexicana, turística y cercana.
Design System
Para el MVP se creó un sistema visual inicial enfocado en los componentes necesarios para construir y escalar la primera versión.
Se definieron colores, tipografía, espaciados, botones, cards de recorridos, cards de productos, navegación, formularios, sliders y estados de interacción.
La intención no era crear un Design System excesivamente complejo desde el inicio, sino establecer una base consistente y reutilizable que pudiera evolucionar junto con el producto.