Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
What is FlowPay
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Project overview
Duration
4 Weeks
Team
Individual Case Study
Role
UX/UI Designer
Tools
Figma, FigJam, Framer
Platform
Mobile App
Problem statement
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Goals
Make everyday transactions faster and clearer
Reduce cognitive load in money management
Build trust through transparency
Design an accessible, inclusive experience
Design Process
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
01
Discover
• Heuristic Evaluation
• Interviews
• Competitive Analysis
02
Define
• Journey Map
• Persona
• User Flow & Site Map
03
Develop
• Wireframing
• UI Kit
• Test & Iteration
04
Deliver
• Validation
• Final Prototype
• Metrics of Success
1 - Discover
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
01
Heuristic Evaluation
02
Interview
03
Competitive Analysis
1-1 Heuristic Evaluation
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
1-2 Interview
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Interview & Affinity Map Key Insight
• Trust and clarity became the most important design priorities.
• Users want faster access to daily transactions.
• Transparency reduces anxiety around money management.
1-3 Competitive Analysis
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Top Takeaways from Our Research
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
2 - Define
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
●
1 - Journey Map
●
2 - Persona
●
3 - User Flow & Site Map
2-1 Journey Map
How do users feel and think about the FlowPay App?
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
2-2 Persona
Who is the user of FlowPay App?
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
2-3 User Flow & Site Map
How did we design the information architecture?
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
3 - Develop
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
●
1 - Challenge & Solution
●
2 - Mid-Fi Wireframing
●
3 - Test & Iteration - Phase 1
3-1 Challenge & Solution
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Challenge
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Solution
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Challenge
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Solution
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
3-2 Mid-Fi Wireframing
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
3-3 Test & Iteration
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
4 - Deliver
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
●
1 - UI Kit & Color Accessibility
●
2 - Usability & Iteration - Phase 2
●
3 - Hi-Fi Prototype
4-1- UI Kit & Color Accessibility
Finding a suitable UI design for FlowPay
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Color Accessibility
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
4-2- Usability & Iteration - Phase 2
What did our users think?
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
4-3- Hi- Fi Prototype
Final Prototype
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Metrics of Success
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
Reflections
What I learned
Lorem ipsum dolor sit amet consectetur. Et mi cursus volutpat enim morbi nulla consequat convallis tincidunt. Lorem ipsum dolor sit amet consectetur.
01
Clear feedback helps users feel more confident.
02
Simple flows reduce hesitation during important tasks.
03
Testing early makes interface decisions easier to explain.
Explore more projects
More UX/UI explorations across digital products, dashboards, and mobile experiences.
