PRODUCT • LIVE • 2026
TIMELINE
TEAM
ROLE
SOLUTION
A unified Top-up Wallet
The wallet became the central place for managing payments across every paid feature.
Users could:
View their available wallet balance.
Add money at any time.
See promotional free credits.
Access feature pricing.
Review recent transactions.
Configure AutoPay.
Instead of thinking about individual payment flows, users only needed to maintain a single wallet balance.
Unified Wallet
A centralized wallet where users could manage payments for AI Calls, AI Summaries, WhatsApp Marketing, and Bulk Reviews from one place.
Product-wide Integration
Rather than existing as an isolated screen, wallet information appeared across the product—including AI Calls, Plans & Billing, WhatsApp Marketing, and AI Summary flows creating a consistent payment experience wherever users interacted with paid features.
Transaction History
Every deduction and recharge was visible, allowing users to understand exactly where their money was being spent.
PRODUCT CONTEXT
SUPERFONE helps small businesses automate customer conversations through AI-powered agents.
As Superfone evolved beyond traditional subscriptions, new AI-powered services like AI Calls, AI Summaries, WhatsApp Marketing, and Bulk Reviews introduced usage-based billing.
Each feature came with its own payment flow, creating an inconsistent experience where users had to recharge services individually, remember multiple renewals, and manage separate balances.
The team wanted to simplify this growing payment ecosystem into a single, scalable billing experience.
PROBLEM
As more paid features were introduced, billing became increasingly fragmented.
Users had to:
Renew subscription plans separately.
Purchase top-ups for AI features individually.
Keep track of multiple balances.
Navigate different payment flows depending on the feature.
There was no single place to understand available balance, recent spending, or recharge everything at once.
APPROACH
Rather than designing another payment screen, I approached the problem as a unified billing experience.
I studied wallet experiences from familiar payment products to understand established mental models before adapting them to Superfone's ecosystem.
After several discussions with the founder and multiple design iterations, the wallet evolved into a shared payment layer that worked across every AI feature instead of treating each service independently.
DESIGN PROCESS
Bringing every payment into one place
As Superfone introduced AI-powered features, billing became scattered across the product. Instead of adding another payment flow, I designed a centralized wallet that powered AI Calls, AI Summaries, WhatsApp Marketing, and Bulk Reviews from a single balance.
Making billing easy to understand
Managing money isn't just about making payments it is about knowing where your money goes. I focused on surfacing the most important information first: wallet balance, free credits, recent transactions, and feature pricing. This gave users a clear understanding of their available balance and how every feature consumed it.
Every transaction uses a dedicated icon, making it easy to identify which feature consumed the wallet balance at a glance.
Designing for real-world usage
A payment experience shouldn't fail silently. I designed flows for low balance, payment failures, successful top-ups, AutoPay, and insufficient funds so users always understood what happened and how to recover without disrupting their workflow.
Happy Flow
The wallet was also adapted for Superfone's web application while preserving the same mental model. The larger layout provided more space for transaction history, pricing, and wallet management without changing how users interacted with the feature.
RESPONSIVE
What I Learned
Before working on this project, I thought payment design was primarily about making transactions easier. This project changed that perspective.
The real challenge wasn't helping users complete a payment, it was helping them understand how their money moved through the product.
Design decisions like transaction history, contextual balance warnings, free credits, and AutoPay weren't simply UI features. They became tools for building trust in a growing ecosystem of AI-powered products.
Designing this wallet taught me that the best billing experiences don't just process payments—they help users feel confident every time money enters or leaves the platform.
Curious to know more?
This is a small part of the design process, to get the full story get in touch
