Product Design Challenge TrueMoney Wallet App Redesign the “Top up experience”

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Introduction TrueMoney Wallet is an award-winning e-wallet app for any mobile network (AIS, DTAC, TrueMove H, etc). Experience payment convenience throughyour smartphone anytime, anywhere.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Challenge Redesign the “Top up experience” (add money)

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Objectives Explore and innovate these processes: - A quick and easy way to top up. - A simple way to link a bank account to the wallet. - An enjoyable way to display all of our top up methods

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Product As a user of TrueMoney Wallet, I want to see my re- Requirements maining balance in the app, so that I can keep control of my finances.

As a user of TrueMoney Wallet, I want to add money to my wallet in the app, so that I can use the application to pay for different products and services.

As a user of TrueMoney Wallet, I want to connect my bank account in the app, so that I don’t have to man- ually add money every time my balance is low.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Design The structure of the case study will be the following: thinking

Top Human Centered Design Training Resources Innovation

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Process To start of with the project. I started with Human Cen- tered Design structure

Inspiration Ideation Imprementation

Current state analysis User Journey High fidelity screens User research Wireframes App store reviews Personas Pain Points

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Current Stage Before getting started to the design, It’s very import- Analysis ant to understand how is the app work, In this case, I will be primarily focusing on the user experience into the “Top-up Experience”

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Add money

To be able to start to top up money, the user needs to register and identify themself with the app, so after that, the user will want to top up money into the app, from the current app showing the default amount of money as 0.00 THB.

Connect with the Bank

The next thing for the user is to be able to see the suggestion of the banks. The main purpose of this is to make it easy to click and connect to the preferred bank.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Top-up into wallet

After the user connected with the first bank account into the app, the app will show the bank account numbers so the user will easily top-up more money from this activated bank account.

Top-up money at 7-Eleven

The point to top-up money at the 7-Eleven is that the user can click here and scan barcode at the 7-Eleven by telling the amount of money that the user wants to top-up, if the user doesn’t know how to do with the barcode scanner then they can read the instruction by clicking the link “ทำตามขั้นตอนนี้”

How to top-up via banking

This will show the three solutions how to top-up via banking: - Connect with the bank account - Transfer via ATM - Transfer via online banking

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Research To get some valuable user research insights, I started Insights to interviews the actual users that experiencing the top-up money feature, it’s come up with the catago- rize pain points:

1 After the user connected with the bank account, users have the expectation to see the wallet bal- ance immediately and might be the icon to take the user to top-up.

2 Next thing that most users want to see is the bank account that the user just connected more than the suggestion to connect with the new banks.

3 Some users refer to Line wallet App about a group of the method that’s very simple.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App App store I focused on the most critical App Store reviews relat- reviews ed to the top-up money wallet experiences, users complaining about the registration process, the over top-up money and the consistence of language in the app.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Pain Point To organize all the feedback received from user inter- views and App Store reviews, I summarized the main pain points below:

1 The registration process

2 The step prioritize of the app

3 The categories of the method

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Persona I created the user persona to representation of a par- ticular audience segment for the product, It's allowed me to create an example of the kind of person that might use the app.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Ning Paweena - Product Design Challenge: TrueMoney Wallet App User I created the journey map to shows the user current Journey process of adding money to the app. The process started after the completed register as a new user show the pain points experienced during the process. This exercise allows me to dive into the pain points and identify room for opportunities in a top-up fea- tures.

Customer Journey Map : Top-up money

Nisha Sasitorn The Expectation scenario: Nisha registered the true money wallet app . - See clear remaining balance She wants to top-up money and use the application to - Simpliest way to top-up money pay for different products and services. - Easy connect the bank account

Touch Points Touch Points 1 After finished the registered, 2 Nisha click at the bank account that she Nisha see the balance connected with the app Frustrations Frustrations

“I just wanted to tried to add just 50 Bath “It’s good to see the money balance, since the app show the minimum is 0, but but what’s next? I don’t want to see the other the app show that the amount isn’t correct” bank account options I want to top-up in the account I have just registered imadiately.. ”

Opportunities Opportunities Show the right minimum Move the bank account that so the user don’t get confuse user just registered right next to the money balance

Touch Points 3 After added the right amount of money Nisha see the balance Frustrations

“I’m happy to see my money balance and I can pay for different products and services now :) ”

Opportunities

Show the products after the top-up features to trigger user to enjoy the products as soon as possible

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Lo-fi The sketch hand draw helps me quickly experimenting Sketch on different design approaches and comes up with the idea and allows me to visually design how the app could better for the user experience.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Hi-fi Next step, I translated my sketches to digital wire- Prototype frames using Sketch.

1000.00 + Wallet Balance Amount of money to add 00.00

From 100 - 90,000 Baht

Other Method Add another method >>

Bank More >>

Shop

Kiosk

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Conclution To Keep Your Customers, Keep It Simple

The good product could be the simplest one, it’s cru- cial to understand what users want, many times I go back and check the requirements so that I know if I’m on the right track.

Ning Paweena - Product Design Challenge: TrueMoney Wallet App Thank you :)

Ning Paweena - Product Design Challenge: TrueMoney Wallet App