CASE STUDY 05 · B2B PLATFORM

HR Tech with Empathy

A three-sided platform connecting employees, managers, and experts around life's biggest moments — designed so each side sees exactly as much as it needs to.

Villyge dashboard, notifications, and topic picker, desktop and mobile

Role

UX/UI Designer

Focus

· Three-sided marketplace
· Information architecture
· Trust & privacy design

Methods

· User flow mapping
· Stakeholder interviews
· Iterative prototyping in Figma
· Usability testing (empathy mapping)

01 — THE PROBLEM

Managers are asked to lead through their employees' hardest moments — with no training and no visibility.

44%

of managers rank combating team burnout and balancing workloads as their #1 challenge — with no training for the personal moments underneath it.

Humu, State of the Manager Report, 2022

49%

of employees have quit a job because their boss wasn't empathetic to what was happening in their personal life.

EY, Empathy in Business Survey, 2021

Neither side had a system for this; they had improvisation.

02 — THE SYSTEM

Mapped early, to see what we'd miss.

While still working through wireframes, we mapped this flow end-to-end, prioritizing the employee-expert interaction first. It carries the most sensitivity of any exchange in the product.

03 — EMPLOYEE

Sharing something real, without it feeling like a form.

Employees needed two different things here: a way to let the right people know something was going on without over-explaining it, and a way to find support that actually matched their situation — quickly, without guessing which category fit.

Sharing what's happening

Sharing a life event is meant to feel like a safe space, not a task to manage alone. What Villyge takes over is the daunting part — telling the manager, and equipping them with guidance for that specific situation.

Dashboard overview, desktop and mobile

Booking an expert

From there, the flow narrows fast: pick a category, get matched to an expert, pick a time. Three steps, no dead ends.

Category

The employee picks a category — the kind of support they're looking for.

Expert

They're matched to an expert based on that category.

Date & time

They pick a time that works — sooner if it's urgent.

After the session

The thread with an expert stays put, and the same event feeds a content library and the option to keep working with that expert going forward.

My Conversations, desktop and mobile
04 — EXPERT

Running their own practice, not filling someone else's slots.

Experts needed to feel like they were running their own practice inside the platform, not just filling slots someone else controlled. So they got their own availability, a synced calendar, a full client list, and their own to-do list — the same idea as the manager's checklists, but one they fill in themselves.

Setting availability

Experts set their own hours and sync them against a personal calendar, so Villyge never double-books them.

Expert availability and calendar, desktop and mobile

Switching views

Experts move between month, week, and day without losing context.

Day

Zoom into a single day for hour-by-hour detail.

Week

Line up sessions day by day across the working week.

Month

See the whole month at a glance to spot open stretches.

Client conversations

Clicking into a client opens their conversation thread alongside a private notes panel — a folder only the coach can see. In usability testing, coaches asked for a way to lock that folder further, so it can optionally be protected with its own password, separate from account login.

Client conversation and private notes, desktop and mobile
05 — MANAGER

Enough to notice. Enough to act.

This is the real design problem in the whole product: a manager needs to know enough to act — send a check-in, adjust a deadline — without ever seeing the private detail an employee disclosed. The dashboard surfaces a nudge and an action; it never surfaces the note itself.

Manager's dashboard

The dashboard reads like a feed: each teammate's moment — a birthday, a new life event, a training reminder — paired with a single next action, like sending a reminder or opening a checklist. It's built to surface what to do, never the private note behind it.

Manager dashboard

Manager checklist

Clicking "See Checklists" from a dashboard nudge opens a step-by-step guide for that exact life event — staged from the moment a manager finds out through the employee's return.

Stages

Milestones from first notice to return.

Progress

Complete vs. overdue, at a glance.

Templates

Email drafts ready for each life event stage.

Guidance

A separate tab holds short guides on every life event a manager might face — pregnancy, adoption, elder care, loss, and more — so a nudge always has somewhere deeper to send them.

Manager guidance library and article view
06 — VALIDATION

Real users, reacting to the flows we shipped.

Before shipping, we ran three moderated usability sessions on the live product. Each participant walked through the same core path: onboarding, sharing a life event, finding and booking a coach, then reviewing their sessions afterward.

Rather than treating each session as a one-off list of feedback, we mapped every session into an empathy map, split into four parts:

Splitting it this way let patterns across participants surface quickly — instead of getting lost in three separate sets of notes.

One session, mapped

Lisa's "Finding an expert flow" session surfaced the most actionable insights of the three — several of the conclusions below shipped directly as a result.

Facts

  • Didn't recognize the tooltip as an interactive element.
  • Said the sleep icon didn't fit the subtopics it represented.
  • Couldn't find how to open an expert's profile from the experts list.
  • Tried to change a selected time slot, but didn't realize she had to click "go back" to do it.
  • After adding an expert, she got curious about where the session would take place.

Quotes

  • “If I need a coach, I will hire him.”
  • “How can I hire an expert for my kids?”

Emotions

  • Curious.
  • Suspicious.

Conclusions

  • Rethink the sleep icon and subtopic sequence.
  • Emphasize the CTA click on the expert card.
  • Make the selected time slot look editable, or rename "go back" to "change time and date."
  • Consider how users can share the platform with their whole family.
  • After adding an expert, confirm in the notification that the session was added to their calendar.

The hardest part wasn't the interface — it was deciding exactly what each side of this relationship gets to see.

Villyge shipped as a B2B benefits platform with three live sides — employee, manager, and expert — each running on the same underlying event, filtered to what that person is actually allowed to know.

Next project

Airline Ticket Search, Mobile Redesign