VER

Case study — Astro · GSAP

AstroGSAPEditorial

Development of the payment page for an airline.

Vueling
01

About the project

Collaboration with Vueling’s product team for a campaign landing. Goal: turn paid traffic into bookings with minimal friction, without sacrificing brand or accessibility.

02

Conversion-led design

Ruthless hierarchy: value prop above the fold, social proof and CTA always visible. Fields were cut and contrast tuned to pull the eye to the primary action.

Hero — pitch + CTA with no distractions

Landing Vueling — hero y CTA
Hero — pitch + CTA with no distractions
03

Responsive pixel-perfect

Faithful Figma implementation with crafted breakpoints and fluid type. Tested on real devices to prevent layout shifts at checkout’s critical moment.

Responsive — no jumps in booking flow

Detalle responsive Vueling
Responsive — no jumps in booking flow
04

Speed as a feature

Over-90 Lighthouse: optimized images, swap display fonts and minimal JS. Every millisecond matters when users tab between airlines.

05

Integrated analytics

Conversion and scroll events mapped for marketing. The landing tells performance which creatives retain and where the funnel drops, without adding client weight.

Measurement — funnel visible for growth team

Eventos analítica
Measurement — funnel visible for growth team
06

Results

Lightweight, consistent across devices and ready to iterate creatives. Reusable tech base for future campaigns without rewrites.

Visit website

vueling.com — opens in new tab