Industry

Industry

Fintech · Payments · Cross-Network UX

Fintech · Payments · Cross-Network UX

Organization

Organization

EMVCo (SRC Working Group · via American Express)

EMVCo (SRC Working Group · via American Express)

EMVCo Click to Pay: End-to-End Payment UX & Governance Framework

EMVCo Click to Pay: End-to-End Payment UX & Governance Framework

EMVCo Click to Pay: End-to-End Payment UX & Governance Framework

From Fragmented Payment Experiences to a Unified Global Standard

From Fragmented Payment Experiences to a Unified Global Standard

From Fragmented Payment Experiences to a Unified Global Standard

Role

UX Architecture Lead (American Express Representative · EMVCo SRC Working Group)

Scope

UX System Architecture
Cross-Network CX Standardization
Authentication Modernization (Passkey – Live)

Timeline

Multi-year Global Standardization Initiative

💡Executive Summary💡

💡Executive Summary💡

As American Express’s delegate to EMVCo — the global body governing payment standards across Visa, Mastercard, JCB, UnionPay, and Discover — I led the UX architecture that defines how Click to Pay is experienced globally.

I owned the end-to-end interaction model, co-authored CX Guidelines v1.2 with Passkey authentication to streamline onboarding and reduce authentication friction, and built the compliance framework that transitioned Click to Pay from network-by-network negotiation to scalable standards-driven execution — reducing implementation ambiguity across 6 payment networks and supporting consistent merchant adoption worldwide.

I'm currently contributing to v1.3, advancing onboarding, consent standardization, and card prioritization logic ahead of Click to Pay's global product rollout, targeted for 2027–2028.

🌐 The EMVCo Context

A Global Standard with a Fragmentation Problem

EMVCo governs the global standards enabling secure, interoperable payments across major international networks. Click to Pay was built under this mandate – to unify online card checkout across schemes and deliver a consistent experience worldwide.

In particular, it wasn't working that way. Each participating networks interpreted the standard differently. Authentication ownership was unclear. Consent models varied. The result was a fragmented ecosystem that undermined undermined consumer trust — and what Click to Pay was meant to represent.

Something more fundamental than a design refresh was needed.

🔥 The Structural Challenge

A Governance Problem, Not a UX Problem

The inconsistency wasn't aesthetic. Network-level priorities were overriding ecosystem alignment — creating divergent UX patterns, ambiguous authentication ownership, and fragmented consent models no single network could resolve alone.

Fixing this meant operatong at the standards level: aligning interation principles across competing stakeholders, stanblishing clear ownership, and embedding goverance directly into the experience architecture.

✅ My Objective

From Fragmentation Checkout Flows to a Unified Interaction Architecture

The goal wasn't to redesign screens. I led the effort to define the architectural foundation for consistent, scalable implementation — across hundreds of merchants, PSPs, and developer ecosystems simultaneously.

That required both designing the experience and ensuring it could hold as a global standard.

From Fragmentation to Unified Architecture

"This architecture became the foundation for EMVCo CX Guidelines and implementation standards."

From Fragmentation to Unified Architecture

🙋🏻‍♀️ My Role as AMEX Delegate

Leading and Designing Cross-Network UX Architecture

As American Express's delegate within the EMVCo SRC Working Group, I worked across two fronts: shaping Click to Pay as a global standard across all six networks, and doing the design work directly — owning checkout flows, authentication patterns, and edge case states the guidelines would be built around.

That meant facilitating alignment sessions, mediating competing priorities, and defining what needed to be locked down versus where flexibility could exist without breaking interoperability. Every design decision was traceable to API/SDK specs and qualification requirements.

Passkey integration — now live in v1.2 — was one key milestone. The work continues as we advance the governance model supporting Click to Pay's global product rollout in 2027–2028.

✳️ Key Impact

Establishing a Scalable Global CX Governance Framework

Working across all 6 networks, I translated governance principles into three concrete outcomes — an executable interaction model, a published global standard, and ecosystem-level tools that teams could actually build against.

1️⃣ Unified End-to-End UX Flow

1️⃣ Unified End-to-End UX Flow

2️⃣ Published Official CX Guidelines v1.2

2️⃣ Published Official CX Guidelines v1.2

3️⃣ Ecosystem-Level Execution Tool

3️⃣ Ecosystem-Level Execution Tool

1️⃣ Unified End-to-End UX Flow

I led the definition of standardized interaction structure that reconciled divergent scheme behaviors into a single, interoperable model – covering authentication flows, card prioritization, co-badge logic, fallback behaviors, and state transitions across schemes.

Returning User Authentication Flow (Passkey Example)

2️⃣ Published Official CX Guidelines v1.2

