š¼ Project Type: Mobile fintech wallet
š NDA-Protected: Yes ā all names and visuals are anonymized
šÆ My Role: UX Designer
Introduction
This project marked my first major venture into the fintech space. While I canāt reveal the appās name due to an NDA, I stepped in to manage and continue developing its design after another designer laid the initial groundwork. I joined the team just a year into my UI design career, and though I didnāt fully understand every decision at the time, I deeply respected the work that had been done.
Fast forward three years, and Iāve gained a much richer toolbox of UX principles, user-testing strategies, and mobile-first best practices. Hereās a look back at the original home screenās pain points, and how Iād tackle them today.
Usability challenges
1. Too many primary actions
What it looked like: Four equally prominent buttons, all sharing the same primary colour, crowded the top half of the screen.
Why itās a problem: By equalizing every action, we inadvertently created decision fatigue. According to Hickās Law, offering too many choices increases the time it takes for users to decideāand in a payments context, hesitation can destroy the trust.
Lesson learned: Not every feature needs top billing. Prioritize based on frequency, user intent, and business goals.

2. Interaction zones needed breathing room
What it looked like: The menu icon, notification icon, and currency switcher were all tightly packed, which can result in frustration when tapping.
Why itās a problem: Fittsā Law teaches us that smaller targets take longer (and are more error-prone) to hit. Meanwhile, using the same primary colour for dozens of tappable ā#tagsā further confused which elements were truly interactive.
Lesson learned: Clear and generous tap zones. Every interactive element should signal its purpose, and when too many items compete visually, users lose focus.
3. Lack of visual cues for interaction
What it looked like: The currency switcher blended into the background, hiding its interactivity. The wallet-balance info was nestled among buttons rather than set apart.
Why itās a problem: This is a breakdown in affordanceāa core UX principle that helps users understand what they can do just by looking. This can be especially risky in fintech apps, as unclear controls may affect trust and efficiency.
Lesson learned: Interactive components must visually suggest interactivity. Adding subtle design cuesālike shadows, outlines, or hover/touch feedbackāhelps users understand what to do next without needing instructions

What Iād do differently today
Introduce a bottom navigation bar
- Moves 3ā5 core actions into the thumb zone, making one-handed use much more comfortable.
- Deprioritizes secondary features into a āMoreā menu, reducing cognitive load.
Separate wallet balance from actions
- Place the balance in the top-left corner, away from buttons.
- Creates visual hierarchyāusers see their balance at a glance, then choose an action.
Enhance clickable areas & affordance
- Use a secondary color or outline for tags, so they donāt compete with primary CTAs.
- Add subtle shadow effects or use primary colour, combining with UI elements to make tappable elements easier to identify.
Validate with real users
While these changes reflect best practices and my evolved design thinking, no design is complete without feedback. Usability testing remains essential to validate assumptions and refine solutions based on real user behavior.
āDesign is never doneāit evolves with data, context, and growth.ā

Takeaways
Reflecting on this project reminded me how clarity, hierarchy, and trust are non-negotiable in fintech design. Visual design means little if it doesnāt support intuitive, confident decision-making. As I grow from designing screens to shaping product experiences, Iāve learned that every design choice, no matter how small, must earn its place by making the userās journey simpler, faster, and safer.