← Back to work
👤 Persona Management

Persona Management Feature

Redesigning how CX teams create, manage, and present personas — transforming a feature that was never shown in sales demos into something the team was proud to lead with.

Platform
Cemantica (SaaS)
Role
Lead Product Designer
Methods
Surveys · Journey Mapping · Competitor Research
👤
Hero screenshot
Replace with your best final screenshot of the redesigned persona card or the persona management dashboard
01 — Problem

A feature the team was embarrassed to demo

Cemantica already had a Persona feature — but it was essentially invisible in the sales process. The Customer Success team had quietly stopped including it in demos because it didn't look professional next to competitors, and clients who tried it ran into friction immediately.

The problems were concrete: text overflowed out of persona cards with no graceful truncation, image uploads were technically broken for some formats, and the overall layout looked dated compared to tools like TheyDo and JourneyTrack. There was also no way to easily manage or reuse personas across multiple journey maps.

😬
Before state
Screenshot of the old persona card design — showing the text overflow issues and dated layout

Business context

From the sales team: enterprise prospects were specifically asking about persona management during demos. When the feature looked weak, it was affecting conversion in competitive evaluations against TheyDo and Smaply.

This wasn't just a UX polish task — it had a direct commercial signal attached to it, which helped us prioritize it and get buy-in to do it properly.

02 — Discovery

Understanding how teams actually use personas

Before jumping to redesign, I needed to understand the real usage patterns — not just the reported pain points. The existing feature had been around for two years, so there was real behavioural data to learn from.

📊
Usage analytics review
Worked with the data team to pull usage patterns: how many teams had created personas, how often they were edited, and which fields were left empty most often.
📝
Survey: 28 responses
Sent to active users who had created at least one persona. Key question: "What do you wish you could do with personas that you currently can't?"
🗺
Journey mapping the designer
Mapped the end-to-end experience of creating a persona, from first click to sharing it with a client — revealing 6 points of friction nobody had explicitly reported.
💼
Sales call shadows
Joined 3 live sales calls to watch how the persona feature (or lack thereof) played out in real competitive demo situations.
🗺
Persona creation journey map
Screenshot of the journey map you created for the persona creation flow — showing the friction points you identified

The journey map revealed hidden friction

Mapping the persona creation experience end-to-end surfaced issues that users had simply accepted as normal — like having to scroll horizontally to see all their personas, or re-entering the same person's name across multiple journey maps.

These weren't things users mentioned in surveys because they'd stopped expecting better. Seeing the full journey made the opportunity much larger than the original brief.

03 — Insights & Opportunities

What the research actually told us

User quote — CX Manager, Financial Services

"I spend 20 minutes every time reformatting the persona card before I can put it in a client presentation. It never looks quite right."

🖼
Image flexibility is table stakes
82% of survey respondents used persona images. Half had run into upload issues. The expectation: any image format should work, and the cropping should be intelligent, not manual.
📏
Text overflow killed professional credibility
The single most-mentioned pain point. When a long job title or bio broke the card layout, users felt the whole product looked "unfinished."
♻️
Reuse across maps is essential
67% of users had multiple journey maps for the same customer type. They wanted a persona library — not to recreate "Emma, 34, Marketing Manager" from scratch every time.
🎯
The demo problem was real
Sales shadows confirmed it: prospects compared the persona card directly against TheyDo's during demos. The visual gap was immediately noticeable to non-designers.
Core design opportunity

Redesign the persona card to handle edge cases gracefully, look polished in presentation contexts, and introduce a global persona library so teams can manage personas as a first-class object — not just a journey map attachment.

04 — Design Inspiration

Looking beyond journey mapping tools

I deliberately looked outside the journey mapping category for inspiration, because every tool in the space had the same visual approach. Better references came from profile cards in HR tools, contact management in CRMs, and character sheets in collaborative writing tools.

🔭
Inspiration board
Your Figma inspiration board — showing profile card patterns from LinkedIn, Notion, Coda, Figma community files, or any other sources you referenced