Working alongside cross-network partners and technical stakeholders, I co-shaped and published EMVCo's official Click to Pay CX Guidelines v1.2 – embedding Passkey-based authentication as a core interaction flow and aligning every UX decision with API, SDK, and qualification requirements.

EMVCo Click to Pay CX Guidelines v1.2 (Published Standard)

3️⃣ Ecosystem-Level Execution Tool

I designed and developed a cross-functional Quick Step Guide that translated the CX Guidelines into role-specific checkpoints – enabling consistent integration across UX, engineering, payments, merchants, and integrators across markets.

Standard Asset Usage — Quick Step Guide Example

Phase 1

Operationalizing the Architecture

Phase 1

Operationalizing the Architecture

Translating ecosystem complexity into a scalable executable UX

Translating ecosystem complexity into a scalable executable UX

In Phase 1, I worked with stakeholders across schemes to consolidate fragmented implementation patterns into a single, standards-ready interaction model — balancing usability, compliance, scheme neutrality, and interoperability.

In Phase 1, I worked with stakeholders across schemes to consolidate fragmented implementation patterns into a single, standards-ready interaction model — balancing usability, compliance, scheme neutrality, and interoperability.

🤝 Cross-Network Alignment

Establishing Shared Decision Principles Across Schemes

Click to Pay operates within a multi-stakeholder ecosystem where divergent interpretations naturally emerge across participating networks and technical stakeholders.

To reconcile these differences, structured cross-network alignment was facilitated to clarify implementation boundaries, interaction ownership, and neutrality constraints.

Rather than harmonizing visual patterns, the focus was on formalizing shared decision principles — defining what must remain standardized across schemes and where controlled flexibility could exist without compromising interoperability. (Figure 02. Click to Pay Cross-Boundary E2E Interaction Model)

This alignment established the governance foundation for a unified, standards-ready interaction architecture.

🤝 Cross-Network Alignment

Establishing Shared Principles Before Designing Anything

Click to Pay operates within a multi-stakeholder ecosystem where divergent interpretations naturally emerge across participating networks and technical stakeholders.

Rather than jumping straight into design, I facilitated structured alignment sessions to surface conflicting assumptions and clarify implementation boundaries, interaction ownership, and neutrality constraints. The focus wasn't on harmonizing visual patterns — it was on defining shared decision principles: what had to remain standardized across schemes, and where controlled flexibility could exist without compromising interoperability.

That alignment became the governance foundation everything else was built on.

🗒️ Applying the Alignment Framework Across Critical Interaction Moments

With shared principles established, I applied them across the high-impact interaction moments that would shape the core experience.

Divergent Interpretations Across Key Interaction Moments
A. Product Education (Adoption Moment)

Divergent Interpretations Across Key Interaction Moments
B. OTP; One-time Passcode Verification (Authentication Moment)

❇️ Defining the End-to-End Interaction Architecture

Turning Decision Principles into an Executable Experience

With shared principles in place, I translated them into a Cross-Boundary End-to-End Interaction Model — mapping responsibility boundaries, authentication triggers, card prioritization logic, and fallback behaviors across the ecosystem.

Rather than keeping alignment as an abstract framework, I embedded it directly into an executable model that stakeholders across networks could actually build against.

"Governance translated into behavior."

"Governance translated into behavior."

Cross-Boundary E2E Interaction model

📱 Designing the Screen-Level Experience

Making the Architecture Real for Users

With the architecture defined, I designed the full end-to-end screen experience — mapping how users move from checkout entry through identification, authentication, card selection, and confirmation, including alternate paths for enrollment and challenge flows.

Every screen was shaped around three questions: Does the user understand what Click to Pay is? Do they know when they're using it? Is it clearly distinct from other digital wallets?

To make the architecture real at the screen level, I defined two frameworks through close collaboration with stakeholders across schemes:

✔️ How the Architecture Was Operationalized at the Screen Level:

✔️ How the Architecture Was Operationalized at the Screen Level:

✔️ How the Architecture Was Operationalized at the Screen Level:

Three Core Interaction States

I structured the journey into three core states to operationalize the architecture: - Recognition & Identification - Selection & Authentication - Confirmation & Recovery These states defined transition logic, ownership across merchant and Click to Pay touchpoints, and fallback behavior — enabling scalable, consistent implementation across schemes.

Three Guiding Experience Principles

I guided screen-level execution through three core principles: - Clarity over complexity - Predictable state transitions - Balance usability and compliance Together, these principles ensured that structural rigor enhanced — rather than compromised — user comprehension.

🚀 Screen Patterns: Baseline to Modernization

Designing for Stability and Evolution

I established the foundational screen patterns that operationalize the architecture — covering authentication pathways, state transitions, and responsibility handoffs across schemes.

