At IBM, I worked as a User Interface and Experience Designer on a small team for Canadian Tire, Triangle and Mastercard. Our design team was tasked with building a new digital credit card application process. My role was heavily focused on translating the client’s brand guidelines into an accessible design system.
In our initial project briefing, I was provided with the brand guidelines for Canadian Tire, Triangle and Mastercard, along with a joint logo that had been created internally. I used my background in brand design to pull the clearest version of each logo from their guidelines, and created a balanced, simplified design.
The outcome was increased legibility and brand recognition when viewed at a variety of sizes and resolutions.
Accessibility
Canadian Tire’s UI Guidelines
AAA Accessibility Updates
Canadian Tire’s internal design team presented IBM with their User Interface guidelines (above left). Upon review, I realized that the contrast ratios would not meet the AAA accessibility standards that our project planned to meet.
I brought this to the attention of my Project Manager and proposed a few small changes (above right). I integrated alternative brand colours while keeping the original look and feel of the design. I added contrast through the use of heavier line weights, colour and text size.
Canadian tire implemented my changes.