One primary action per screen
One primary action per screen
One primary action
per screen
Financial Services
Project Overview
Design Principles
Core Banking Experience
Onboarding
Onboarding is the first trust checkpoint in any banking product. If users feel confused or uncertain here, they abandon early.
Approach
Short, focused welcome screens
Clear value proposition per screen
Progressive disclosure instead of dumping information
Predictable step-by-step verification
Outcome
A calm onboarding flow that prepares users for secure banking without friction.
Dashboard
The dashboard is designed to answer three questions instantly:
How much money do I have?
What just happened?
What can I do next?
Key elements
Balance clarity
Recent transactions
Primary actions surfaced without clutter
Send Money
Sending money is the most critical action in a banking app.
Flowbank supports:
Transfers to Flowbank users
Transfers to other banks
Design focus
Clear recipient confirmation
Transparent fees
Strong success and failure feedback
Retry and pending states for poor network conditions
Receive Money
Users can receive money through:
Account number
Username
QR code
Why this matters
Different users trust different methods. Flowbank lets users choose what feels safest to them.
Transaction History & Receipts
Financial history must be:
Easy to scan
Easy to verify
Easy to share
Features
Clean transaction list
Detailed transaction view
Shareable receipt
Clear status indicators (success, pending, failed)
Card Management
Flowbank includes a full virtual card experience.
Users can:
Create a virtual card
View masked details securely
Freeze / unfreeze cards instantly
Set spending limits
Review card-only transactions
Design intent
Give users a sense of control, not fear.
Profile & Security Settings
Security should feel empowering, not overwhelming.
Included features
Personal information management
PIN & password changes
Biometric authentication
Linked device management
Account limits & verification levels
Every security action provides:
Clear explanations
Confirmation feedback
Reversible actions where possible
Help & Support
Most banking apps fail users when things go wrong.
Flowbank’s support flow is designed for:
Speed
Clarity
Reduced frustration
Support options
Searchable help articles
Issue reporting
Live chat
Ticket tracking
Design System & Scalability
Flowbank was built with a token-based design system from day one.
System highlights
Color primitives → semantic tokens → component tokens
Full light & dark mode support
Typography scale using Outfit & Urbanist
Consistent spacing, radius, shadows, and effects
Variables used for colors, typography, spacing, and states
This system is designed to scale seamlessly into:
Web app
Marketing website
Future features
Contact Me
+ 234 902 0787 557
All rights reserved, all wrongs denied.
