julio.io

Amex Offers

Overview

Year 2020
Team American Express Mobile UX
Product American Express Enterprise App | iOS & Android
Role UX Designer

Feature enhancement for one-tap offers enrollment in the American Express Mobile App.

Summary

Summary

Offers was a major engagement driver for the American Express Mobile App that allowed users to add discounts from participating merchants to their card products. We added a one-tap enrollment mechanism to the existing experience that would give customers the ability to add offers from the landing screen without having to navigate to a detail page.

As a result, there was a +533% increase in offer enrollments one year from release, an astronomical success.

Audit of the existing American Express offers mobile experience

Before

I began by auditing the existing experience to:

  1. Understand how one-tap enrollment would affect the existing enrollment flow
  2. Influence the product strategy toward improving the existing experience
Map-based offer detail exploration for nearby American Express offers

Offer details exploration

Exploration comparing list and carousel layouts for mobile offers

List vs Carousel Structure Exploration

A preliminary exploration to restructure the landing page to emphasize added offers and organize offers into categories.

Landing page concept for American Express offers

Landing page vision

High-fidelity design used to influence the team’s long-term strategy.

Added offers detail view concept for American Express offers
Added offers detail view
Search concept for American Express offers
Search concept
Offer category collection view concept for American Express offers

Category Views

Collections curated by offer category would allow offers to be grouped by theme and let other parts of the app link to these focused views.

Offer list card explorations for American Express mobile

Drafts for list view cards

One-tap enrolled offer confirmation screen

One-tap enrollment

An in-row plus button on the landing page with a bottom sheet confirmation streamlined the enrollment process.

Before and after comparison of the American Express offer detail view

Detail View Before & After

Previous users had to navigate to a detail page to add offers. In addition to one-tap enrollment, I took the opportunity to redesign the detail page with better hierarchy and usability.

Final American Express offers mobile app screens

Outcome

A +533% increase in offer enrollments one year from release was a huge success that gave the design team the leverage to push for the long-term strategies explored in the vision.