Client
Role
Product designer
Timeline
9 months
Year
2022 – 2023
Debit card screen before redesign
–32%
reduction in debit card-related support requests.
3.8 → 4.4
Increased (CSI)
User Interviews (5 sessions)
Identified pain points in transfers, payments, and balance checks.
01
Quantitative Research (187 users)
Prioritized key features.
02
Support Data Analysis
Highlighted common user struggles.
03
Competitor Benchmarking
Compared best practices in banking apps.
04
01
Users wanted a clearer link between physical cards and their digital representations.
03
Carousel navigation was unintuitive, because the available actions can change
05
Visual design needed modernization
07
Cashback info was helpful but not essential on a per-card basis.
02
Many struggled to identify linked accounts.
04
Card number with a masked central part reduces recognizability. Users identified cards by the last 4 digits.
06
Users needed easy access to account details for refunds and transfers.
08
Customers distinguish between "blocking" and "closure" actions and will block the card if it is lost.
Design & Implementation
Account-Centric Approach
Swipe between cards within an account.
Persistent Key Actions
Categorized Layout
Adaptive sections based on product type (debit, credit, active, blocked).
Blocked Card Indicator
Clear messaging on status, reason, and direct contact options.
Validation & Testing
One of the porototypes we made test things like overall impression, searching and sharing credentials of card and account and blocking and closing card
Conclusion
Key Takeaways
Research and direct user feedback played a crucial role in defining priorities and addressing pain points.
Incremental Iteration allowed for testing and refinement, ensuring a smoother transition.
Cross-Team Collaboration within various departments ensured design consistency across all banking products.
Removing clutter, enhancing navigation, and making core actions visible led to better engagement and user satisfaction.