CLARI COPILOT · CONVERSATION INTELLIGENCE

Re-designing Call Review.

The most-used page in Wingman → Clari Copilot, where reps and managers spent 90% of their time, had accumulated five years of features and served none of its users well. I led the redesign around one question: can we help you find the right moment in any call?

The redesigned Call Review: two-column layout with video and speaker timelines on the left, AI insights panel with Smart Summary, Action Items and Revenue Critical Moments on the right.
Case snapshot
Role
Design Manager, leading the design team on Copilot
Team
Three designers: me setting direction + two designers executing with me · PM · engineering pods
Timeline
2023–2024 · part of the Copilot standalone redesign
Tools
Figma · Heap · FullStory
What I did
Made the case for the redesign over nine months, ran the Heap + FullStory research, and set the direction for the two designers on the project, while designing parts of it hands-on. Owned the IA: a two-column layout organized around finding the right moment, with AI insights first-class.
Impact
A large NPS jump on the most-used page, strong AI-summary adoption in the first weeks, and much faster sharing. Exact figures in the locked sections below.
Constraints
A live product shipping every sprint, the Unification project running in parallel. And the layout being replaced was my own earlier design.
01 · BACKGROUND

Six years, one page.

Some quick history, because it matters to this story. I joined a three-person YC startup as employee #3 in October 2018. We rebranded strings.ai → Wingman in ten days before Demo Day, I ran solo at a 12:1 designer-to-engineer ratio, then hired the design team out. Clari acquired us in June 2022 and Wingman became Clari Copilot; I stayed on as Design Manager and later led AI design across the portfolio.

Through all of it, one surface mattered more than everything else combined: Call Review. Wingman joined your sales calls as an invisible participant, transcribed them within minutes, and Call Review was where you watched, read, commented, scored and shared. Reps, managers, enablement: everyone, every role, every day, ended up on this page. Roughly 90% of product usage ran through it.

If Call Review was broken, the product was broken. This case is about that one page: how it decayed, how we diagnosed it, and how we rebuilt it.
02 · THE PROBLEM

The page everyone used differently, and no one loved.

By mid-2023, Call Review had become a page everyone used and no one loved: share, scorecards, game tapes, five different types of highlights, search, and AI summaries all bolted on, each feature earning its place individually while nobody owned the whole. But it didn't get there overnight. Step back through its life.

Fig. 1 · One page, three lives · step back through the years
Bloated Call Review: share, scorecards, game tapes, five highlight types and AI features stacked onto the same page.
Full disclosure: the layout that bloated was mine. I inherited the 2018 page, then rebuilt the whole product on a new design system in 2019, and it's that three-column redesign that grew into the mess. Products don't decay because someone designs them badly; they decay by accumulation, one reasonable addition at a time, with no rule for subtraction.
The whole sales cycle funnels onto one page.

Every role that touches a deal ends up in Call Review, at a different stage, wanting a different thing. Map the sales cycle and Copilot shows up at six-plus stages (discovery, demo, follow-up, close, onboarding, expansion), which is exactly why 90% of usage lands here. It's the one surface the entire revenue team shares, and it was tuned for none of them.

AEThe rep. Arrives post-call, usually from Clari: opens a deal, sees the calls on it, clicks through. Time-poor, not an execution user here: wants the summary, maybe to share it straight to the customer, and they're gone.
MgrThe manager. Works the other way: picks a rep, skims their calls to see how they're handling customers, drops time-stamped comments, scores against a scorecard. Deep, repeated, execution-heavy.
AMThe account manager. Post-signature, opens old calls to remember what the customer was promised, and runs expansion calls. A third rhythm again, months later.

One page, three-plus jobs, zero prioritization between them. And ChatGPT's arrival made the divergence impossible to ignore: people suddenly had opinions about what AI on this page should do for them.

03 · RESEARCH · HEAP + FULLSTORY + 9 MONTHS OF FEEDBACK

Heap told us what. FullStory told us why.

By the time the redesign got the green light, we'd been collecting evidence for the better part of a year: customer complaints, Slack threads, support tickets, and our own design audits, intensifying in the quarter before kickoff, on top of everything else we were shipping.

The method the team ran: Heap for behaviour (which actions users actually take, segmented by role) and FullStory for intention, pulling targeted session replays that explain why. We mapped the core journeys (discovery, skimming and catching up, coaching and feedback), audited every element on the page with a shared nomenclature, and tore down competitors for good measure.

One feature, a whole iceberg.

The share/trim flow alone, one feature on the page, carried a 17-item P0 feedback list: no timeline after trimming, no seek bar in the trim flow, shared links that weren't discoverable so users trimmed the same call twice, no way to expire a link without re-trimming. Heap put the share funnel at conversion across users. Customer Slack threads kept surfacing the same confusions. That's one feature. The page had fourteen modules.

