Un pase de lounge para viajeros en clase turista, a un toque de distancia.
Traveloka es una plataforma de viajes del sudeste asiático donde millones de personas reservan vuelos, hoteles y experiencias en una sola app.

Este proyecto es un design challenge de uixperiment, una plataforma que publica briefs de producto inspirados en apps reales. El reto: diseñar el punto de entrada, la selección y el precio de un add-on de acceso a salas VIP de aeropuerto para pasajeros de clase turista, dentro del flujo de reserva de vuelos existente, de forma que aumente los ingresos sin ralentizar ni bloquear la compra.
*Ejercicio de diseño independiente. No tengo ninguna vinculación con Traveloka, y las cifras de negocio proceden del brief del challenge.
Herramientas
Figma, PS,AE
Duración
4 días
El problema
Una oportunidad creciente en el momento equivocado
El brief señala una señal real: el crecimiento de los ingresos auxiliares se ha ralentizado un 12 %, y el 15 % de los pasajeros de clase turista intentó comprar acceso a un lounge por su cuenta después de reservar. La demanda existe, pero sale de la app, y los ingresos se van con ella.
*Flujo actual, mapeado desde la app
El checkout de vuelos de Traveloka está pensado para la rapidez. Sus add-ons, como el equipaje y la selección de asiento, son decisiones sencillas y familiares que la mayoría de viajeros resuelve de un vistazo. Un lounge es distinto: exige una decisión real. Los viajeros necesitan conocer lo esencial para juzgar si merece la pena, y si el precio mejora el de pagar en la puerta.

El checkout también tiene límites estrictos. Debe mantenerse en cuatro pasos, el add-on nunca puede ser obligatorio ni obligar a "rechazar", y tiene que funcionar para uno o varios viajeros. Además, la disponibilidad del lounge hay que comprobarla y tarda unos dos segundos en cargar, algo que la interfaz tiene que absorber sin bloquear la compra.

Así que el reto es un equilibrio: lo bastante visible para convertir, lo bastante ligero para no causar fatiga de decisión ni abandono.
Solución e Impacto
Mismos pasos. Una razón más para decir que sí.
Mejorar la experiencia del viaje sin comprometer el tiempo de checkout. Siguen siendo cuatro pasos y nada puede bloquear el pago.
El lounge encaja donde los viajeros ya eligen extras

En lugar de añadir un paso nuevo, el lounge pasa a ser una segunda opción en la sección Enhance your trip, que hoy ofrece un único servicio. La reserva sigue en cuatro pasos y nada es obligatorio: los viajeros pueden ignorar la tarjeta y continuar al pago sin ninguna acción extra. Tanto si la reserva es de un pasajero como de varios, el total se actualiza según eligen. El punto de entrada solo aparece en aeropuertos con un socio de lounge (lista supuesta).
Sensación premium, precio turista

‍La tarjeta del lounge da a los viajeros lo que necesitan de un vistazo: los principales servicios incluidos, el precio de la app junto al precio en mostrador, con el ahorro presentado como una ventaja clara, y una línea sobre la calma del lounge frente al bullicio de la terminal. Como asumimos que la misma base de datos que lista los aeropuertos con lounge contiene también las tarifas actualizadas, el precio es visible desde el principio, antes de cualquier toque. El ahorro es el mejor argumento para comprar en la app, así que no debería esperar detrás de un botón (precios supuestos).
La acción principal no es "Select lounge" sino Check availability, por dos razones:
- Marca expectativas. Los viajeros saben desde el primer vistazo que hay una breve comprobación antes de que ocurra nada, así que la espera nunca llega como una sorpresa.

- Mantiene la sensación premium. Incluso como add-on de clase turista, se convierte en algo a lo que se accede, en lugar de una casilla que se marca, lo que añade un toque de exclusividad al descuento.
Para los viajeros que quieren el panorama completo, More info abre un pop-up con todos los detalles del lounge, de modo que pueden explorar sin salir de la reserva ni frenar a los demás.
Hay tres resultados posibles
- Disponible: el lounge se añade a la reserva automáticamente, sin un segundo toque. El total se actualiza con el precio final, y el botón da paso a un breve mensaje Lounge added, con una transición en gradiente que muestra que ha pasado de ser una acción a ser un estado. A su lado aparece una acción Remove, para que el viajero pueda deshacerlo con un toque si cambia de opinión.
‍
- No disponible: la tarjeta se queda en su sitio, en gris y con opacidad reducida, y un breve mensaje explica el motivo. En lugar de desaparecer, lo que podría parecer un fallo, la sección muestra claramente que no hay acceso, y el diseño no se desplaza.

