C A S E S T U D Y

Air Canada

Timeline

June 2023 - May 2024

(Shipped July 2024)

Roles

UX/UI Design

Interaction Design

Design Systems

Team

Design Lead x1

Product Designers x3

Product Owners x2

Developers x10+

Creating a re-imagined digital experience for a leading Canadian airline.

The transition from its legacy site to a new, reimagined Homepage experience presented an opportunity for Air Canada to better showcase its unique offerings and improve value for passengers across North America.


Working with a cross-functional team, I led the design of key features such as 'Your Booking Benefits', the Special Offers Banner, and pioneered the Design System set-up for the entire Air Canada Homepage Workstream - translating client’s brand vision into scalable UI frameworks that elevated product consistency & user experience.

Air Canada

C A S E S T U D Y

Timeline

June 2023 - May 2024

(Shipped July 2024)

Roles

UX/UI Design

Interaction Design

Design Systems

Team

Design Lead x1

Product Designers x3

Product Owners x2

Developers x10+

Creating a re-imagined digital experience for a leading Canadian airline.

The transition from its legacy site to a new, reimagined Homepage experience presented an opportunity for Air Canada to better showcase its unique offerings and improve value for passengers across North America.


Working with a cross-functional team, I led the design of key features such as 'Your Booking Benefits', the Special Offers Banner, and pioneered the Design System set-up for the entire Air Canada Homepage Workstream - translating client’s brand vision into scalable UI frameworks that elevated product consistency & user experience.

The Outcome
What we achieved

+

0

%

Improvement in look-to-book ratio

+

0

%

Special offers page click-through rate

+

0.0

%

Purchase value per booking

The Process

01. Market Scan

To ground each feature in strategic insight, I began with evaluating how other industry players addressed similar challenges, uncovering opportunities for differentiation while aligning to Air Canada's brand and user expectations.

02. Design Explorations

With insights in hand, I explored a range of design directions for each feature - rapidly iterating to balance user needs with business goals. This phase focused on quick testing of ideas, refining interactions, and validating concepts with designers and product owners.

03. Stakeholder Feedback
& Iterations

03. Stakeholder Feedback & Iterations

03. Stakeholder Feedback & Iterations

The final phase was highly collaborative and iterative. I regularly presented evolving designs to director-level stakeholders across Product & Design, Brand, and Marketing teams at Air Canada, using their feedback to inform my design iterations and ensuring alignment and buy-in at every step.

01 Your Flight Benefits

Reimagining the Benefit Pill

Positioned just below the booking magnet, the original Benefits Pill had a limited role - prompting users to sign in to view their Aeroplan perks or promoting a credit card offer. With the redesign of the Homepage, we saw an opportunity to elevate this feature from a passive reminder to a dynamic, value-driven tool. Our goal was to surface personalized, actionable Aeroplan benefits directly within the booking flow - helping users make informed travel decisions without friction.

As the lead designer, I was tasked with transforming a compact UI element into a rich source of information - without overwhelming the user or compromising clarity. Balancing real estate constraints with the need to present multiple, nuanced benefits required careful prioritization, close collaboration with stakeholders, and a rigorous focus on hierarchy and interaction design.

The key to success lay in distilling complexity: identifying what mattered most to users, designing intuitive micro-interactions, and being careful to steer away from overloading the pill with content.

Your Flight Benefits

Iteration 01.

Colored pill labels help users quickly distinguish between Aeroplan Status Benefits and Credit Card Benefits, improving clarity and scannability

Color-coding the pills by Aeroplan status tier (e.g., 25K, 35K, 50K) reinforces user recognition and aligns with Aeroplan’s visual system

Lacks clear attribution to specific Aeroplan credit card partners & financial institutions, potentially leading to user confusion or missed information

Your Flight Benefits

Iteration 01.

Using coloured pills for labelling the benefits can help customers clearly distinguish between Aeroplan Status Benefits vs. Credit Card Benefits



Allows us to utilize the unique colour that signifies each status tier (e.g. 25K, 35K, 50K...)

Important to also highlight the specific Aeroplan Credit Card partners or financial institutions that are offering these benefits

Air Canada

Timeline

June 2023 - May 2024

(Shipped July 2024)

Roles

UX/UI Design

Interaction Design

Design Systems

Team

Design Lead x1

Product Designers x3

Product Owners x2

Developers x10+

C A S E S T U D Y

Creating a re-imagined digital experience for a leading Canadian airline.

The transition from its legacy site to a new, reimagined Homepage experience presented an opportunity for Air Canada to better showcase its unique offerings and improve value for passengers across North America.


Working with a cross-functional team, I led the design of key features such as 'Your Booking Benefits', the Special Offers Banner, and pioneered the Design System set-up for the entire Air Canada Homepage Workstream - translating client’s brand vision into scalable UI frameworks that elevated product consistency & user experience.