American Express SafeKey

70% Reduction in Abandonment

American Express SafeKey

Reducing Checkout Abandonment by 70% While Enhancing Security

UX Architecture Secure UX Conversion Optimization Checkout Flow Prototype Testing
  • Figma
  • Journey Mapping
  • User Testing
  • Whiteboards
  • Confluence
  • Jira
Project Summary

SafeKey was an essential security step during checkout but caused massive drop-off due to outdated UX and changing regulation. Users feared phishing and abandoned the flow. I redesigned the journey to preserve security while restoring trust and reducing abandonment by 70%.

My Role

  • Led full UX redesign of the SafeKey authentication experience
  • Mapped journeys and flows, conducted research and testing
  • Collaborated with product, security, and engineering teams
  • Delivered a scalable, brand-consistent solution across 20+ markets
  • Measured and iterated through phased rollout

Walkthrough of SafeKey

“We preserved our fraud prevention strength and rebuilt trust with users at the same time.”

Image of Safekey before and after
Scalable, responsive layouts rolled out to over 20 markets.

Design Process

Discover & Define → Frame the Challenge → Design & Deliver

1. Discover & Define

American Express SafeKey was a critical checkpoint during online checkout but it was causing friction, not confidence.

  • Mapped full journey from merchant checkout to post-authentication return
  • Reviewed customer feedback, support logs, and abandonment data
  • Analyzed drop-off points and failure triggers
  • Interviewed internal stakeholders across security, business, and engineering
  • Conducted competitor benchmarking for similar authentication flows

Findings pointed to a serious trust breakdown during the redirect to the SafeKey site. Users perceived it as a phishing risk due to the inconsistent branding, unclear messaging, and abrupt flow.

Image of Safekey planning

2. Frame the Challenge

SafeKey was fulfilling its security role but at the cost of trust and revenue.

  • Abandonment was highest at the redirect moment
  • Users lacked context or confidence in the transition
  • Visual and messaging inconsistencies caused suspicion
  • Both Amex and merchants were losing completed transactions

We needed to maintain the fraud protection power of SafeKey while rebuilding trust and clarity into the UX.

3. Design & Deliver

We launched a full design sprint to rethink the SafeKey experience.

Image of Safekey whiteboards
Many whiteboard sessions held to explore ideas, and ensure a shared understanding of the problem and outcome.
SafeKey one time password flow
SafeKey one-time password flow.
Image of Safekey screens
A portion of the many screens created for testing, prototyping, and development.

Key experience enhancements:

  • Pre-authentication messages to prepare users
  • Carryover of merchant branding and visual continuity
  • Simplified authentication steps with clearer messaging
  • Progress indicators to reduce ambiguity
  • Explicit cues of legitimacy and security
Image of Safekey flow diagram
Call to action flow between screens during a SafeKey journey.

Prototype Testing

We created real-world simulations to validate the redesigned journey.

  • Built interactive prototypes for live testing
  • Simulated redirect checkout scenarios
  • Captured behavior, trust levels, and task success
  • Analyzed clarity, timing, and drop-off rates
Prototype of a SafeKey journey

The winning concepts:

  • Reduced cognitive dissonance at redirect
  • Restored a sense of control
  • Streamlined the authentication flow

We rolled out the new SafeKey with phased support and internal alignment.

Image of Safekey
Responsive hi-fi mockups of the SafeKey lending experience. One of multiple journeys possible within the authentication step.
Image of Safekey
American Express app with the new messaging and screens.
Image of Safekey
SafeKey journey with lending options.
  • Partnered with security and dev for technical feasibility
  • Built implementation specs and design guidelines
  • Launched first with low-risk merchant partners
  • Measured success metrics with live dashboards

Launch & Iterate

Reduced checkout abandonment by 70%
Recovered $11M in previously lost billings
0% reduction in fraud prevention effectiveness
Rebuilt trust with customers during checkout
Earned industry recognition for best-in-class security experience

What I learned:

  1. Security and UX can align: they’re not mutually exclusive
  2. Context before transitions changes user behavior
  3. Visual continuity reduces fear in sensitive moments
  4. Realistic test environments are critical for trust-based flows
  5. Cross-functional collaboration accelerates adoption and success

Are you building high-risk fintech products?

Let’s design secure experiences that convert.
Let’s talk

More Case Studies

American Express Market Foundation:
American Express Market Foundation:

Redesigning Global Card Applications, Driving 1.2M+ Adoptions

Amex Authentication CX Admin Tool
Amex Authentication CX Admin Tool

Reimagining Admin for Multi-Market Speed, Experimentation, and Precision

V1 Golf Swing Analyzer App
V1 Golf Swing Analyzer App

Redesigning Video Analysis for 4M+ Users Worldwide

V1 Golf Pro Portal
V1 Golf Pro Portal

Transforming Client Management for Golf Professionals

Wayfair AI-Based OKR Reporting Tool
Wayfair AI-Based OKR Reporting Tool

Driving $100M Transformation with GenAI-Powered Delivery Insight

Bare Minerals Loyalty Program
Bare Minerals Loyalty Program

Designing a 13-Year Running Multi-Channel Customer Experience

Ford Feature Simulator
Ford Feature Simulator

Immersive, Playable Demos of High-Risk Vehicle Features