Crypto Wallet & Exchange AppSPay
A mobile-first digital wallet for sending, receiving, and managing money in fewer steps.
Project Overview
SPay is a mobile-first digital wallet application that lets users send, receive, and manage money with ease. The goal was to design a clean, intuitive financial interface that reduces cognitive load while maintaining a premium, trustworthy feel. By combining real-time balance tracking, transaction history, and quick-action features, SPay turns everyday money tasks into a few simple taps.
My Role
End-to-end Product Designer and the only designer on a real client project.
- Conducted competitive research and benchmarking
- Owned UX and UI design from concept to final screens
- Built the design system (typography, color, components)
- Delivered high-fidelity prototypes for handoff
Research & Benchmarking
Rather than direct user interviews, this project was grounded in competitive benchmarking. I analyzed existing digital wallet and crypto apps to see where users typically run into friction: too many steps, unclear balances, and core actions that are hard to reach.
UX Challenges (from benchmarking)
- Too many steps for simple transfers: existing wallet apps often add unnecessary steps to basic actions.
- Core actions are hard to reach: checking balances, confirming transaction status, and getting to the main actions often felt layered and slow.
- Friction undermines trust: any hesitation during a money transfer is costly when clarity and trust matter most.
1. Balance-first home screen
- Problem: Users struggled with wallet apps that required too many steps to complete simple money transfers.
- Decision: Placed real-time balance visibility at the center of the home screen and positioned core actions (Receive, Send, Add Card) within instant reach.
- Rationale: Removing unnecessary layers lets users understand their financial state in seconds and complete transactions with minimal effort.
2. Thumb-zone optimized actions
- Problem: Financial apps often ignore real one-handed mobile usage patterns.
- Decision: Action buttons were placed for one-handed (thumb-zone) use, with a high-contrast balance card and subtle gradients.
- Rationale: Clean typography and a clutter-free layout present financial data with a professional, modern aesthetic that builds user trust.
3. Color-coded transaction history
- Problem: Monochromatic transaction logs force users to read every line to tell inflows from outflows.
- Decision: Applied red/green color semantics to the transaction history, paired with a floating navigation dock and glassmorphism effects in dark mode.
- Rationale: Reduces cognitive load, improves scannability, and reinforces a modern, premium brand identity.
