Agent workspace inside the unified support application

Conversational AI for Customer Support

This case study recreates a project from my previous organization. To protect confidentiality, all screens,
research data, and testing data are reimagined from memory for this portfolio.

Role
Senior Product Designer
Team
Designer, content writer, engineer, usability tester, design systems (consult)
Duration
2 months

Background

Four legacy tools,
one exhausted team of agents

Agent using the legacy support tools

Support agents handled customers across chat, call, social media, and retail, each channel running on a separate application, most nearly a decade old. Partial revamps over the years led to feature creep: slow, cluttered tools where finding a feature was nearly impossible, and systems that broke down mid interaction.

Under that pressure, agents made more mistakes, extending resolution times further. Customers arrived already frustrated, only to encounter agents struggling with their own tools instead of solving the issue. The organisation planned to revamp the entire range of applications into one unified experience.

My responsibility was the conversational AI that helps agents support the customer.

Agents are the real users. Customers are the end beneficiaries.

Live prototype

Live Figma prototype — Conversational AI overview

How I solved it — research

Research, powered by AI, converged under real constraints

The biggest challenge was identifying what stakeholders actually needed: a high fidelity, futuristic bot, or something constrained by real limitations. I consolidated past usability studies, forum complaints, agent interviews, and support call recordings, used Gemini and NotebookLM to synthesise findings into stakeholder-ready material, then ran a workshop to align on direction. Every resulting idea was weighed against three constraints.

Consolidated research summary

Business

Leadership wanted a fast, visible win. Screen aware AI had to prove it saved minutes, not just look impressive. Any feature had to work across all four channels.

Technical

Legacy systems could not expose a clean API for full screen access. The LLM search capability already existed, reuse over rebuild.

Privacy & security

Screen aware AI could not capture payment data. No AI action could message a customer without a human sending it.

What we chose not to build

Agentic AI that could message customers without review.

Privacy and security would not approve unsupervised outbound messages, so every AI action stays in a draft and approve state.

Full screen recording sent to a third party AI vendor.

Legal flagged the data residency risk, so screen aware AI reads structured fields only, inside the existing data boundary.

A brand new UI built from scratch for the AI layer.

Engineering had no runway for a parallel build, so we extended the existing design system instead.

Designing the experience

Five features that made it through

Agents followed a strict linear path from point A to B, even when several stages were already complete. That insight became the core design principle: let AI identify what is already done, and only surface the remaining actions.

Screen-aware AI

can see the agent's screen and suggest or take action, with the agent always staying in control

Context-aware nuggets

open a conversation with the right background already loaded

Daily task support

recommended next case to attend, with summarised customer history across web, store, and past interactions

Auto-generated notes

internal notes and follow-up scheduling created automatically

Training recommendations

personalised learning suggestions based on an agent's past interaction patterns

I collaborated with channel teams on the unified application. I defined personas by agent tenure and mapped journeys for common cases. A key insight emerged: agents followed a strict path from A to B, with no option to skip ahead. This became a design principle: let AI identify completed actions and show remaining tasks.

Design system

The organisation already had a brand, a core design system, and a conversational design expansion pack. I worked directly with the design systems team to introduce new components and update existing ones, keeping everything consistent with the wider product.

Sticker sheet of new and modified components

What these looked like

A few of the ideas from the sticky notes made it into shipped screens. Here is what they looked like once built.

Screen-aware AI

Reads context, recommends a next step in draft form.

In-chat stepped-answer knowledge search

Auto-generated notes

Follow up scheduling and session summary, automatic.

Agentic AI handling post-call tasks automatically

Training recommendations

Session close, satisfaction captured, next steps surfaced.

AI-generated, gamified training module

Testing with real agents

Confirmed the direction, surfaced a real tension

A usability study with real agents confirmed the direction, but surfaced a real concern: agents wanted transparency into AI actions, and some wanted more autonomy from the AI, not less. That tension shaped later iteration.

“This is the first tool in years that feels like it’s built for us, not just added onto.”

Agent, 6 years tenure

“I like that it shows me what’s already done. My worry is how much I can trust the AI to act on its own.”

Agent, 1 year tenure

“I’ve closed deals for 15 years with a handshake and a phone call. No algorithm can read a client’s hesitation the way I can.”

Agent, 15 year tenure

The shipped experience

One unified application, desktop and tablet

Based on testing feedback, I made targeted changes to the flow and worked with AI tools to align conversation content with the brand's tone of voice at scale, then stayed closely involved through build, reviewing implementation against spec.

What happened after shipping

Four tools became one

Interaction time

Hours to minutes

Down, after replacing four separate tools with one

Training time

One app, not four

New and existing agents onboard on a single interface

Training cost

Generic to personalised

AI curates a module from each agent's own interactions

Customer experience

Less waiting, less frustration

A natural result of cutting interaction time to minutes

Reflection

The hardest part of this project was not the interface. It was getting a decade of accumulated complexity down to something an agent could trust in the middle of a live, frustrated customer conversation. AI helped at two levels: inside my own process, to move faster through research and synthesis, and inside the product, to remove steps an agent no longer needed to do by hand.

The open question the team is still working through: how much should the AI act on its own, and how much should it stay a suggestion the agent approves. Agent feedback made clear this line matters more than any single feature.

Other projects