The v1.1 baseline standardized OTP-based authentication as the starting point. When Passkey became viable, I evolved the same patterns to absorb the modernization — enabling friction reduction without compromising interoperability, neutrality, or qualification requirements.

This pattern evolution demonstrates the architecture's core value: stable enough to standardize across schemes, flexible enough to modernize without starting over.

🔗 View the Full Key Moments & Flows v1.2

🚀 Representative Screen Patterns

Scalable Screen-Level Implementation Across Schemes

With the architectural framework and guiding principles defined, the next step was translating them into executable screen-level patterns.

Building on the Three Core Interaction States and Three Guiding Experience Principles, foundational interaction patterns were established to operationalize the architecture in practice.


These patterns ensured that authentication pathways, state transitions, and responsibility boundaries were consistently applied across schemes – while remaining adaptable to evolving standards.

🔗 View the Full Key Moments & Flows v1.2

🔁 Pattern Evolution: From Baseline to Modernization

The foundational authentication pattern began with a standardized OTP-based flow (v1.1), establishing the initial cross-network alignment baseline.

As the standard evolved, the same architectural framework supported modernization through Passkey integration (v1.2), enabling friction reduction without compromising interoperability, neutrality, or qualification requirements.

→ Based Authentication Flow (v1.1 – OTP)

🚀 Representative Screen Patterns

Designing for Stability and Evolution

With the architectural framework and guiding principles defined, the next step was translating them into executable screen-level patterns.

Building on the Three Core Interaction States and Three Guiding Experience Principles, foundational interaction patterns were established to operationalize the architecture in practice.

These patterns ensured that authentication pathways, state transitions, and responsibility boundaries were consistently applied across schemes – while remaining adaptable to evolving standards.

🔗 View the Full Key Moments & Flows v1.2

Returning User Authentication Flow (v1.1 – OTP)

→ Modernized Authentication Flow (v1.2 – Passkey)

→ Authentication Evolution: OTP to Passkey

🔁 Pattern Evolution: From Baseline to Modernization

The foundational authentication pattern began with a standardized OTP-based flow (v1.1), establishing the initial cross-network alignment baseline.

As the standard evolved, the same architectural framework supported modernization through Passkey integration (v1.2), enabling friction reduction without compromising interoperability, neutrality, or qualification requirements.

→ Based Authentication Flow (v1.1 – OTP)

→ Modernized Authentication Flow (v1.2 – Passkey)

→ Authentication Evolution: OTP to Passkey

📋 Research & Validation – with IPSOS

Global Behavioral Testing Across Markets

In partnership with IPSOS, I ran iterative validation cycles across 4 markets — the UK, Australia, Brazil, and the US — to pressure-test whether the architecture could drive adoption at ecosystem scale, not just pass technical compliance.

📌 Key Insights

📌 Key Insights

1️⃣ Click to Pay Recognition Gap

1️⃣ Click to Pay Recognition Gap

Brand recognition remained critically low across all markets. This drove a decision — collaborated across all participating networks — to extend the Click to Pay icon beyond e-commerce, adopting it across every payment touchpoint where networks operate, to build familiarity at scale.

Brand recognition remained critically low across all markets. This drove a decision — collaborated across all participating networks — to extend the Click to Pay icon beyond e-commerce, adopting it across every payment touchpoint where networks operate, to build familiarity at scale.

2️⃣ Product Education Is Critical

2️⃣ Product Education Is Critical

Users consistently mistook Click to Pay for a digital wallet. This reinforced embedding product education moments directly into the core interaction flow — not as optional onboarding, but as a structural part of the experience.

Users consistently mistook Click to Pay for a digital wallet. This reinforced embedding product education moments directly into the core interaction flow — not as optional onboarding, but as a structural part of the experience.

3️⃣ Strong Preference for Passkey

3️⃣ Strong Preference for Passkey

69%+ preferred Passkey over OTP, driven by perceived security and ease — directly validating its integration as a core flow in v1.2

69%+ preferred Passkey over OTP, driven by perceived security and ease — directly validating its integration as a core flow in v1.2

“If it was already set up through my bank then I would definitely use it because its convenient, its fast and its secure.”

“If it was already set up through my bank then I would definitely use it because its convenient, its fast and its secure.”

“If it was already set up through my bank then I would definitely use it because its convenient, its fast and its secure.”

Participant, UK

Participant, UK

Participant, UK

“If this is different from other digital wallets like Apple Pay or Samsung Pay, I need to understand how. I’d expect my bank or card network to explain what makes it different.”

“If this is different from other digital wallets like Apple Pay or Samsung Pay, I need to understand how. I’d expect my bank or card network to explain what makes it different.”

“If this is different from other digital wallets like Apple Pay or Samsung Pay, I need to understand how. I’d expect my bank or card network to explain what makes it different.”

Participant, Australia

