Toyota

Toyota

Toyota

Companion app redesign

Redesigning Toyota's car companion app entails integrating several new features and establishing a new global design system accessible to distributed design teams. The current app in the market has become bloated with added features, leading to a cumbersome user experience. This issue has arisen due to the absence of traditional testing and iterative refinement processes. With engineers transitioning the code base to Flutter, there is an opportunity to streamline components and establish a cohesive system.

role

Visual Design
Product Design
Prototyping
Interaction Design
Experience Design

projects

Toyota + Lexus iOS app
Improving IA via research
Design system implementation

01

Quests

  1. Aligning with stakeholders globally, the app was used in the US and Australia.

  1. Mapping features and implementing new features into the IA.

  1. Building out new design system with offshore devs.

Card sorting data

03

How we researched 

We began by restructuring the existing in-market sitemap into distinct sections. Subsequently, we conducted card sorting exercises involving 40 participants who were active users of car companion apps. This process provided valuable insights into general user preferences regarding content placement within the app.

Furthermore, we conducted interviews with multiple participants who regularly utilized companion apps with their vehicles. These interviews aimed to uncover where users derive the most value from the app, as well as identify their pain points and wishlist features for future improvements.

03

Design system

A design system did not exist for the previous iteration of the app so it was a start from scratch exercise. The challenge was that it had to act as a white label product as the main designs we done with Toyota in mind, but the white label version of the app also had to cater for Lexus and Subaru. 

Component selection

05

Outcomes

Using the brand guidelines we developed an atomic structure for Toyota and Lexus, forming a design system and using that to structure the app.

Using the same participants earlier in the project we ran prototype scenario tests to get feedback on the navigation and content structure.

The basis of a new design system was created with two apps.

Using the brand guidelines we developed an atomic structure for Toyota and Lexus, forming a design system and using that to structure the app.

Using the same participants earlier in the project we ran prototype scenario tests to get feedback on the navigation and content structure.

The basis of a new design system was created with two apps.

Using the brand guidelines we developed an atomic structure for Toyota and Lexus, forming a design system and using that to structure the app.

Using the same participants earlier in the project we ran prototype scenario tests to get feedback on the navigation and content structure.

The basis of a new design system was created with two apps.

Screen selection

thanks for stopping by!

©

James Aspden

2024

thanks for stopping by!

©

James Aspden

2024

thanks for stopping by!

©

James Aspden

2024