Picture of the 5 element credit cards all fanned out horizontally.

2018

iOS, Retail

Role

CX Design & Research Lead

Expertise

CX Design

Service Design

Product Design

UI/UX

Art Direction

Research Lead

Strategy

Deliverables

Research Agenda

Research Insights

UX Flow

UI Screens

Prototypes

ElementsCard

ElementsCard

As part of our commitment to "humanizing banking," we have transformed the traditional credit card concept into a visually appealing and user-friendly touchpoint that seamlessly integrates with your financial life. To assess the potential impact on card usage, foot traffic to our cafes, and overall brand perception, we have launched a pilot program at a Capital One café.

Problem

Despite the increasing trend towards digital lifestyles among millennials, research indicates that Americans continue to view their credit cards as a symbol of status. With this in mind, what if we could offer all of our customers credit cards that serve as both functional and aesthetically pleasing expressions of their personal identity?

Execution

Conduct a thorough analysis to assess the impact of piloting innovative new products at a Capital One cafe location and the potential effects of introducing a lifestyle product on our business operations.

1

Align, Define & Build

Initiate the launch of a reimagined credit card positioned as a lifestyle product.

Picture of a group of people brainstorming.
Picture of a group of people brainstorming.
Picture of a group of people brainstorming.
Picture of a group of people brainstorming.

2

Product Pilot

Conduct a pilot study at a Capital One café to gather comprehensive data on the impact on our business operations.

Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.

Results

The launch of the new product was generally well-received and successful. Despite some initial confusion regarding the card accounts, the cafe ambassadors were effective in resolving any misunderstandings. The onboarding process through the app had a success rate of over 90%.

Spend & NPS

We have observed an increase in card spending and a positive impact on our Net Promoter Score (NPS) as the unique design of the card has attracted attention from others. This has helped to foster an emotional connection between our customers and our brand, rather than simply being viewed as a means to earn rewards points.

In-Person is required

Pilots such as this one serve to enhance our brand image, as customers have the opportunity to experience the cards first-hand at our cafes. This has led to positive word-of-mouth and some customers even encouraging their friends and family to sign up for a Capital One card.

Card Manufacturing

There were a few incidents where the card material was not of the expected quality upon arrival, but otherwise, customers have had no issues using the cards.

Final Product

Picture of the sign up iPad app used during the element card launch event.
Picture of the sign up iPad app used during the element card launch event.
Picture of the sign up iPad app used during the element card launch event.
Picture of the sign up iPad app used during the element card launch event.
Picture of the infinity mirror displays in the window of the retial location.
Picture of the infinity mirror displays in the window of the retial location.
Picture of the infinity mirror displays in the window of the retial location.
Picture of the infinity mirror displays in the window of the retial location.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.
Picture of the elements card retial installation with a table lit up and a TV playing an animation behind it.

Pilot Launch Day

1

Alignment &Defining

Alignment &

Defining

Picture of a group of people brainstorming.
Picture of a group of people brainstorming.
Picture of a group of people brainstorming.
Picture of a group of people brainstorming.

Early stakeholder engagement to align on roles and scope

Commence with a stakeholder immersion workshop to identify constraints and limitations of the cafe, engage in communication with cafe staff, and conduct a thorough analysis of the physical cafe space and flow patterns.

Map the Customer Journey

Transforming challenges into opportunities is a key aspect of mapping out the customer journey. Through a comprehensive analysis, we identified the various actors involved, potential touchpoints, and technical limitations, in order to identify feasible opportunities for creating a seamless and elegant customer experience.

Picture of the journay map we built to docusment everything that needs to be done in the element project.
Picture of the journay map we built to docusment everything that needs to be done in the element project.
Story board used to pitch the customer experience the team is setting out to build for the elements project.
Story board used to pitch the customer experience the team is setting out to build for the elements project.
Story board used to pitch the customer experience the team is setting out to build for the elements project.
Story board used to pitch the customer experience the team is setting out to build for the elements project.

ideal customer journey through storytelling

