CAA logo
Canadian Automotive Assistance App Redesign - to meet users' needs
mockup screens showing redesign

"User interface is very cluttered and unfriendly"

- user review from Apple App Store
old caa app view

Redesign of app to meet users' needs based on user reviews

  • Reliies on car for day-to-day activites - going to work, pick up and drop off of kids, basic errands.
  • Little to no long distance travel. All travel is in close proximity to home.
  • Wants a little extra security for car travel, since day-to-day relies on it.  - After researching roadside assistance services, find CAA.
  • New to all of their services and mainly just wants the roadside assistance
  • CAA Dollars and the loyalty program is an added bonus
  • Has been using the CAA App for years and renews membership on a yearly basis
  • Takes full advantage of all their services and is a Premier member
  • Roadside assistance is the bare minimum that they expect from CAA.
  • Uses all of their services and also has all members of their household on the app.
  • Travels regularly and utilizes travel insurance, travel bookings and often redeems through CAA dollars
user journey map

User Flow

user flow
CAA Sketch and Marvel testing view

Wireframe

wireframe

Learnings from User Testing

Access to Service Request and Tracking Service request
In testing realized the need for another screen that would show that a service request was active, which meant showing a Service Request was active on all screens and the Tracking screen can be accessed from all pages.
Card Access
Card access needs to be available at every screen. Since Profile and login screen don't have the header, the Card access tab was moved to the footer
Add further information to Service Request screen
Include emergency contacts and CAA service tech name and option to contact them when they are on the service call to member.

Fonts

H1 - Avenir; 40px | Heavy
H2/Labels/Buttons - Avenir; 20 | Heavy
Body - Avenir; 16 | Heavy
Captions - Avenir; 14 | Book
Footer - Avenir, 10 | Medium

Primary Colours

#ED1B2E
#00529B

Secondary Colours

#FE881A
#639D59
#5C40CA
#31B3CF

Design System

Prototype

Mobile screens showing CAA redesign
To view the prototype of the CAA app, which follows an Early User in accessing service for a Battery Change. View here