Supervisor: Taha Khan
An AI-powered digital wallet and banking platform designed to make personal financial management as simple and intuitive as texting a friend.
Project This UI/UX case study focuses on eliminating the friction and complexity of modern mobile banking through ChatPay. By combining AI-driven conversational commands, real-time budgeting assistance, and a redesigned card dashboard, ChatPay simplifies everyday financial tasks—such as peer-to-peer transfers, bill payments, and expense tracking—into natural language interactions.
The Brief Design and prototype an AI-powered conversational banking app tailored for Gen Z and tech-savvy young adults that replaces multi-step navigation menus with direct conversational flows and personalized AI support.
What We Did UX Research & Key Findings, Target Audience & Persona Mapping, Empathy Mapping & User Journey Analysis, Opportunity Mapping & Solution Strategy, Design System & Typography Definition, High-Fidelity App Wireframing & Prototyping, Dashboard Redesign.
Technology
- Design & Systems: Figma (Conversational UI Components, High-Fidelity Screen Layouts)
- Typography: Poppins (Clean, readable sans-serif system across light/dark themes) ● Visual Language: Dark Mode Focus, Vibrant Lime Green Accents (#7ED957, 00A86B), Dark Charcoal Cards (#2B2F33), High-Contrast Chat Bubbles
Goal Reduce cognitive load and navigational friction in mobile banking, allowing users to send money, analyze spending, and manage cards without digging through nested sub-menus or confirming transactions multiple times.
Process
- UX Research & Key Findings: Identified primary user pain points—80% of users feel overwhelmed by cluttered banking dashboards, 65% want faster money transfers, and 50% seek proactive financial advice over static data.
- Target Audience Alignment: Focused on Gen Z and Millennials (18–35), urban young professionals, freelancers, and small business owners who prioritize speed, simplicity, and modern digital experiences.
- Empathy & User Journey Mapping: Mapped emotional friction in traditional banking (login fatigue, multi-menu navigation, double verifications) and redesigned the flow into a direct, linear ChatPay journey (Open App $\rightarrow$ Type Command $\rightarrow$ Instant Verification $\rightarrow$ Sent).
- Opportunity Framework & Solution Definition: Formulated three core product pillars: Conversational Transactions (text/voice payments), Smart Digital Wallet (unified cards & expense oversight), and AI Financial Assistant (real-time chat budgeting).
- Design System & High-Fidelity Execution: Created a distinctive green-and-charcoal visual palette, high-contrast dashboard cards, conversational chat interfaces, card control sliders, and a streamlined final dashboard layout.
Benefits
- Reduced Cognitive Load: Converts multi-step click paths into natural text or voice inputs.
- Instant Payments: Speeds up peer-to-peer payments and utility bill settlements with fewer confirmation barriers.
- Proactive Financial Clarity: Generates contextual spending insights and spending alerts through AI chat interaction.
- Clean & Modern Aesthetic: Utilizes dark modes, high-contrast greens, and uncluttered card views to prevent dashboard overwhelm.
Features
- Conversational Transactions: Instant P2P transfers and bill payments executed directly via voice or text messages.
- AI Financial Assistant: Built-in companion providing spending summaries, budgeting tips, and instant query answers.
- Smart Digital Wallet & Card Controls: Dynamic card management featuring spend limits, freeze options, contactless toggles, and unified account balances. ● Redesigned Quick Dashboard: Prominent account balance displays, one-tap quick action buttons, and direct entry for AI assistance.
