Viva Aerobus
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.
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.
- 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.
- Mostramos a primera vista la información más relevante para cada vuelo, añadiendo acciones para ver más detalles.
- 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.
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.
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.