Ualá
Credit Card Home Experience
[Project Overview]
Credit card home screen designed to help users pay on time, reduce confusion, and stay in control of their finances.
[Problem Statement]
No existing UI for a new credit card product — needed a clear home screen tailored to Mexican users to communicate key info and encourage timely payments.
[Type of Company]
LatAm Fintech & Neobank — Serving 5M+ users across Latin America with prepaid Mastercard cards and digital banking services.
Credit Card Home Experience
[Project Overview]
Credit card home screen designed to help users pay on time and stay in control of finances.
[Problem Statement]
No existing UI for a new credit card → needed a clear home screen for Mexican users to show key info & encourage timely payments.
[Type of Company]
LatAm Fintech & Neobank — serving 5M+ users with prepaid Mastercard cards and digital banking.
Research & Discovery
In a co-creation session, users sketched their ideal credit card statement, revealing pain points and expectations that guided feature prioritization and layout decisions.
Key Findings
Excessive documentation required to apply for a card
Poor quality customer service from traditional banks
Low or unclear credit limits
Bank statements were difficult to understand
Benchmark
Nubank
(Brasil)
Clean UI, transparent language, focused on clarity of amounts due.
Mercado Pago
(LATAM)
Complex interface but strong segmentation of credit sections.
Revolut
(UK)
Intuitive breakdowns, strong use of data visualization for spending trends.
Ualá
(old version)
Lacked a central space where users could manage their credit card details in one place.
User Persona
Before and After
What We Tested
We ran usability tests on key tasks: understanding balances, identifying credit limits, recognizing payment status, and completing payments within the app.
Key Insights
Testing revealed confusion between available balance and limit, unclear menu actions, and weak visual hierarchy for due dates.
Improvements We Made
Based on feedback, the design was refined to clarify balances, keep the Pay button visible at all times, simplify actions, and emphasize critical financial information for an intuitive experience.
Outcomes + Final Design
01
Visual Hierarchy & Layout
Progress bar redesigned to clearly differentiate available vs. used credit.
Colors adjusted for accessibility and better visual hierarchy.
02
Primary Actions
“Pay” button kept visible at all times for quick access
Actions menu simplified for easier navigation
02
Notifications & Status
Status notification box enriched with more relevant details
Payment due dates made more prominent for clarity
02
Overall Experience
Streamlined layout and flow to reduce confusion and improve task completion
Final Android design for the credit card home — streamlined, accessible, and tailored for Mexican users.
Impact & Results
+15.000
More than 15.000 credit cards activated in the first 3 months.
NPS: 30
Measured via NPS after completing tasks with the new home screen.
Want to dive deeper?
→ Check the desktop version