Led the revamp of myToyota Wallet to support new e-wallet cash-in requirements, improving adoption and reliability and contributing to 167% growth in monthly transaction volume within three months of launch.
Timeline
Q2 2023 - Q2 2024
Skills
UX Design UI Design Visual Design
Client
TOYOTA FINANCIAL SERVICES PHILIPPINES CORPORATION
My Role
Product Designer
Design Team
Product Designer: Watis Kotitrakool (Main owner) Product Design Manager: Ani Hovadhanakul
Website
toyotafinancial.ph/mytoyotawallet
Available on
What we wanted to achieve
Previously, the application was dedicated to credit card, making a payment via credit card only, but the company want to integrate the capability of E-wallet, allow users to cash in and make a payment via available balance. I were questioned that how if users are familiar with the current behavior then the application suddenly altered to the new version so users may struggled with that, to tackle this, I had defined some goals below;
Ground the flow in real behavior and market patterns
Base the journey on existing user behavior and common e-wallet conventions, ensuring the new Cash In experience feels familiar and easy to understand.Define the key entry points and integration steps
Map the expected path from the Cash In entry on the landing screen through method selection and BPI account linking, so implementation requirements are clear and consistent.Align stakeholders with a clear end-to-end journey
Create a visual user journey assumption to make the cash-in flow easy to discuss, validate, and agree on across design, product, and engineering.
Key solutions
Maintaining the existing interaction pattern The main design approach was based on the existing interaction patterns and references from other well-known e-wallet applications in the Philippine market, in order to identify the common ground in how people use e-wallet apps. Due to the tight timeline and project budget, we did not conduct a full new discovery process.
Using the existing component As we introduced a big changes to users, I have to used as much as the same visual representative, to reduce the learning curves in the UI by developing common and reusable patterns.
Unified design flow documentation Created a single source of truth for the design to support flow discussions and make handoff more seamless. I mapped the developer APIs and embedded them into the design flow so the team can clearly see which APIs are involved at each step.
To validate our assumptions within a tight timeline, I ran a remote prototype test. Target users were given two tasks: “Cash in from the homepage” and “Cash in from the wallet screen.” These tasks were designed to confirm that users could easily find and initiate cash-in from the homepage despite major layout changes, and also locate the same action from the wallet area. The test assessed whether users could navigate the redesigned interface intuitively and whether the behaviors we assumed from other e-wallet apps matched real user expectations.
Impact delivered
After launching the myToyota Wallet application in early 2023:
Revamped the app to enhance e-wallet functionality, growing monthly transaction value from PHP 0.6M to PHP 1.6M within the first 2 months after launch (~167% increase)
Established an agile designer–developer collaboration process, improving sprint alignment and reducing handoff friction across teams.