✦ sneak peek

✦ End-to-end
Product Roadmap

✦ Explanatory User research
The problem was known, so I started with interviews.
3 user interviews, 20 min each - remote, Semi-open questions
Trust issues
Mike: "What if they charge me more?"
Need for clear communication
Sarah: "Variable fee became like a hidden fee"
Lack of trust in auto-payments
because they weren’t notified about extra fees on time. They needed timely updates to avoid surprise charges.
✦ Competitive analysis
How does 30+ competitor provide more "Trust" in payments?

AHA moment!
Twilio have an auto-recharge feaure but with more control
When the balance falls below $10, the wallet will be recharged to $20.
This way, the balance never runs out, which makes it the best solution for automation with trust.
✦ Ideation
Defining success, collaborating with the PM


Fail, but fail fast.
Low fidelity was chosen for wireframes because speed of iteration and refinement was more important in a startup environment than fidelity.
Design system

Visual brand defenition
Developers and the client loved using untitled UI as the design system. It helped in saving time and money.
✦ FINAL DESIGN
Hi-Fi prototype in production

Now usage charges are taken out of e-wallet for an uninterrupted services.

Admin can set a trigger amount and recharge amount to automatically top up their e-wallet.
The client loved this because
1. Happy users
2. Early payment
3. They get to keep the remaining unused money

View overage usage, identify the top consumer responsible, and set a payment method for overages.
✦ Is the app easy to use?
Usability testing

Making E-wallet and realted features more prominent
When automatic payment is turned on, the color used in usage disspears, indicating that there are no more limits.
Before

After

More emphasis on visual data
Sorting out what’s the monthly subscription charge and what’s the overage has never been easier!
Before

After

Easy overage charge filtering
Sorting out what’s the monthly subscription charge and what’s the overage has never been easier!
Before

After

✦ Learnings