- Error: si la comprobación falla, aparece un breve mensaje ("Sorry, something went wrong. Try again") con una acción de reintento, y el resto del checkout no se ve afectado.
Solución e impacto
Impacto estimado
Todas las cifras de abajo son estimaciones construidas a partir de los objetivos del brief y de supuestos explícitos, no datos reales de Traveloka.
5%
Tasa de adjunción del lounge
De las reservas internacionales de clase turista elegibles añaden un lounge en el primer trimestre. Convierte al 15 % que ya buscaba acceso a un lounge por otros medios en ventas dentro de la app.
+8%
Valor de transacción en reservas con lounge
El pase añade un extra de alto margen a la reserva, y el ahorro visible frente al precio en mostrador da una razón para comprarlo aquí.
7.5%
Tasa de toque en Check availability
De las reservas elegibles tocan el nuevo punto de entrada. Un toque comprueba y añade, así que el interés se convierte en venta sin un segundo paso.
≤ +2 s
Tiempo medio de checkout
Los mismos cuatro pasos, y la comprobación de dos segundos nunca bloquea la pantalla. Solo los viajeros que tocan pasan unos segundos extra.
Design Process
Cómo vender sin frenar la compra
Añadir una oferta nueva a un checkout sin añadir un paso, ni un segundo de fricción, es más difícil de lo que parece. Este proceso se construyó en torno a esa restricción: mapear el flujo de reserva real para encontrar dónde podía vivir el lounge, y después dar forma a cada decisión pensando en la conversión, la escalabilidad y la experiencia del viajero, para que la sección venda sin ralentizar la compra.
User Flow
Dónde encaja el lounge en el flujo de reserva
A partir de mi propio recorrido por la app, mapeé el flujo de usuario completo, con cada punto en el que el viajero toma una decisión y cada desvío que puede seguir. El mapa empieza cuando el usuario abre la app de Traveloka y sigue el camino hasta la reserva del vuelo. Dentro del flujo de vuelo, el diagrama muestra los cuatro pasos: vuelo y horario, tipo de ticket, Enhance your trip y pago, con las elecciones y ramificaciones que implica cada uno.

En la esquina se muestra en detalle el paso que queremos cambiar: Enhance your trip con el lounge integrado. El flujo no gana un solo paso. Un viajero que ignora el lounge sigue directo al pago como antes, y solo quien lo elige pasa dos segundos extra en la comprobación de disponibilidad.
Design Decisions
Decisiones que protegen el checkout
Cada decisión de abajo responde a la misma pregunta: ¿cómo hacemos visible el lounge sin ralentizar la compra?
1. Ubicación: dentro de Enhance your trip

‍El lounge pasa a ser una segunda opción en el único paso pensado para extras opcionales, que hoy ofrece un único servicio. No añade ningún paso y no toca la comparativa de tarifas.
Descartado: añadirlo a los tipos de ticket. Es el paso más denso, haría que el lounge pareciera parte de la tarifa en lugar de una elección, y supondría rehacer los paquetes de tarifas, fuera del alcance. Un banner en la home y una notificación para viajeros recurrentes quedan como siguiente paso.
2. Un toque para añadir, un toque para deshacer‍

‍Check availability comprueba y añade el lounge con un solo toque. Si la comprobación es positiva, se actualiza, el botón pasa a ser un estado Lounge added y aparece una acción Remove. A diferencia del rastreador de equipaje, que viene añadido de serie, el lounge nunca viene premarcado: solo se añade cuando el viajero lo pide.
Descartado: un botón Add directo, y un proceso de dos pasos de «comprobar y luego confirmar». El primero esconde la espera, y el segundo cuesta un toque extra. Remove reutiliza un patrón que ya existe en esta pantalla, y no hace falta pulsar nada para continuar al pago.
3. Una tarjeta que vende de un vistazo, con profundidad bajo demanda

‍La tarjeta muestra tres servicios clave, el precio de la app junto al precio en mostrador con el ahorro, y una línea sobre la calma del lounge. Todo lo demás vive en el pop-up de More info, para que los viajeros interesados vean el panorama completo sin salir de la reserva. El precio es visible desde el principio, porque el ahorro es la razón más fuerte para comprar aquí.
Descartado: una página de detalle completa, que sacaría al viajero del flujo.
4. Todos los estados son visibles: nada desaparece

‍Comprobando, añadido, no disponible y error tienen cada uno su propio estado. La animación de carga usa el estilo de ilustración de la app, termina en cuanto llegan los datos y nunca bloquea la pantalla. Si no hay lounge, la tarjeta se queda en gris con un breve mensaje. Si la comprobación falla, aparece un reintento.
Descartado: ocultar la tarjeta cuando no está disponible. Una desaparición brusca puede parecer un fallo, y el diseño se desplazaría.
5. Exclusividad, no escasez‍

‍Check availability da al lounge un toque de «entrar», además del descuento. Pero dejamos fuera contadores como «solo quedan 2» y cualquier cuenta atrás. Todo viajero que quiera el servicio merece el mismo trato, y una urgencia inventada para vender cambiaría confianza por conversión.
Diseñado con enfoque mobile-first, ya que la app es donde ocurre la reserva. El escritorio reutilizaría la misma lógica y los mismos estados con un diseño más ancho.
Home
Proyectos
Sobre mi
Curriculum Linkedin