What FullStory showed us.
01Copying a call link took two clicks. The simplest action on the page, observed failing repeatedly.
02Users resized the video to read the transcript alongside it. One user fiddled for minutes to get both visible. The layout offered video or transcript; people wanted both.
03Users marked comments "private" that already were because they didn't trust the signal. A trust problem, not a feature gap.
04Search barely earned its real estate. The default tab in the right rail, yet Heap showed transcript search was rare next to other actions.
05Bookmarking existed only in the desktop app, and users didn't know.
06Managers scored while watching, video or transcript, with constant back-and-forth the layout never accounted for.
Condensed to four findings.
01Simple actions took multiple steps and long waits: copy a link, share a snippet.
02Trimming and sharing moments was tedious. The most-requested workflow was the most broken one.
03Finding the right call, and the right moment in it, was hard.
04The product didn't feel trustworthy: glitches, long waits, confusing states.
These four findings weren't just Heap-and-FullStory artifacts. They matched, almost word for word, the pain points our team's sales-cycle journey map had already logged from the field: "difficult to maintain notes and deal updates" at discovery, "time consuming to catch buyers up" at follow-up, "hard to track" during negotiation. Three different research methods, one diagnosis. That's when you know it's real.
I've been clicking between these tabs for two years. Can't I just see both?
USER TESTING · ON THE VIDEO ↔ TRANSCRIPT TOGGLE
04 · THE APPROACHES

Patch the page, or rebuild it.

I'd been pushing for this redesign for close to nine months. Everyone agreed the problems were real; it just kept losing to bigger ones, with Unification running in parallel. "Next quarter," every quarter. So the first explorations were patches: how do you make AI summaries first-class inside the existing UI without a rebuild?

OPTION A
Summary banner on the transcript
A collapsible view letting you switch between transcript and summary in the same real estate. Contextual and cheap, but it traps the page's most important new content inside another component, one more layer on a decaying shell.
OPTION B
Summary as the first tab
Replace the underused Search tab up front. Backed by Heap: search wasn't earning its slot. Better, but the tab rail was already fighting to fit four tabs, and it still bolts AI onto a structure built for a different era.
● WHAT WE DID
Rebuild around the job
Stop patching. Restructure the whole page around one question: can you find the right moment in any call? Two columns, summary and insights first-class, deal context demoted, chapters everywhere.
The patches taught us something anyway: the Heap data that justified demoting Search became the argument for the whole restructure. If the default tab isn't earning its place, what else isn't? Then ChatGPT landed, leadership's appetite changed, and nine months of "next quarter" became now. The redesign shipped as part of moving Copilot from the old design language to Clari's Iris system: visual consistency and structural rethink in one move.
Type "goose" to see something fun
05 · PRINCIPLES

Four rules that decided every argument.

Once we committed to the rebuild, the details could have gone a hundred directions. These four principles, distilled from the research rather than invented after, are what actually settled the debates.

01One question governs every decision. Can you find the right moment in this call, as fast as possible? If a feature didn't serve that, it moved, shrank, or got cut, no matter how long it had existed.
02Design for jobs, not features. Discovery, skimming, coaching. Not "the share button" or "the highlights tab." The moment the team had those three words, layout debates got shorter: which job does this serve, and where does that job live?
03Be opinionated, but don't fight how people already work. FullStory showed users resizing video to read transcript alongside it. We didn't just add a toggle. We made side-by-side the default, because that's what people were already doing manually.
04AI earns placement with evidence, not novelty. Summaries went top-level because Heap showed the incumbent default (Search) wasn't earning its slot, not because AI was fashionable post-ChatGPT.
06 · THE REDESIGN

Two columns, one question: where's the moment?

The north star for every decision: help users find the right moment in any given call, as fast as possible. Everything either serves that or gets out of the way. The page went from three columns to two, call on the left and insights on the right, organized around the three jobs the research surfaced: discovery, skimming, coaching.

Fig. 3 · The redesign, by job · pick a job to see where it lives
The redesigned two-column Call Review, with regions highlighted for each of the three jobs.
Deal context: demoted, not deleted.

The old left column (attendees, CRM info, call details, tags) had to go somewhere. One direction we explored: fold it into a disclosure in the top bar, glanceable on click instead of taking up permanent space. It's the context a rep checks, not the content anyone reads for minutes. We kept iterating on where that context should live before landing on the two-pane layout that shipped.

Fig. 4 · An early exploration: deal & call context in a top-bar disclosure
Exploration: Call Review top bar with deal name and value, and a disclosure containing CRM info, close date, stage and contacts.
One of the explorations on the way to demoting deal context out of the left column, not the final shipped treatment.
Discovery: chapters, everywhere.

AI-generated Smart Chapters became the skeleton of the call. They appear as an overlay on the video, as an outline threaded through the transcript so you can jump section to section, and they divide the seek bar itself: the timeline stops being a featureless strip and becomes a map.

Fig. 5 · Smart Chapters · one structure, the same in every surface
Smart Chapters overlaid on the video: timestamped sections with one-line descriptions of each part of the call.
Skimming: video and transcript, finally together.

