About the project
A dynamic upsell card component designed to live in all CanadianTire.ca product detail pages
This project took 3 weeks to design
A dynamic upsell card component designed to live in all CanadianTire.ca product detail pages
This project took 3 weeks to design
I led the user experience design, component design & documentation
I collaborated with a Product Owner, 3 developers, accessibility lead and a design system lead
Understood the business reasoning for this promotion in eCommerce PDP
Discovered loyalty members pain points and misunderstandings
Collaborated with the team till component launch and did front end QA
Research showed loyalty members were not aware of which card can redeem them the most rewards
There was no automated way to show the redeeming CT Money in PDP
We found out that many customers miss out on activating offers
Present the right card to the right customer and upsell based on purchasing their habits
Automatically and dynamically do the math for the customers to show how many CTÂ money they can collect per product
Create an entry point to view relevant offers available for loyalty members
Collaborated with research team to understand the past research & run a qualitative study through usertesting.com
Utilized existing personas and research
We did another qualitative study to test design concepts and see if users noticed the new component, it’s comprehension, and check if they would take action
Designed the component to match Northern Light UI
Added Triangle branding to the component to clearly communicate this is a Triangle loyalty
Collaborated with PDPÂ team to work on the IA of this loyalty components placement within the PDP
Weekly presentation and reviews with eCommerce design team, Triangle PM & Associate Vice President
Design documentation for Northern Light UI Kit
Design walkthrough presentation with developer team
Reviewed front end to assure UI implementation quality & web accessibility
Launched in Feb 2023, and it is still present on Canadian Tire website and app PDP
Always check with the team before re-inventing the wheel
Use matrices and UI docs to communicate complex design variants
User test validated designs gives a confidence boost during stakeholder presentation