The company

The company

The company

Vueling

Vueling is one of the leading low-cost airlines in Europe, based in Barcelona and part of the IAG group. It operates more than 140 destinations across Europe, North Africa, and the Middle East.

0K

0K

Flights per year

Continuous operations to more than 140 destinations in Europe and North Africa.

0K

0K

Flights per year

Continuous operations to more than 140 destinations in Europe and North Africa.

0K

0K

Flights per year

Continuous operations to more than 140 destinations in Europe and North Africa.

+0M

+0M

Passengers carried in 2025

A strong presence in key markets such as Spain, France, and Italy.

+0M

+0M

Passengers carried in 2025

A strong presence in key markets such as Spain, France, and Italy.

+0M

+0M

Passengers carried in 2025

A strong presence in key markets such as Spain, France, and Italy.

€0B

€0B

Annual digital revenue

A large share of total turnover comes from direct sales on the website.

€0B

€0B

Annual digital revenue

A large share of total turnover comes from direct sales on the website.

€0B

€0B

Annual digital revenue

A large share of total turnover comes from direct sales on the website.

0

0

Purchases per second

High pressure on the digital experience at key moments.

0

0

Purchases per second

High pressure on the digital experience at key moments.

0

0

Purchases per second

High pressure on the digital experience at key moments.

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

Additional flight details

We added a side panel that displays additional flight details (such as terminal and total duration) without forcing the user to leave the screen or load new views.

Total flight duration visible at the start

Easy-to-follow vertical organization

Complete segment information (schedule, terminal, duration)

Clearly indicated connection time

Destination image adds visual context

Additional flight details

We added a side panel that displays additional flight details (such as terminal and total duration) without forcing the user to leave the screen or load new views.

Total flight duration visible at the start

Easy-to-follow vertical organization

Complete segment information (schedule, terminal, duration)

Clearly indicated connection time

Destination image adds visual context

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

Solution

The structure remains; the experience is transformed.

A clearer, more scannable, and efficient screen

Solution

The structure remains; the experience is transformed.

A clearer, more scannable, and efficient screen

Context

Context

Context

What was the challenge?

In the flight selection step, users were taking over 95 seconds on average to make a decision. Additionally, 30% scrolled through the entire page before selecting an option. These signals indicated difficulties in comparing similar flights and understanding fare differences. The existing solutions lacked hierarchy and required too much visual effort.

Objective

Reduce decision time and increase efficiency in flight comparison by improving fare comprehension and facilitating progression to the next step in the booking funnel.

Solution

Solution

The structure remains; the experience is transformed.

A clearer, more scannable, and efficient screen

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

Additional flight details

We added a side panel that displays additional flight details (such as terminal and total duration) without forcing the user to leave the screen or load new views.

Total flight duration visible at the start

Easy-to-follow vertical organization

Complete segment information (schedule, terminal, duration)

Clearly indicated connection time

Destination image adds visual context

Additional flight details

We added a side panel that displays additional flight details (such as terminal and total duration) without forcing the user to leave the screen or load new views.

Total flight duration visible at the start

Easy-to-follow vertical organization

Complete segment information (schedule, terminal, duration)

Clearly indicated connection time

Destination image adds visual context

We simplified the reading and comparison between flights

We reorganized key information (schedule, duration, and price) into clear visual cards. Each option is perceived as a complete, comparable unit, reducing scan time and the need to scroll.

Origin, destination, and flight type

Visible carrier – Iberia / Vueling / connection

Price highlighted on the right, easy to select

Separated card layout improves legibility

Making fare bundles easy to compare

By organizing options into visual columns with icons and contextual labels, users can quickly see what each fare includes.

Clear column layout for FLY, FLY GRANDE, and FLY LIGHT bundles

Visual comparison through icons, benefits, and included services

Highlight tags like “Only during booking” add clarity and urgency

Prominent CTA buttons guide users toward selection without confusion

Results

Results

Results

How it worked?

The new desktop design not only improved visual clarity but also had a direct impact on user behavior and conversion funnel performance.

-0%

-0%

Improved decision speed

Users selected flights faster, reflecting gains in efficiency.

-0%

-0%

Improved decision speed

Users selected flights faster, reflecting gains in efficiency.

-0%

-0%

Improved decision speed

Users selected flights faster, reflecting gains in efficiency.

+0%

+0%

Higher conversion rate

More users advanced to the fare selection step, indicating stronger engagement.

+0%

+0%

Higher conversion rate

More users advanced to the fare selection step, indicating stronger engagement.

+0%

+0%

Higher conversion rate

More users advanced to the fare selection step, indicating stronger engagement.

+0%

+0%

Clearer user experience

User testing confirmed improved clarity and understanding of the interface.

+0%

+0%

Clearer user experience

User testing confirmed improved clarity and understanding of the interface.

+0%

+0%

Clearer user experience

User testing confirmed improved clarity and understanding of the interface.

Contact

Contact

Contact

Get in touch

Interested in collaborating or sharing your vision? Reach out using the contact info below.

Email

annapenya.design@gmail.com

Telephone

+34 622 90 77 06

Feel free to connect with me on LinkedIn