The FullStory sessions showed people fighting the layout to see both at once, so the toggle became a side-by-side. Managers skimming a rep's calls move through speaker timelines, chapters and transcript without ever swapping views or losing their place. The two-year-old complaint from user testing became the default state.

Coaching & understanding: insights as the second column.

The right column is the AI surface: Smart Summary, Action Items with assignees and timestamps, Revenue Critical Moments, and Ask AI, with comments and scorecards alongside. A manager can score while watching; a rep can grab the summary and go. The five competing highlight types collapsed into one insight rail.

And with Unification: the CRM loop closes.

Because Copilot now lived inside the Clari platform, the page could act on the deal, not just describe it. Calls push to the CRM automatically, and the states are explicit (logged, needs manual push, failed with a reason) with one-click fixes.

Fig. 6 · Automated CRM updates · every state visible, every fix one click
Three CRM sync states: call not pushed with manual push option, logged to CRM, and activity not pushed with error and retry.
07 · SHIPPED & IMPACT
08 · VALIDATION

Zoom arrived at the same answer.

In October 2024, my last weeks at Clari, Zoom announced its revenue-intelligence product. Set aside the outer chrome (their first column is product navigation) and look at the call surface itself: video with speaker timelines in the center, AI summary and next steps in a right-hand insights panel, share in the top-right.

The same content structure we'd shipped 18 months earlier. Zoom has hundreds of designers and unlimited budget; they could have designed anything.

Fig. 7 · Same content IA, arrived at independently
Clari Copilot · Call ReviewOurs
Clari Copilot Call Review: video and speaker timelines with AI insights panel on the right.
Call in the primary column, AI summary / action items / critical moments on the right, share top-right.
Zoom Revenue Accelerator · Oct 2024Theirs
Zoom Revenue Accelerator call view: video with speaker timelines and an AI insights panel on the right.
Video with speaker timelines, AI brief and next steps on the right, share top-right. Their leftmost column is navigation.
Convergence isn't flattery. It's evidence. When the biggest player in the category lands on your structure without ever seeing your process, the structure was probably the right answer to the problem.
09 · WHAT I'D DO DIFFERENTLY

Three things I'd change on the next one.

01

Package the evidence into a story sooner.

Nine months of "next quarter" wasn't a disagreement about the problems; everyone agreed they existed. It was a prioritization queue, and I was bringing observations to a fight that needed a narrative. If I'd assembled the Heap funnels, the FullStory sessions and the 17-item share-flow list into one leadership-ready story in month two instead of month eight, I think this redesign starts two quarters earlier.

02

Put a subtraction rule in design review, not in my memory.

The bloated layout was my own design plus five years of reasonable additions, and nothing in our process forced a removal when something got added. If we'd made "every addition names a subtraction" a standing rule in design review from day one, the next version wouldn't need a hero project to fix; it would have stayed legible on its own.

03

Instrument the job before shipping, not after.

We measured feature usage (share clicks, search events, tab switches) but never the job itself: time from opening a call to finding the moment you came for. If I'd defined and instrumented that metric before launch, the north star would have been provable instead of directional, and we'd know today which of the three chapter surfaces is actually doing the work.

10 · KEY LEARNINGS

Six things this page taught me.

01

Your own success becomes the problem you solve next.

The layout that bloated over five years was mine. Products rarely decay because someone designed them badly; they decay by accumulation, one justified addition at a time, with no one owning the coherence between them. Learning to redesign your own work without defending it is a specific skill, and worth building early.

02

Heap tells you what happened. FullStory tells you why.

Event data said "search is barely used." A fact, not a reason. Only the session replays showed what people were doing instead: resizing video to read transcripts alongside it, marking already-private comments private again because they didn't trust the label. You need both layers before you're allowed to cut anything.

03

One feature can hide an iceberg.

Share and trim, on their own, carried a seventeen-item P0 list and a 25% funnel. Multiply that by fourteen modules on the page, and "this feels cluttered" stops being a taste judgement and becomes a systemic one. Audit at the feature level before trusting any page-level verdict.

04

Setting direction meant unlearning my own pattern first.

I was directing two designers on a rebuild of a page I'd originally shaped. The hardest part wasn't the craft. It was arguing against my own earlier decisions in the room, out loud, without treating the critique as personal. That's a different muscle than shipping a screen, and this project is where I actually built it.

05

A shared vocabulary is worth the unglamorous hour.

Before any layout work started, we audited and named every element on the existing page: seek bar, speaker timeline, transcript toggle, all of it. It felt like busywork at the time. It's the only reason three designers and two PMs could debate the redesign without three different names for the same rectangle.

06

If the structure is right, others arrive at it independently.

Zoom converging on the same content IA, without ever seeing our process, eighteen months later, is the strongest design review a layout can get. Not that the work shipped, but that it became the obvious answer to someone who started from zero.

NEXT CASE · 02

Storefox Voice AI

Voice AI for QSR restaurants. Cohort analysis surfaced a core problem: area managers ghosting before they saw value. Restructured IA, command-center dashboard, design system in flight.