Participant, Australia

Participant, Australia

Phase 2

Formalizing the Architecture

Phase 2

Formalizing the Architecture

Turning a Design Framework into an Official Global Standard

Turning a Design Framework into an Official Global Standard

Phase 1 produced a validated, governance-ready UX architecture. Phase 2 was about making it official — collaborating with stakeholders to ensure it could be implemented consistently across hundreds of merchants, PSPs, integrators, and developer ecosystems worldwide.

Phase 1 produced a validated, governance-ready UX architecture. Phase 2 was about making it official — collaborating with stakeholders to ensure it could be implemented consistently across hundreds of merchants, PSPs, integrators, and developer ecosystems worldwide.

🚧 The Problem I Was Solving

Ambiguity Was Costing the Ecosystem

Existing CX guidance was interpreted differently across stakeholders — producing fragmented checkout flows, prolonged alignment cycles, and delayed merchant launches globally. The fix wasn't more design. It was structural precision.

🏗️ The CX Standard

Shifting from Negotiation-Driven to Standards-Driven

Working with partners across schemes, I embedded the UX architecture directly into the Click to Pay CX Guidelines — eliminating interpretation gaps by defining clear ownership, standardized authentication pathways, and qualification checkpoints tied to implementation milestones.

This shifted Click to Pay from a standard that got re-negotiated at every merchant integration to one that implementation teams could execute against independently.

🏗️ The CX Standard

Shifting from Negotiation-Driven to Standards-Driven

Working with partners across schemes, I embedded the UX architecture directly into the Click to Pay CX Guidelines — eliminating interpretation gaps by defining clear ownership, standardized authentication pathways, and qualification checkpoints tied to implementation milestones.

This shifted Click to Pay from a standard that got re-negotiated at every merchant integration to one that implementation teams could execute against independently.

📢 Official Publication

Click to Pay CX Guidelines v1.2

The architecture was formally published as the EMVCo Click to Pay CX Guidelines v1.2 — aligning every interaction pattern with API, SDK, accessibility, and qualification requirements, and establishing the implementation standard for the global ecosystem.

🔗 View CX Guidelines v1.2

→ Landing Page with Key Navigations

→ Landing Page with Key Navigations

  1. CX Patterns: Reusable building blocks defining the visual and interaction standards for a consistent checkout experience.

  2. CX Moments: Requirements and best practices mapped to critical customer touchpoints — from card recognition to payment confirmation.

  3. Resources: Technical assets, API/SDK references, and integration guides to support merchant and PSP implementation at scale.

  4. Flow Diagram: An interactive checkout flow showing where API calls trigger, logic branches, and CX patterns apply.

  5. Revision Log: Version history tracking all updates to the guidelines — ensuring alignment across global stakeholders and implementation teams.

  1. CX Patterns: Reusable building blocks defining the visual and interaction standards for a consistent checkout experience.


  1. CX Moments: Requirements and best practices mapped to critical customer touchpoints — from card recognition to payment confirmation.


  1. Resources: Technical assets, API/SDK references, and integration guides to support merchant and PSP implementation at scale.


  1. Flow Diagram: An interactive checkout flow showing where API calls trigger, logic branches, and CX patterns apply.


  1. Revision Log: Version history tracking all updates to the guidelines — ensuring alignment across global stakeholders and implementation teams.

CX Guidelines v1.2 – Landing Page

CX Guidelines v1.2 – Resources

CX Guidelines v1.2 – CX Moments (Displaying linked cards)

🔑 Key Impact

From Architecture to Global CX Standard

In Phase 2, I elevated a validated UX architecture into a global implementation standard.

Reduced cross-network interpretation gaps
✦ Accelerated merchant onboarding timelines
✦ Improved interoperability across schemes
✦ Created the foundation for scalable authentication modernization — Passkey first, with more to follow

By embedding shared decision principles into the official CX Guidelines, I shifted Click to Pay from alignment-driven coordination to standards-driven execution.

📚 What I Learned

Beyond the Screen — What This Project Really Required

The most important design decisions don't happen on a screen.

Knowing when to push for standardization and when to allow flexibility was as much a design skill as any interaction pattern.

The challenge wasn’t just defining ideal patterns, but deciding where consistency created scale and where flexibility was necessary for adoption.

Ambiguity at scale is a design problem.

Any gap in the standard gets filled later by someone without full context — and across hundreds of merchants, that compounds fast. Documentation and handoff are part of the design work, not separate from it.

Influence without authority is a core design skill.

Working across 6 networks with competing priorities, I learned that alignment doesn’t happen through better design alone — it’s built through trust, structured facilitation, and showing up with a point of view that accounts for everyone else’s constraints.

The most effective moments weren't about having the right answer – they were about asking the right question at the right time.

Thank You!