Visa2023Lead Product Designer

Redesigning Visa's global authentication flow

Unifying fragmented experiences across regions while balancing user friction and business requirements.

Duration
4 months
Team size
Cross-functional team of 12
Impact
Unified experience across 15+ regions
Role
Lead Product Designer

TL;DR

The project set out to unify Visa's fragmented authentication and onboarding experiences across 15+ regions. We explored flexible, hybrid, and rigid flows through extensive prototyping and stakeholder alignment sessions.

My preferred direction—a less rigid approach that deferred card entry until truly necessary—was not adopted due to technical and business constraints. The final decision was to implement a rigid flow, requiring both email verification and card entry before access.

My role as lead product designer was to design and prototype multiple flows across mobile and desktop, guide stakeholders through complex trade-offs, and deliver a harmonized experience softened with mobile-first craft and empathetic microcopy.

Final Handoff - Rigid Flow (Production Version)

The final rigid flow that was implemented and deployed to production across all Visa regions.

Final Handoff - Rigid Flow (Production Version)Open in Figma
15+
Regions Unified
3
Flow Variations Explored
35-60%
Projected Conversion Impact

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 Analysis - VaiDeVisaOpen in Figma

Current Flow Issues - Root Causes

Detailed breakdown of the root causes behind the fragmented user experience across different Visa properties.

Current Flow Issues - Root CausesOpen in Figma

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.

V1 - Cluttered and InconsistentOpen in Figma

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.

Pros
  • • Lower initial friction
  • • Higher conversion rates
Cons
  • • Technical complexity
  • • Incomplete user data

Hybrid flow

Users verify email upfront, access limited experience, but required to add card at first point of value.

Pros
  • • Balanced approach
  • • Progressive disclosure
Cons
  • • Complex logic
  • • Multiple touchpoints

Rigid flow

Require both email verification and PAN entry before granting access. No shortcuts allowed.

Pros
  • • Complete user data
  • • Business alignment
Cons
  • • High abandonment risk
  • • User friction

Flow Variations Analysis

Comprehensive comparison of flexible, hybrid, and rigid flow approaches with pros, cons, and technical considerations.

Flow Variations AnalysisOpen in Figma

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 Mobile ExperienceOpen in Figma

V3 - Streamlined Desktop Experience

Desktop adaptation of the streamlined flow, maintaining consistency while optimizing for larger screens.

V3 - Streamlined Desktop ExperienceOpen in Figma

Mobile Reviews and Iterations

Detailed mobile interface reviews showing iterative improvements and design refinements.

Mobile Reviews and IterationsOpen in Figma

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

Flexible flow
60%
Hybrid flow
50%
Rigid flow
35%

*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 1 (Portuguese)Open in Figma

Rigid Flow 2 (Portuguese)

Alternative rigid flow prototype with email verification first, then PAN required before login access.

Rigid Flow 2 (Portuguese)Open in Figma

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 - Less Rigid Flow (My Preferred Approach)Open in Figma

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.

Handoff - Rigid Flow (Implemented Version)Open in Figma

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.

15+
Regions unified
100%
Data integrity
3x
Faster implementation

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."