✦ Situation
✦ Problem
✦ solution
✦ results
15% more user retention
expected based on projections
70% NPS score
from survey
✦ Project Details
Role
UXR, UXD
Team
PM, 3X Developers
Duration
3 Months
Tools
Figma
✦ sneak peek
E-wallet for automatic payments
Ensuring uninterrupted service.
Automation but with more control
User can set a trigger amount and a recharge amount to automate recharge of e-wallet
✦ End-to-end
Product Roadmap
✦ Explanatory User research
The problem was known, so I started with interviews.
Results?
Affinity mapping and clustering for insights and themes
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!
Auto-recharge 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.
Fidelity of design < Speed of iterations
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
Automate Payments with E-wallet
Now usage charges are taken out of e-wallet for an uninterrupted services.
The client loved e-wallet Automation!
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
Invoices
Easily filter between overage charges and other payments
Usage
View overage usage, identify the top consumer responsible, and set a payment method for overages.
Add new payment methods
Add/edit payment method sand set if as default
✦ 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
Easy overage charge filtering
Sorting out what’s the monthly subscription charge and what’s the overage has never been easier!
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
✦ Learnings
Self Reflection
Takeaways
Next steps