A Global Challenge
This redesign was one of several global projects I was assigned by Visa. The challenge was deceptively simple: create a consistent authentication and onboarding flow across regions. In practice, it exposed how fragmented Visa's digital experience had become.
Different websites used different step orders. Some asked for PAN (Primary Account Number) immediately, others delayed it. Keyboard layouts on mobile weren't optimized. The tone of microcopy varied between sites. What should have been a quick, reassuring sign-up felt bureaucratic and inconsistent.
Key problems identified
- • Inconsistent step ordering across regional sites
- • Poor mobile keyboard optimization
- • Varying microcopy tone and clarity
- • Technical implementation breaking user flows
Current Flow Analysis - VaiDeVisa
Analysis of the existing VaiDeVisa authentication flow showing inconsistencies and user experience issues.
Current Flow Issues - Root Causes
Detailed breakdown of the root causes behind the fragmented user experience across different Visa properties.
Finding the Cracks
I began with a comprehensive audit of existing flows across regions. I annotated unnecessary steps, confusing language, and places where technical implementation created friction. For example, one flow required entering the PAN before the account object was even created—a pattern that broke if the user closed the browser.
Another locked the user out entirely until email verification, even after they had provided personal data. The picture that emerged was clear: inconsistency was the rule, not the exception.
V1 - Cluttered and Inconsistent
Examples of the cluttered and inconsistent user interfaces across different Visa regional websites before the redesign.
Diverging: Exploring Every Path
To align stakeholders, I mapped and prototyped multiple flow families, each representing a different philosophy toward user onboarding.
Flexible flow
Allow users to skip PAN entry at sign-up. Get people in the door quickly, then ask for card details when context made it valuable.
- • Lower initial friction
- • Higher conversion rates
- • Technical complexity
- • Incomplete user data
Hybrid flow
Users verify email upfront, access limited experience, but required to add card at first point of value.
- • Balanced approach
- • Progressive disclosure
- • Complex logic
- • Multiple touchpoints
Rigid flow
Require both email verification and PAN entry before granting access. No shortcuts allowed.
- • Complete user data
- • Business alignment
- • High abandonment risk
- • User friction
Flow Variations Analysis
Comprehensive comparison of flexible, hybrid, and rigid flow approaches with pros, cons, and technical considerations.
Converging: Prototyping the Extremes
Stakeholders asked to see the extremes brought to life. I designed detailed prototypes focusing on mobile-first experiences, then adapted them for desktop. The goal was to demonstrate what each approach would feel like in practice.
V3 - Streamlined Mobile Experience
Mobile-first design approach showing the streamlined authentication flow optimized for mobile devices.
V3 - Streamlined Desktop Experience
Desktop adaptation of the streamlined flow, maintaining consistency while optimizing for larger screens.
Mobile Reviews and Iterations
Detailed mobile interface reviews showing iterative improvements and design refinements.
The Trade-offs
The discussions that followed were intense, and this was the heart of the design leadership challenge. Each stakeholder group had valid concerns that needed to be balanced.
Business Perspective
Rigid flows ensured every user was "real" with validated email and active Visa card. This made CRM, personalization, and offer activation reliable.
Technical Perspective
Flexibility was difficult to support. The backend couldn't handle "half-finished" accounts. Saving users without PAN risked data loss and edge cases.
User Experience Perspective
Every barrier reduced conversion. Research shows each extra form field can cut conversions by up to 20%. Requiring credit cards at sign-up is one of the highest-friction practices.
Central design question
Do we prioritize business data integrity or user conversion?
Data and Projections
To make the trade-offs tangible, I modeled estimated conversion funnels based on industry benchmarks and internal data from similar flows.
Projected conversion rates
*Projections based on industry benchmarks and internal data analysis
Prototyping Rigid Flows
I created two detailed rigid flow prototypes to demonstrate different approaches to the same constraints. Both required email verification and PAN entry, but with different sequencing and user experience patterns.
Rigid Flow 1 (Portuguese)
First rigid flow prototype requiring PAN immediately after profile creation, demonstrated in Portuguese for regional stakeholders.
Rigid Flow 2 (Portuguese)
Alternative rigid flow prototype with email verification first, then PAN required before login access.
The Final Decision
Two handoff flows were prepared for final stakeholder review: my preferred less rigid approach where users could log in without a card, and the business's preferred rigid approach requiring both email verification and card entry upfront.
The rigid version was ultimately chosen. It guaranteed data integrity and aligned with Visa's business goals, despite the projected impact on conversion rates.
Handoff - Less Rigid Flow (My Preferred Approach)
My recommended approach allowing users to log in without immediate card entry, with PAN requested contextually later.
Handoff - Rigid Flow (Implemented Version)
The final rigid flow that was chosen and implemented across all Visa regions, requiring both email verification and card entry upfront.
Designing for Empathy in a Rigid World
Knowing we couldn't win the structural battle, I focused on craft to soften the rigid experience through thoughtful details that would reduce perceived friction.
Microcopy that Reassured
Instead of sterile instructions, messages said "Almost there!" or "It's quick!" to maintain momentum.
Progressive Password Feedback
From "Weak" to "Perfect," providing real-time guidance and reducing frustration.
Mobile-First Inputs
Line-styled fields, reduced copy, and optimized layouts for thumb-friendly interaction.
Contextual Help
Just-in-time explanations for complex fields like PAN entry and security requirements.
Impact
The rigid flow went live as Visa's harmonized onboarding journey across all regions. The implementation delivered on key business objectives while maintaining user experience quality through careful craft.
Key Learnings
This project taught me three fundamental lessons that I carry into every design challenge:
Exploring extremes creates clarity
Prototyping both too-flexible and too-rigid flows helped stakeholders align on trade-offs and understand the implications of each approach.
Design is negotiation
The best flows live at the intersection of user needs, business strategy, and technical feasibility. Success requires navigating all three dimensions.
Microcopy is design strategy
In rigid systems, language becomes one of the few levers we have to reduce friction and maintain user confidence throughout the flow.
Looking Ahead
I recommended a future evolution toward a hybrid model that would preserve data integrity while respecting user motivation. This approach would require backend evolution and became a roadmap item for future iterations.
Recommended future state
- • Create account + verify email upfront
- • Allow basic exploration without immediate PAN
- • Require card at the first high-value moment
- • Implement progressive data collection
Conclusion
This case study wasn't about designing a single flow—it was about demonstrating how a lead product designer navigates global-scale complexity. I balanced user empathy, business needs, and technical constraints while guiding stakeholders through data-informed decisions.
The rigid flow may not have been my ideal outcome, but I ensured it was crafted with care, empathy, and mobile-first detail. More importantly, I established a clear path for future improvement and left the organization better equipped to make these trade-offs in future projects.
"Strategic thinking, systems leadership, and the ability to make hard trade-offs under global business pressure—exactly what defines senior design leadership."