Rediseño de la experiencia digital en SKY Airline

Planifica tu viaje sin turbulencias | Caso de estudio para DUX PUCV

Role

UX/UI Designer

Industry

Transporte aeronáutico

Duration

5 meses

Personas caminando hacia un avión

Resumen ejecutivo

SKY recibía llamadas evitables al contact center — USD $5/min — sobre información que ya existía en su web pero no era comprensible para usuarios que viajaban poco. El problema no era de contenido, sino de experiencia.

Etapa 1. Auditoría de usabilidad

Investigación

Entrevistas con 5 personas de 26 a 72 años, seleccionadas por su baja frecuencia de viaje (menos de 6 veces al año). Las sesiones fueron remotas por Zoom.

Proceso de compra: Compran con anticipación, prefieren paquetes completos para evitar sorpresas.

Lenguaje técnico: Términos como "artículo personal" o "asiento aleatorio" generaban confusión y desconfianza.

Post-venta: Desconfían de los chatbots, prefieren contacto humano cuando algo falla.

"Me frustro cuando no entiendo, en ninguna parte te guían si es tu primer vuelo."

"Hay cosas que no entiendo y me dan miedo las estafas."

Benchmark

Se analizaron 5 referentes: Volaris y JetSmart (competencia directa), British Airways (indirecta), Turbus y Santander (otras industrias). El patrón común: los mejores sitios educan al usuario antes de la compra, no después.

Card sorting

Ejercicio con usuarios reveló redundancias entre "servicios adicionales" y "otros productos y servicios", y que los títulos de las tarjetas no eran suficientemente claros para categorizarlos.

Etapa 2. Estrategia de diseño

El customer journey map mostró que la emoción caía de "ilusionado" a "crítico y molesto" en el momento de la compra, cuando el usuario se topaba con servicios que no comprendía. La oportunidad estaba en el pre-servicio.

Hipótesis

Si reorganizamos los contenidos y mejoramos la navegación de "Planifica tu viaje", los usuarios podrán resolver sus dudas de forma autónoma, reduciendo la necesidad de llamar al contact center.

Dos funcionalidades clave

  • Onboarding de bienvenida: Modal de 4 pasos para usuarios nuevos que explica los términos esenciales del proceso de compra antes de que los encuentren en contexto.

  • Reorganización de la sección: Nueva arquitectura de información con lenguaje cercano, categorías unificadas y mayor visibilidad para servicios adicionales.

Etapa 3. Prototype Development

Decisiones de diseño

Construido en Figma sin acceso al sistema de diseño oficial de SKY. Se usaron los colores corporativos (púrpura, verde) y se construyeron componentes propios alineados al estilo de la marca.

  • Tarjetas de tarifa: Cada tarifa muestra la maleta correspondiente con sus dimensiones, haciendo la restricción de equipaje tangible y visual.

  • Onboarding: Modal de 4 pasos con iconografía clara, cerrable en cualquier momento. Activado solo para usuarios que ingresan por primera vez.

  • Tabla de precios: Buscador por servicio + pestañas nacional/internacional, reduciendo la carga cognitiva de escanear una tabla extensa.

  • Tono de voz: "Ideal para quienes viajan ligero" en lugar de descripciones técnicas de tarifa.

Animación de página web de una aerolínea
Animación de página web con tablas de precios

Etapa 4. Feedback y refinamiento

Prueba de usabilidad

Testeo remoto moderado con 6 personas de 25 a 55 años, baja exposición al viaje en avión. Figma + Maze para el prototipo, Zoom para la moderación. 3 tareas a completar.

  • 63,1 SUS score

  • 50% CSAT satisfacción

  • 6 participantes

Tarea

Tasa de éxito

Onboarding

50%

Elige tu tarifa

16,7%

Agrega tu mascota

83,3%

Hallazgos de heatmaps

  • Onboarding: Usuarios avanzaban sin leer. El CTA era demasiado dominante. Se propone mejorar jerarquía visual y agregar indicador de progreso.

  • Elige tu tarifa: Usuarios clickeaban toda la tarjeta, no solo el botón. Área interactiva demasiado pequeña. Se propone hacer todo el elemento clickeable y priorizar tarifas sobre el glosario.

  • Agrega tu mascota: Al hacer scroll perdían referencia del encabezado de tabla. Se propone cabecera fija y categoría completa clickeable.

Paso 5. Implementación y entrega

Proyecto presentado ante la comisión evaluadora del Diplomado DUX y el equipo de UX/UI de SKY Airline. Se entregó prototipo interactivo, nueva arquitectura de información, resultados de usabilidad y plan de gestión con 3 escenarios.

Plan propuesto — escenario real

8 roles, equipo mixto senior/semi/junior, 7 meses, 2.205 UF (~$86,7M CLP). Roadmap de 7 sprints desde research hasta monitoreo post-lanzamiento.

Outcomes proyectados

  • Reducir consultas al contact center: Relacionadas con tarifas, equipaje y servicios adicionales resolubles desde la web.

  • Aumentar conversión: Usuarios que inician compra desde la sección "Planifica tu viaje".

  • Elevar NPS y satisfacción: Al interactuar con la landing rediseñada.

a cell phone leaning on a ledge
a black cellphone with a white letter on it
a cell phone on a table

Lo que aprendí

Sobre el proceso

Aprendí a distinguir problemas de contenido de problemas de diseño. La información estaba, pero no había sido diseñada para quien llega sin experiencia previa. Diseñar para la autogestión es anticipar dudas, no solo simplificar.

Sobre comunicar decisiones

Trabajar con un cliente real implicó justificar cada decisión en términos de impacto para el negocio. La métrica de USD $5/min fue el lenguaje común entre diseño y negocio.

Lo que haría distinto

Habría priorizado acceder al sistema de diseño oficial antes de prototipar, y habría incluido una segunda ronda de pruebas post-iteración para validar las correcciones, especialmente en la tarea de elección de tarifa (16,7% de éxito).

Aprendizaje transversal

Diseñar para quien no sabe requiere empatía con la ignorancia. Eso es difícil de lograr cuando ya conoces el producto.

Other projects

¿Quieres contactarme?

Hablemos sobre proyectos, colaboraciones y otras cosas relacionadas al diseño

¿Quieres contactarme?

Hablemos sobre proyectos, colaboraciones y otras cosas relacionadas al diseño

¿Quieres contactarme?

Hablemos sobre proyectos, colaboraciones y otras cosas relacionadas al diseño

Create a free website with Framer, the website builder loved by startups, designers and agencies.