Overview
Role: Lead Designer
When: Ago - Nov 2021
Platform: B2C - Native App
Industry: Fintech, B2C
Responsibilities: UX Research, UI Design, Prototyping, User Testing
Key Deliverables:
User Flows
Wireframes & Prototypes
Testings
Component Library
Design System Documentation
About Naranjax
NX is a digital finance platform designed to simplify how people manage their money. Through a single app, users can open an account, send and receive money, pay bills, and access both virtual and physical debit cards. The product is tailored for the Latin American market and aims to deliver a more transparent, modern banking experience.
Challenge
While every user received a virtual debit card by default, we needed to design an end-to-end experience for acquiring a physical one — from the initial request, through shipping and tracking, to delivery at home.
The challenge involved:
Creating a self-managed, transparent flow users could trust
Ensuring real-time tracking and clear communication throughout the process
Integrating a third-party provider whose API placed significant constraints on the UX/UI decisions.
Beyond interface limitations, we had to align product goals with logistical operations and technical requirements — without compromising on usability or clarity.
My roles & Objetives
I was responsible for the end-to-end product design of this feature, working closely with engineering, product, and the third-party provider.
Key responsibilities:
Product Design — Designed user flows, wireframes, and interactive prototypes; ensured a smooth handoff and native implementation across iOS and Android; and collaborated on defining key success metrics for post-launch.
App Integration — Ensured the new flow felt native and consistent within the broader app experience, aligning with the platform’s existing patterns and usability standards.
Design System Expansion — Reused and adapted components from the existing system; introduced new ones when necessary; documented everything to support future scaling and team alignment.
Cross-Team Collaboration — Worked closely with research to validate ideas through interviews and usability tests, and partnered with Marketing and Product to ensure alignment between design decisions, user needs, and business goals.
Objectives:
Provide a seamless experience to request and receive a debit card
Adapt the UI to backend limitations without compromising usability
Minimize support requests related to delivery issues
Strengthen user trust early in the product journey
Process
This 7-week project followed a structured yet flexible design workflow, moving from early exploration to final handoff with close collaboration between product, engineering, and our card provider.
We began with a benchmarking phase to understand how other fintech products handled physical card delivery. From there, I explored initial sketches and defined the core request and tracking flow.
I then moved into wireframes and prototypes, mapping out the end-to-end experience and identifying key edge cases. These early versions helped align with engineers and anticipate integration constraints.
Alongside the research team, we ran interviews and usability testing to validate the experience. These insights guided refinements to how we presented status updates, delivery expectations, and issue reporting.
Throughout the process, I ensured:
Platform consistency across iOS and Android
Seamless integration with the design system
A smooth developer handoff with detailed flows and specs
Solution
Smart Address Entry for Card Delivery
Users can now request their physical debit card using location autocomplete to enter their address.
Onboarding Users to the NX Debit Card
A quick walkthrough highlights key benefits—like online shopping and ATM access—before requesting the card in just one tap
Confirming Delivery Details and Shipping the Card
Users can complete their address with optional details and receive confirmation that their debit card is on the way
Tracking the Debit Card Delivery in Real Time
Users can follow the delivery status of their card with live tracking and get updates for every courier scenario—from shipment to delivery or pickup.
Impact & Conlusions
The launch of the new debit card request experience marked a major milestone for Naranja X. In just two weeks, over 1 million users successfully requested their physical card—validating both the need and the design.
Thanks to a clear, frictionless flow and well-crafted communication, customer inquiries about card deliveries dropped by 40%, reducing pressure on support teams and improving the overall experience.
Beyond streamlining operations, this feature played a key role in driving nationwide adoption of debit card usage—proving that great UX can move the needle at scale.