American Express

Turning an Acquisition Journey into a Bento Box

1

The Background

American Express is a multinational financial services company headquartered in Manhattan’s Three World Financial Center. For its customers, the ability to research and understand information about different card product offerings is critical. The problem is that customers around the world have different needs while researching.

Over the course of a year-long iterative design process with American Express, Code and Theory has worked to redesign two page templates at the core of the conversion process, and in the process enable flexibility in the way that the differing card products are represented, not just among each other, but across different markets such as the United Kingdom, Australia and Singapore.

2

The Challenge

For a number of years, the American Express Global team had been locked into the same design system. This was often at the expense of engagement opportunities in varying markets. An initiative known as “Bento” was begun to build a scalable, modular system to provide greater flexibility and meet each global team’s unique needs. The markets we started with were the United Kingdom, Canada, Australia, Singapore and Japan.

Bento allowed us to reinvent the international design system, and provide global teams a chance to be proactive in shaping their product pages and journeys.

3

The Solution

At the time, the Prospect Journey Design System oriented the page horizontally. Although having everything on screen at once allowed users to move between different card products, the page lacked the sense of moving down funnel.

Our response: Create a vertical browsing experience that assigned clear priorities to each page of browsing and deciding.

User mindsets change as they move down funnel. Reflecting those changing needs with a more sequential experience was critical to the design.

Through close collaboration with the American Express stakeholders, we designed and developed a series of MVP level modules that could go into usability testing and then on to A/B testing against the current Prospect Journey System.

We proactively designed variations for each module as well, allowing us to proactively go back into testing should any modules with conversion impact underperform.

This iterative design and test process allowed us to quickly figure out what was and was not working and pivot with a solve in hand.

4

The Results

A Design System That Can Begin Rolling out Internally

With the success of the design system in the United Kingdom, and usability tweaks made per markets in Singapore, Australia and Canada, the Bento system will begin replacing the Prospect Journey around the world within the next year.

The Bento designs have experienced a peak of 11% rise in application submit rates with statistical significance, with an average between 5-9% week to week.

Defining the Route of Fashion

We are shaping the digital transformation of the industry by creating strong connections between audiences and brands.

Gawker 2
Bustle Digital Group - Gawker

Gawker | Don't call it a comeback.

An entertaining and engaging experience, all while still bringing a touch of class and sophistication.

Read More

Evolving the Financial Services Model

We’re transforming an antiquated industry through cutting-edge design and driving the future of finance forward.

Spotify Feature
Spotify

Artists don't just make art. They make money too.

Building a bigger funnel to help artists grow on Spotify.

Read More
College Board| Positioning the College Board as an Integrated Partner for Students

Transfiguring an integrated student, parent and educator experience

<p><strong>Transfiguring an integrated</strong> student, parent and educator experience</p>

Transfiguring an integrated student, parent and educator experience.

Read More
Rally| Elevating The Site Experience For a Crypto Pioneer

Elevating The Site Experience For a Crypto Pioneer

<p><strong>Elevating The Site Experience</strong> For a Crypto Pioneer</p>

Elevating the site experience for a crypto pioneer.

Read More
Coned Additional
ConEd

Building a future vision for Clean Energy in New York

ConEd tapped us as AOR to lead an integrated, purpose-driven marketing partnership to educate a multitude of audiences

Read More
  • A new brand strategy that ties ConEd’s clean energy vision to its purpose
  • An integrated creative campaign to showcase ConEd’s clean energy vision to its customers
Award WebbyW3 0031Ad Age 0023

Recognition

  • Code and Theory

    Webby Awards

    2022 Best Magazine – Websites and Mobile Sites
  • Code and Theory

    W3 Awards

    2021 Best in Show General Websites-Associations
  • Code and Theory

    Ad Age

    2020 Agency A-List

All Work

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions

Says a Lot —

Latest

News — 

Ad Age | Marketing In The Metaverse —What Science Fiction Can Teach Brands About Web3

News — 

Code and Theory’s Dan Gardner named Campaign US 40 Over 40 honoree

News — 

AIGA Eye on Design | The Era of Rebellious Web Design Is Here

News — 

Webby Awards | Code and Theory Named Webby Winner in 26th Annual Webby Awards

News — 

The Drum | Adland's reaction to Musk's $44bn Twitter deal: 'a major disruption to its ad business'

News — 

ESPN | Washington Commanders: Inside the NFL franchise's search for a new nickname and logo

News — 

The Washington Post | Becoming the Commanders: How Washington's NFL team found its new name

News — 

Ad Age | Washington Football Team Becomes the Washington Commanders

Get in Touch

  • Find Us

    One World Trade Center,
    62nd Floor

    New York, NY 10007

    More Offices
  • Work With Us

  • Press

  • Careers

    See All Open Positions