One landing page to motivate 10M+ collectors to redeem

Rewards landing page in device Rewards landing page mobile
Project Brief
AIR MILES is one of Canada's largest loyalty rewards programs, helping millions of collectors earn and redeem Miles on everyday purchases. In January 2026, the program simplified its currency - replacing "Dream Miles" and "Cash Miles" with a single "Miles" balance. In preparation for this change, we redesigned the Rewards experience, starting with the Rewards landing page - the first place many collectors discover what their Miles can get them, and what motivates them to keep earning.
My Role
UX Designer
Team
1 Designer, 1 SPM, 1 PO, 8 Developers, 3 QA
Timeline
Jun 2025 - Jan 2026
UX design Component design Responsive design Documentation Developer collaboration

Low value perception was one of the biggest barriers to redemption

Market and user research revealed that one of the main barriers to redemption was low value perception. Collectors weren't sure what their Miles were worth or what they could get based on their current balance, even though 80% of collectors had enough Miles to redeem for a reward. There was also low awareness of the breadth of rewards available to collectors.

43%
said they weren't earning enough to redeem
~80%
had 95+ Miles and could already redeem
52%
didn't know what they wanted to redeem for

Legacy screens and a disjointed browsing experience

Additionally, due to back end technical constraints, the Rewards catalog was separated across 3 different sites, making it impossible to view different types of Rewards within the same page, and making for a very confusing and disjointed browsing experience for collectors.

Before: Legacy screens and a disjointed browsing experience with 3 separate landing pages
Original Rewards landing page Original Cash landing page Original Merch landing page
Before: Legacy screens and a disjointed browsing experience with 3 separate landing pages

Re-designed IA and navigation

Consolidating 3 landing pages and navigations into one required rethinking the IA within the constraints of an existing header structure. The navigation needed to balance user goals with business priorities around surfacing key entry points. We partnered with UXR to conduct a card sort exercise to understand how collectors naturally grouped different items. Based on UX research, competitor analysis, and Baymard practices, we designed an intuitive navigation experience for our collectors.

New rewards web flow

A modern, e-commerce inspired landing page

I designed a consolidated rewards landing page that focused on showcasing the breadth of the rewards catalog, motivating and incentiizing collectors to browse and explore by leaning into showcasing products and product imagery. Additionally, I wanted to bring transparency to collectors around how much their Miles were worth.

After: A modern, consolidated, e-commerce inspired landing page
Browse Rewards by Miles surfaces 30+ rewards without scrolling, motivates collectors to browse, and sets collector expectations about Rewards prices Popular categories and subcategories to incentivize browsing with a clear "Deals" entry point for our deal seekers
Redesigned Rewards landing page
A new consolidated navigation with an enhanced search capability to search for different types of rewards Showcasing the breadth of reward types Spotlighting high conversion rewards

App usability testing validated key design decisions for web

While formal usability testing wasn’t conducted on the web landing page, we ran usability testing on the redesigned app landing screen which shared the same elements, structure, and content. Those insights directly informed design decisions on web.

“Top Rewards starting at just 95 Miles”

This was a net-new section that used tabs to showcase products by Miles range to set expectations around how much Miles were worth. Testing validated the tabbed approach as an intuitive way to help collectors discover what their Miles could get them.

Top Rewards starting at just 95 Miles tabs section
Promotions entry point

Participants had difficulty finding the entry point to the promotions listing page. Based on this insight, we made the promotions entry point much more visual and prominent, making it easier for deal-seeking collectors to find and explore current promotions.

Original: Used product imagery for the deals entry point
Promotions entry point before
Redesign: Used a more vibrant illustration for the deals entry point
Promotions entry point after

New Components and Developer Hand-off Documentation

For each component, I created detailed design documentation including specifications, interaction states, and accessibility requirements. I worked closely with developers through implementation to ensure quality and accuracy.

Category card component designs Category card documentation

We're live! Now what?

The experience lanuched on January 26, 2026 so we'll be monitoring analytics to measure the impact of the page. I am also working with the Data Science team on a Rewards Recommendation Model which will be used to show a personalized product carousel to collectors at the top of the landing page.