In order to facilitate alignment among stakeholders, we distilled the final customer journey into a storyboard, which served as the central tool for communicating and aligning on our vision for the customer experience.

Partnership with on-site ambassadors as a touchpoint

To ensure the effectiveness of the ambassador team, we collaborated closely with them to develop a script that would equip them to handle any inquiries regarding the cards or the sign-up process.

Picture of a capital One ambassador helping a customer sign up for the Elements Card.
Picture of a capital One ambassador helping a customer sign up for the Elements Card.
Picture of a capital One ambassador helping a customer sign up for the Elements Card.
Picture of a capital One ambassador helping a customer sign up for the Elements Card.
Picture of the sign up iPad app used during the element card launch event.
Picture of the sign up iPad app used during the element card launch event.
Picture of the sign up iPad app used during the element card launch event.
Picture of the sign up iPad app used during the element card launch event.

seamless, visually appealing sign-up process

The average time to complete the credit card application was two minutes and the success rate was over 90%.

Design a multi-phase research agenda targeting business impact.

Our learning agenda was designed to capture both qualitative and quantitative data through a multi-faceted approach, including D-scout diary studies, observational research, surveys, and analysis of new card spending data.

Picture of the front of the philly Capital One cafe location after a snow storm.
Picture of the front of the philly Capital One cafe location after a snow storm.
Picture of the front of the philly Capital One cafe location after a snow storm.
Picture of the front of the philly Capital One cafe location after a snow storm.

2

Product PilotLaunch

Product Pilot

Launch

Picture of someone being interviewed during the elements card launch day.
Picture of someone being interviewed during the elements card launch day.
Picture of someone being interviewed during the elements card launch day.

feedback and insights from customers and project stakeholders

The overall design of the credit card received positive feedback from customers, with some individuals expressing interest in obtaining the card without seeking information on its terms and conditions.

Differentiate through innovative design

Consider credit card design as a physical product with the potential for more than just providing access to finances. This includes innovative shapes, colors, textures, and digital features.

Picture of the elements card table and event space.
Picture of the elements card table and event space.
Picture of the elements card table and event space.
Picture of the front and back of the white elements card.
Picture of the front and back of the white elements card.
Picture of the front and back of the white elements card.

Reimagine the credit card

Despite its longevity, the design of credit cards has remained stagnant and uninspired for the past 70 years. Originally invented as a utilitarian tool for accessing credit, there has been limited effort to challenge the basic and unremarkable design of the traditional rectangular card.

ThroughoutThe Journey

ThroughoutThe Journey

Throughout

The Journey

ThroughoutThe Journey

Picture of the sign used in the elements card launch.
Picture of the sign used in the elements card launch.
Picture of the sign used in the elements card launch.
Picture of a window cling in the elements launch.
Picture of a window cling in the elements launch.
Picture of a window cling in the elements launch.
Picture of card holder displays used in the element card launch.
Picture of card holder displays used in the element card launch.
Picture of card holder displays used in the element card launch.
Picture of the postits we collected during braingstorming the items for the journey map used in the elements card project.
Picture of the postits we collected during braingstorming the items for the journey map used in the elements card project.
Picture of the postits we collected during braingstorming the items for the journey map used in the elements card project.
Picture of the iPad app used to sign up .
Picture of the iPad app used to sign up .
Picture of the iPad app used to sign up .
Picture of the flow diagram the signup iPad app.
Picture of the flow diagram the signup iPad app.
Picture of the flow diagram the signup iPad app.
Picture of a white board and the ideas we collected at the kick off of the project.
Picture of a white board and the ideas we collected at the kick off of the project.
Picture of a white board and the ideas we collected at the kick off of the project.
Picture of the main table being setup for the launch of the project.
Picture of the main table being setup for the launch of the project.
Picture of the main table being setup for the launch of the project.
Concept sketch for the retrails space we built for the elements card launch.
Concept sketch for the retrails space we built for the elements card launch.
Concept sketch for the retrails space we built for the elements card launch.