Visa · 2023

Redesigning authentication for Visa's global platform

Fifteen regions, three flow philosophies, one harmonized experience. Navigating the tension between conversion and data integrity at global scale.

Duration

4 months

Team

Cross-functional team of 12

Impact

Unified experience across 15+ regions

Role

Lead Product Designer

  • 15+

    Regions Unified

  • 3

    Flow Variations Explored

  • 35-60%

    Projected Conversion Impact

Overview

TL;DR

Visa's authentication and onboarding experience was fragmented across 15+ regions -- different step orders, inconsistent microcopy, broken mobile inputs. I led the effort to unify it, exploring flexible, hybrid, and rigid flow approaches through prototyping and stakeholder alignment.

My recommended direction -- a less rigid approach that deferred card entry until contextually valuable -- was ultimately not adopted. Technical and business constraints drove the decision toward a rigid flow requiring both email verification and card entry before access.

As lead product designer, I prototyped multiple flows across mobile and desktop, guided stakeholders through data-informed trade-offs, and softened the rigid experience 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

Fragmented authentication across 15+ regions

The challenge seemed straightforward: create one consistent authentication flow across all Visa regions. In practice, it revealed deep fragmentation in Visa's digital experience.

Each regional site followed its own step order. Some demanded PAN (Primary Account Number) entry immediately; others deferred it. Mobile keyboard layouts were unoptimized. Microcopy tone shifted between properties. What should feel like a quick, reassuring sign-up came across as 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

Auditing existing flows to expose friction

I audited every regional flow, annotating unnecessary steps, confusing language, and implementation-driven friction. One flow required PAN entry before the account object even existed -- a pattern that broke entirely if the user closed the browser.

Another locked users out until email verification, even after they had submitted personal data. The pattern 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

Three onboarding philosophies prototyped

To align stakeholders, I mapped and prototyped three flow families -- each representing a distinct philosophy toward the friction-versus-data trade-off.

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

Mobile-first prototypes for stakeholder review

Stakeholders needed to feel the extremes, not just read about them. I built detailed mobile-first prototypes, then adapted each for desktop to demonstrate how the approaches would behave 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

Balancing business, technical, and user needs

This was the heart of the design leadership challenge. Each stakeholder group brought valid, competing concerns.

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?

Conversion projections that framed the decision

To make trade-offs tangible, I modeled conversion funnels using industry benchmarks and internal data from comparable flows.

Projected conversion rates

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

*Projections based on industry benchmarks and internal data analysis

Two rigid flow prototypes, different sequencing

I created two rigid flow prototypes exploring different approaches to the same constraints. Both required email verification and PAN entry, but sequenced them differently to test user experience impact.

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

Stakeholder decision: data integrity over conversion

I prepared two handoff flows for final review: my recommended less rigid approach where users could log in without a card, and the business-preferred rigid approach requiring both email verification and card entry upfront.

The rigid version was chosen. It guaranteed data integrity and aligned with Visa's business goals, despite the projected conversion impact.

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

Reducing perceived friction through craft

With the structural decision made, I focused on craft -- softening the rigid experience through details that reduced perceived friction without changing the flow itself.

Empathetic microcopy

Replaced sterile instructions with momentum-building language: "Almost there!" and "It's quick!" kept users moving forward.

Progressive password feedback

Real-time strength indicators from "Weak" to "Perfect" guided users and cut password-related frustration.

Mobile-first input design

Line-styled fields, reduced copy, and thumb-friendly layouts optimized for the dominant device class.

Contextual help patterns

Just-in-time explanations for complex fields like PAN entry and security requirements -- visible only when needed.

Measurable impact at global scale

The rigid flow launched as Visa's harmonized onboarding journey across all regions, delivering on business objectives while maintaining user experience quality through careful craft.

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

Lessons from navigating global-scale trade-offs

Three lessons from this project shape how I approach every design challenge:

Prototyping extremes creates alignment

Building both the too-flexible and too-rigid flows gave stakeholders a concrete basis for trade-off discussions, not abstract ones.

Design leadership is negotiation

The best flows live at the intersection of user needs, business strategy, and technical feasibility. Navigating all three is the job.

Microcopy as a strategic design lever

In rigid systems, language is one of the few tools available to reduce friction and maintain user confidence throughout the flow.

Roadmap for progressive onboarding

I recommended evolving toward a hybrid model that preserves data integrity while respecting user motivation. This became a roadmap item for future backend evolution.

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

Designing at global scale under real constraints

This project was not about designing a single flow. It demonstrated how a lead product designer navigates global-scale complexity -- balancing user empathy, business needs, and technical constraints while guiding stakeholders through data-informed decisions.

The rigid flow was not my ideal outcome, but I ensured it was crafted with care, empathy, and mobile-first detail. I established a clear path for future improvement and left the organization better equipped to navigate these trade-offs.

"Strategic thinking, systems leadership, and the ability to make hard trade-offs under global business pressure. That is exactly what defines senior design leadership."