What we borrowed and why

From LinkedIn: The "above the fold" hierarchy — photo, name, headline visible immediately without scrolling. Everything else secondary.

From Notion databases: The concept of a persona as a record that exists independently of any single page — queryable, filterable, reusable.

From Figma community cards: How to make a constrained card feel spacious through typography hierarchy rather than trying to fit everything at equal visual weight.

🏆
Competitor comparison
Side-by-side comparison of TheyDo and JourneyTrack persona cards vs the old Cemantica design — annotated with what each does well/poorly

Competitor gaps we could exploit

TheyDo had the best visual polish but persona fields were rigid — you couldn't add custom attributes without a workaround.

JourneyTrack allowed custom fields but the card layout got messy quickly. Neither solved the reuse across maps problem elegantly.

Our opportunity: flexible custom fields + clean card design + a proper global library. No competitor had all three.

05 — Iterations

From sketch to validated design

I ran three rounds of design exploration, testing each with 4–6 users including both existing customers and prospects who had evaluated Cemantica during the sales process.

🧪
Iteration 1
First concept — full-bleed image header with details below
Iteration 01
Full-bleed image card
Inspired by social profile cards — large image taking up the top half, details stacked below. Looked beautiful with good photos.

Problem: Fell apart with placeholder images or stock photos. "It looks great in your mockup but all our personas use LinkedIn screenshots." Also made the card too tall when there were many custom fields.
✕ Abandoned — image-dependent
🧪
Iteration 2
Side-by-side layout — circular avatar left, details right
Iteration 02
Sidebar avatar layout
Circular avatar on the left, name/role/details on the right. More compact. Works with any image quality.

What worked: Felt familiar and readable. Custom fields stacked naturally. Problem: The card width in Cemantica's journey map context was narrow — the side-by-side layout felt cramped at actual size. Users said it "looked like a contact list, not a persona."
~ Good structure, wrong context
🧪
Iteration 3
Final direction — stacked card with smart image handling and expandable fields
Iteration 03
Stacked card with smart truncation
Avatar at top-center, name and role below, custom fields in a clean list with smart truncation at 2 lines and "show more" expansion. Background colour auto-generated from the persona name if no image is provided.

Result: Tested with 5 users, including 2 prospects. One prospect said unprompted: "This looks on par with TheyDo now." We shipped this direction.
✓ Validated — shipped
06 — Final Design

A persona feature worth demoing

The final design shipped three connected improvements: a redesigned persona card, a global persona library, and a smarter image handling system. Together they addressed every friction point identified in research.

🖥
Final design — persona library view
Your best final screenshot — ideally the persona library/management view showing multiple persona cards in the grid layout
🎨
Auto-generated avatars
If no image is uploaded, the card generates a coloured avatar from the persona's initials — so every card looks intentional, never broken or empty.
📏
Graceful text truncation
All text fields truncate at 2 lines with an inline "show more" — cards stay uniform in height whether the bio is 5 words or 500.
🗂
Global persona library
Personas now exist as independent objects. Create once, attach to any journey map. Edit in one place, updates everywhere.
🧩
Custom fields
Teams can define their own persona attributes — goals, frustrations, tech stack, preferred channels — and reorder them by drag-and-drop.
✏️
Persona edit experience
Screenshot of the persona editing view — showing custom fields, image upload, and the real-time card preview side by side

The edit experience

We built a live preview panel into the edit modal — as you type, the card updates in real time on the right side. This eliminated the "I can't see how it will look" anxiety that the old experience created.

The custom fields editor lets teams add, remove, and reorder fields with drag-and-drop. Field types include text, number, tag list, and URL — covering the full range of what we saw in user research.

Reflection

The biggest unlock in this project was treating personas as first-class objects rather than journey map attachments. That single architectural decision — the global library — made almost every other improvement possible and set up future roadmap items like persona analytics and persona-based filtering of journey insights.

Next case study
KPI Tracking Feature →
All work