Boosting American Express customer satisfaction with an AI chatbot.

Image link to project

Role:

UX/UI Designer & Researcher

Timeline:

24 Hrs.

Tools:

Figma

Deliverables:

User Interviews
Wireframes & Prototypes
Usability Testing
Stakeholder Presentation
Wanna Try?Learn More
AMEX logo man png

"How might we use emerging technologies such as AI/MI to improve the customer experience, more specifically within the chat window?"

— AMEX Representative/Stakeholder

THE PROBLEM

No Personalized Solutions

Guided by AMEX’s 'How Might We,' we analyzed the current chat experience to uncover key friction points and gaps. Through user-centered research, we identified three core problems—each reframed as a strategic opportunity for personalization and service improvement.

chat bot lack of assistance

Lack of Assistance

100% of consumers felt that their customer service interactions lacked the resources to help them and there was no accountability.

personalized Png

Personalized Solutions

100% of consumers said they were delighted by immediate and personal resolutions to their issues, when asking for assistance.

Paper Trail

100% of consumers want to have a paper trail of their customer service interactions.

Recognizing personalization as the key to greater user and business value, we reframed our focus and defined a new HMW to guide our next design phase.

How might we deliver faster, more reliable customer support by leveraging AI personas and machine learning to boost user satisfaction and support team productivity?

THE SOLUTION

Personalized AI Assistant

With just 24 hours to deliver a working chat experience and AI assistant, our goal was to hand off a prototype that clearly demonstrated a personalized support flow. While designing for quick, helpful interactions, we faced a key challenge: where should users first access the Express Lounge to start their journey?

Mid-fi wireframe help centre 2
We could have added a card to the help centre found by clicking into "My Account"
Or adding the card to the homepage for easy visibility and accessibility.
homepage EXPRESS LOUNGE Mid-fi Wireframe
Contact us page Card focus Mid-fi wireframe
However, most users would just click on the "Contact Us" tab to contact customer support or look for FAQ's.
With alignment across teams, we refined the prototype into a high-fidelity experience—bringing the personalized support flow to life with clear visuals and interactions

THE RESULT

Express Lounge

By applying AMEX’s familiar UI patterns and colors, we created a prototype that not only aligned with their brand—but also gave users a clear, intuitive path to access the Express Lounge with minimal friction.

Members and users can access the Express Lounge through the "Contact Us" page.
Chatbox page chat risen
Redirected to the express lounge where they are greeted by a personalized AI assistant.
CHATbox Page final
Users can ask any questions or concerns that they may to their AI assistant and receive a swift response.
Download transcript from headboard card IMG
Download transcript chat focus
Users can choose to download a copy of the conversation to save for future references.
We handed off the prototype to dev and data teams, collaborating closely to ensure the Express Lounge’s value came through. With shared design alignment, they built a custom API and responsive chatbot, which was successfully presented to the AMEX representative.
Back to Top
Darkmode in page arrow link