Viva Aero­bus

¿Qué hicimos?

Arquitectura de flujo principal de venta

Rediseño y estandarización visual de la interfaz

Prototipo de alta fidelidad interactivo

Desarrollamos un prototipo funcional que optimiza el flujo de usuario, facilitando la navegación y mejorando la experiencia de compra. Esta mejora permitió aumentar significativamente la cantidad de boletos vendidos.

Sobre el cliente
Viva Aerobus es una aerolínea mexicana con base en el Aeropuerto Internacional de Monterrey. Opera 164 rutas a 58 destinos, ofreciendo servicio en 41 ciudades nacionales y 11 ciudades en Estados Unidos.
Desafíos

Mejorar la experiencia de usuario para el flujo de venta en su app móvil.

Viva Aerobus se acercó a ADHOC TI con el objetivo de mejorar la experiencia de usuario en su app móvil para incrementar la venta de vuelos. Nuestra propuesta se centró en optimizar el flujo de venta en la aplicación móvil, enfrentando varios retos:

  • Diseñar un flujo de usuario claro y comprensible.
  • Estandarizar la propuesta visual para cohesionar la información.
  • Desarrollar un prototipo usable con datos realistas.

Arquitectura de flujo de usuario

Nuestro primer objetivo fue reorganizar el flujo de usuario en el proceso de compra, permitiendo a los usuarios saber en qué etapa se encontraban en todo momento.

Diseñamos componentes clave que guían al usuario hacia su objetivo.

Diseño de interfaz e interacciones:

Definimos la estructura del flujo principal y nos enfocamos en tres partes cruciales:

  • Buscador y Calendario de Vuelos: Diseñamos un calendario que muestra precios y disponibilidad de vuelos de forma clara.
  • Selección de Vuelos y Paquetes: Organizamos la información de manera que el usuario pueda explorar opciones de vuelos y paquetes en una sola pantalla.
  • Selección de asientos: Diseñamos una interfaz que permite al usuario seleccionar y modificar asientos fácilmente.

Buscador y calendario de vuelos

Propusimos un diseño de calendario que ayude al usuario a reducir la incertidumbre de saber el costo de un vuelo, al seleccionar las fechas de salida y regreso. En un vistazo logramos dar a entender las fechas con vuelos disponibles con sus precios más económicos. En la misma pantalla dimos claridad en la selección de fechas usando colores y contrastes para los vuelos de ida y vuelta, que estarían presentes desde este paso en adelante.

Selección de vuelos y paquetes

Una de las pantallas más importantes es la de selección de horarios de vuelos y paquetes, el reto principal fue permitir al usuario explorar de manera clara y en una sola pantalla una gran cantidad de información relacionada a los resultados de vuelos, con sus fechas y detalles.

Para lograr esto definimos la disposición de elementos que tendría el layout para mostrar toda la información de manera clara y conveniente para el usuario.

  1. Los resultados de los vuelos se acomodarían de arriba hacia abajo, mostrando los vuelos de salida primero y después los de regreso, claramente divididos.
  2. Mostramos a primera vista la información más relevante para cada vuelo, añadiendo acciones para ver más detalles.
  3. Diseñamos la información de paquetes y precios de forma que se navegara horizontalmente, dando contexto sobre qué vuelo se explora y las características de cada paquete.

De esta forma logramos que una pantalla muy condensada de información fuera comprensible y con sentido para el usuario.

Selección de asientos

En la pantalla de selección de asientos nuestro objetivo fue diseñar los componentes de forma que el usuario tuviera presente el asiento que seleccionaba, para qué pasajero y sobre qué vuelo se encontraba. Este diseño permitía que el usuario pudiera modificar cualquier selección previa si así lo deseaba.

Desarrollo del prototipo

El desarrollo del prototipo se realizó en paralelo con el diseño de la interfaz, utilizando React Native bajo Expo y MirageJS para simular una API.

Esto permitió un desarrollo rápido y eficiente, con feedback constante.

  • React Native + Expo: Facilitó un desarrollo ágil y una implementación sencilla mediante la lectura de un QR.
  • Datos y API en Tiempo Real: MirageJS nos permitió simular datos reales, mejorando la experiencia del usuario.
Resultados

En solo 4 semanas, desarrollamos un prototipo funcional que puede ser instalado en cualquier dispositivo iOS o Android. Este prototipo demuestra la viabilidad y eficiencia de nuestro enfoque en proyectos de desarrollo a medida.

Conclusiones

Este proyecto mostró la capacidad de ADHOC TI para mejorar significativamente la experiencia de usuario y aumentar las ventas a través de aplicaciones móviles. El prototipo funcional sirve como herramienta para demostrar a accionistas y directivos las oportunidades que presenta, incentivando la inversión en el proyecto.

Loading Viva Aerobus

Descarga el prototipo

Ingresa tu correo electrónico y obtén las instrucciones para poder descargar y probar el prototipo funcional en cualquier dispositivo.

Acepto recibir un correo electrónico una vez al mes