Mobile Wallet & Messaging UI

Overview

Designed UI for a white-label mobile product combining wallet, chat, and light commerce. Defined a flexible visual system for multiple brands/markets and delivered two UI iterations (card-based → higher-contrast brand direction).

Challenges

• Blend wallet, chat, and marketplace features without overwhelming the user or fragmenting navigation.
• Design a UI that could be white labelled for different partners while keeping a strong core identity.
• Make frequent actions, checking balance, sending money, paying bills, fast and trustworthy on small screens.

Goals

• Create a home experience where users can see balance, recent contacts, and common billers in one glance.
• Ensure core flows (send/request money, add funds, pay utilities) feel as simple as sending a message.
• Build a visual language and component set that can scale across Android and iOS with minimal rework.

My role

Process snapshot

• Started from flows and requirements for payments, chat, and bill payments; mapped them into a single navigation model with a persistent bottom tab bar.
• Prototyped the wallet home as a hub: balance and "New Payment" at the top, recents and suggested contacts in the middle, and common billers below.
• Refined micro interactions (e.g., balance reveal, quick add money) to make money tasks feel simple but safe.
• Ran a second visual pass when the brand evolved, tightening typography, simplifying curves, and clarifying icon sets while keeping the underlying structure intact.

Selected screens

Launch & auth

Simple, brand-forward splash and login screens that set up the "wallet + chat" positioning before any data appears.

Wallet home & controls

Home view surfaces wallet balance, "New Payment" CTA, recent contacts, and suggested business billers for daily use, while the profile area extends this with a balance card, Add/Withdraw actions, transaction history, and key account options grouped into a clear vertical menu.

Impact & reflection

Established a consistent UI foundation for a white-label wallet + chat product across partner brands. The two iterations improved hierarchy and visual consistency while keeping core payment and messaging flows familiar on mobile.