Toyota

Toyota's Help Me Choose quiz guides users through a series of financial questions and surfaces personalised recommendations based on their responses. I worked on the visual design of the experience, translating defined UX flows into clear, accessible interfaces using Toyota's established design system.

Year

2025

Agency

R/GA

Project Type

Automotive, Finance

Role

Senior Product Designer

My role

As a Senior Product Designer at R/GA, I led the UI design and component implementation for several high-traffic journeys on Toyota Australia, including the “Help Me Choose” decision tool, key finance application flows and campagn visuals. I focused on creating consistent UI patterns within Toyota’s evolving design system while delivering production-ready components under tight delivery timelines.

The Challenge

The quiz covered a wide range of financial topics with many question types, states, and outcomes. The interface needed to make complex financial decisions feel simple and approachable — without straying from an established design system.
Maintaining clarity across complex financial questions was central to the work, as was designing scalable layouts that could support many screen variations and presenting personalised recommendations in a way that felt digestible rather than overwhelming.

Applying the Design System

Toyota's design system provided the foundation — typography, colour, and core UI components. Working within this system, I designed a set of reusable quiz patterns covering question layouts, answer card components, form inputs, progress indicators, navigation controls, and result cards. This approach meant new screens could be built quickly and consistently, without reinventing the wheel for each variation.

Soultion

Designing the Quiz Interface

The quiz required four main question formats: single choice, multiple choice, informational screens, and financial input questions. To support this range, I designed flexible layouts built on consistent spacing, typography hierarchy, and card patterns. The goal was the same across every format — make a financial question feel as simple as possible to answer.

Hero images played an important role across the experience, appearing at the start of the quiz, throughout question screens, and on result and recommendation screens. Images were selected from Toyota's existing brand library, with careful consideration given to how each image reinforced the tone and context of the screen it supported. Selections needed to reflect the financial subject matter of each moment in the quiz, align with Toyota's brand aesthetic, and hold up against accessibility requirements — particularly around contrast when text was placed over or alongside imagery. The result was a visual layer that felt cohesive and considered throughout the full experience, rather than decorative as an afterthought.

Results & Recommendations

At the end of the quiz, users receive personalised financial recommendations. These screens needed to do three things clearly: show the recommended option, provide supporting context, and prompt the next action. Using card layouts and strong visual hierarchy, I designed result screens that allow users to quickly scan and understand their options without feeling overwhelmed.

Location

Location

Results

Outcome

The final design delivered a scalable interface supporting a large number of quiz screens with consistent visual execution. By leveraging the design system throughout, the UI stayed consistent across the full experience, new question variations could be designed rapidly, and developer handoff was clean and straightforward. The project is a good example of how a well-applied design system can bring structure and speed to a complex interface problem.

Toyota Go Home page take over

I designed a homepage takeover for the Toyota Go rewards platform to showcase partner promotions and seasonal offers. The layout was created to maximise visibility while remaining consistent with Toyota’s design system and brand, using modular components that allow campaigns to be easily updated without disrupting the overall experience.

More Case Studies