VER

Caso de estudio — Astro · GSAP

AstroGSAPEditorial

Desarrollo de la página de pagos para una aerolinea.

Vueling
01

Sobre el proyecto

Colaboración con el equipo de producto de Vueling para una landing de campaña. El objetivo: convertir tráfico de pago en reservas con el mínimo roce, sin sacrificar identidad de marca ni accesibilidad.

02

Diseño orientado a conversión

Jerarquía implacable: propuesta de valor arriba, pruebas sociales y CTA siempre visibles. Se redujo el número de campos y se optimizó el contraste para guiar la mirada hacia la acción principal.

Hero — propuesta + CTA sin distracciones

Landing Vueling — hero y CTA
Hero — propuesta + CTA sin distracciones
03

Pixel-perfect responsivo

Implementación fiel al diseño en Figma, con breakpoints cuidados y tipografía fluida. Testeo en dispositivos reales para evitar saltos de layout en el momento crítico del checkout.

Responsive — sin saltos en el flujo de reserva

Detalle responsive Vueling
Responsive — sin saltos en el flujo de reserva
04

Velocidad como feature

Optimización por encima de 90 en Lighthouse: imágenes optimizadas, fuentes con display swap y JS mínimo. Cada milisegundo cuenta cuando el usuario decide entre pestañas de aerolíneas.

05

Analítica integrada

Eventos de conversión y scroll mapeados para marketing. La landing informa al equipo de performance qué creatividades retienen y dónde se cae el embudo, sin añadir peso al cliente.

Medición — embudo visible para el equipo de growth

Eventos analítica
Medición — embudo visible para el equipo de growth
06

Resultados

Landing ligera, consistente en todos los dispositivos y lista para iterar creatividades. Base técnica reutilizable para futuras campañas sin reescribir.

Visitar sitio web

vueling.com — abre en pestaña nueva