Volando alto hacia el botón de "Comprar"

Reto

El ecosistema digital de la aerolínea low-cost Wingo requería una optimización estratégica en su Sales Funnel (flujo de ventas), debido a fricciones de usabilidad que impactaban negativamente la tasa de conversión y la satisfacción del pasajero. Los objetivos principales se centraron en incrementar las transacciones digitales y elevar la satisfacción del usuario a través de un rediseño integral de la experiencia de compra.

Rol

UI Design Lead - Diseño de interacción, diseño visual, creación de prototipos.

Equipo

Project Manager, Product Designer, UI Desing Lead, Wingo: CMO y IT Lead.

Solución

Abordamos el proyecto mediante una metodología estructurada que inició con la alineación estratégica del negocio, la definición de KPIs y la preparación de pruebas con usuarios. Durante la etapa de investigación (Discovery), evaluamos la plataforma desde múltiples frentes: realizamos un análisis heurístico para detectar bloqueos de navegación, examinamos métricas en Google Analytics, Hotjar y encuestas web, y ejecutamos 10 pruebas cualitativas con usuarios reales. Asimismo, desarrollamos un benchmark estratégico analizando a los competidores más fuertes del mercado para extraer e identificar las mejores prácticas de la industria, consolidando todos los hallazgos e hipótesis en un Informe Ejecutivo de Discovery.

Con los datos validados, facilitamos un workshop de priorización con el equipo de Wingo (matriz impacto vs. esfuerzo) y reestructuramos la arquitectura de información para clarificar la propuesta de valor. Ideamos wireflows de baja fidelidad para definir la navegación y posteriormente diseñamos en Figma las interfaces interactivas de alta fidelidad para desktop y mobile, elevando el estándar visual sin perder la identidad de marca. Finalmente, validamos los prototipos en la plataforma Maze, iterando el diseño con la retroalimentación directa de los usuarios para entregar una experiencia de compra fluida, intuitiva y maximizada para la conversión.

El Buscador: Rediseñé el buscador de vuelos, los estados de selección, los mensajes de error/éxito para códigos promocionales y los filtros de selección de pasajeros (adultos, niños e infantes con sus modales de condiciones especiales)

Selección de Tarifas: Rediseñé la visualización de los bundles de tarifas (GoBasic, GoPlus, GoPremium) integrando un nuevo modelo de Bundle, la visualización de calendarios semanales y mensuales de tarifas bajas, y el flujo para modificar un vuelo.

Up-Selling y Personalización: Simplifiqué el formulario de ingreso de datos del pasajero, e implementé flujos más dinámicos y atractivos para agregar servicios adicionales: upgrade de equipaje regular, equipaje deportivo/musical, upgrades de flexibilidad y la selección de productos de su Wingo Market.

Personalización desktop y mobile de Wingo

Selección de Asientos: Creé una interfaz de mapa de asientos clara y fácil de navegar con flujos específicos según si el cliente viaja con bundles básicos o premium, resolviendo de forma intuitiva casos especiales de selección de asientos cuando se viaja con niños.

Selección de asientos desktop y mobile de Wingo

Pasarela de Pago y Confirmación: Rediseñé el checkout para agilizar los flujos de pago con Tarjeta de Crédito, PSE y efectivo, además del módulo para adicionar seguros y las pantallas de resumen final para cada tipo de método de pago.

Pasarela de pago desktop y mobile de Wingo

Aprendizaje

Combinar data cuantitativa y cualitativa (Hotjar, GA) aceleró la aprobación de propuestas visuales con stakeholders. Complementarlo con pruebas de usabilidad en alta fidelidad (Maze) aseguró un producto sin fricciones y optimizado para la conversión previo al despliegue.

Priorizar tempranamente con negocio y tecnología (Wingo) evitó retrabajos y enfocó los recursos en entregables de alto impacto. Además, diseñar bajo las restricciones mobile-first forzó una simplificación del flujo que optimizó por igual la experiencia en desktop.

Siguiente proyecto