Activating In-Store Mode to maximize your next Canadain Tire visit.
Project Overview
Client: Canadian Tire
Timeline: 2 weeks
Role: UI Designer, Product Designer
Tools: Adobe XD, Adobe Photoshop, Excel, Wrike
In-Store Mode allows users to find the product within their CTC app by giving the users aisle number, quantity, availability and in-stock options depending on which location they are in real-time.
Canadain Tire App, as of 2023 has
over 1.5 Million users
Some of its features are:
How do we know that the Canadian Tire Shopping App is used to its full potential?
Even though CT App can do all this and more there was an accessibility gap of how to actually activate some of its features as the app does not automatically do that.
The Solution is simple:
Bring it to the user’s attention!
The first thing the users will see when they open the CT app is a prompt on how to maximize the use of the In-Store Feature!
Simple & Minimal Interaction
A short task flow to describe the journey of the User.
This Task flow is very simple to navigate and provides the easiest user experience to maximize the potential of CT’s app
Working with the Native CT Design System
At the peak of revamping the design system for its 100th anniversary. I contributed to designing the design system for the UI particularly used in this flow.
I worked on the following:
Sketching out the layout
I did a rough wireframe sketch of how the layout is going to look and this was the best time I could loop in my design manager for any feedback during my initial phase of designing.
What the Prototype looks like live