Scene+ Loyalty Banking Partner Experience

BUILDING A REWARDS CARD FINDER FOR

Product Design · Cross-brand Alignment · Motion · Usability Research

Canada’s leading loyalty program, with Scotiabank & Tangerine.

One Shared Template: 3 Unique Identities

Welcoming a

SECOND BANK

For years, Scene+ members have earned more through its partnership with Scotiabank. When Tangerine joined as a second banking partner, Scene+ faced a new challenge: creating a trusted card-finding experience that could serve both partners without favoring one over the other. The existing card finder, owned by the bank and embedded within the Scene+ site, wasn’t built for what Scene+ needed next.

Scotiabank

Tangerine Joining

Aligning Multiple Stakeholder Groups

Four priorities, one vision.

Scene+ Priority

Trust transfer and earn acceleration

Carry members’ trust in Scene+ through to its bank partners, and make point acceleration click as a concept: the same points, collected faster.

Scotiabank’s Priority

The breadth of the offering

Showcase the full range of Scotiabank cards and their perks, each card leading with a different standout benefit.

Tangerine’s Priority

One card, flexible benefits

Highlight its single card and the flexibility that sets it apart: members choose their own reward categories.

Our approach

A vision that performs

Our job was to bring every group’s priorities into one cohesive experience, while making the page perform: sending more members to the bank partners.

Scene+ Priority

Trust transfer and earn acceleration

Explain membership first and how a bank card adds value on top: the same points, earned faster.

Mobile “Getting close to a reward? Earn more here.”: offers personalized to a member’s shopping habits — Offers personalized to how members already shop.

Mobile: points for credit and points for travel, exclusive to eligible Scotiabank and Tangerine cardholders — Redemptions only Scotiabank and Tangerine cardholders get.

Scotiabank’s Priority

The breadth of the offering

Scotiabank brings several cards to the program, each with distinct benefits to showcase. The challenge was making every card visible without overwhelming members. To find the right balance, we tested two approaches: a flat layout with all card details displayed upfront, and a streamlined grid that reveals each card’s details in a modal.

Treatment A: featured Scotiabank cards as flat rows, each with its earn rates, best-for tags, fees and an apply button — Every card’s earn rates, “best-for” tags and fees in one scroll. Members preferred it for side-by-side comparison with fewer clicks.

Treatment B: featured Scotiabank cards in a two-by-two grid — A cleaner grid that keeps details a click away in a modal. Tidier, but the extra step got in the way of comparing.

A cleaner grid that keeps details a click away in a modal. Tidier, but the extra step got in the way of comparing.

Motion as the Mechanism

The flat layout settled how members compare cards, but the heroes had a different job: show how the pieces fit together. Static images could only show one card at a time, so we built a motion system and tuned it three ways: to show the banks’ relationship to Scene+ and to each other, the breadth of Scotiabank’s lineup, and a solo moment for Tangerine’s single card.

A Scotiabank Passport Visa card — 01 The relationship On the Scene+ page, the two banks’ cards trade places as you scroll: partners side by side, each in front in turn, neither one leading.

A Tangerine credit card — 01 The relationship On the Scene+ page, the two banks’ cards trade places as you scroll: partners side by side, each in front in turn, neither one leading.

The Scotiabank Gold American Express card — 02 The breadth On Scotiabank’s page, a carousel steps through its lineup, making the range of cards the message.

The Scotiabank Scene+ Visa card — 02 The breadth On Scotiabank’s page, a carousel steps through its lineup, making the range of cards the message.

The Tangerine World Elite Mastercard — 03 The solo moment Tangerine’s single card gets the stage to itself, easing forward and tilting into the light, so one card reads as a choice rather than a gap.

Tangerine’s Priority

One card, flexible benefits

Tangerine has a single card offering for Scene+, so the page needed to make it stand on its own. We led with the full offer, then highlighted the benefits that set it apart, including members’ ability to choose their own accelerator categories.

Our approach

A vision that performs

Three organizations, one page, and a shared goal: drive more card acquisitions. We brought all three teams into the decision-making process, explored design collaboratively, and measured success by how many members clicked through to Scotiabank and Tangerine to explore their card offerings.

Aligned together

We began with a user flow that everyone could agree on and used a shared board for every concept round throughout the project.