← All cases

02 · B2B · SaaS · Web · UX Research · Product Design

TimeManager — a meeting scheduling platform

How to turn 5–10 minutes of back-and-forth into one short flow: a manager creates a meeting with colleagues or a candidate and instantly sees who is free.

Web, desktopUX ResearchUser FlowAnt Design

Concept, 2026Solo project≈ 1 weekFigmaGPT, Claude

5 → 3 steps

−40% in the meeting creation flow

5–10 → 2–3 min

per meeting, no emails

01Role and format

My role

Role
Product / UX-UI Designer
Format
Self-initiated project
Timeline
≈ 1 week: from idea to hand-off
Platform
Web, desktop

What I did

Process analysisPersonasCJMUser flowError pathsIAWireframesUIPrototypesUI kitDev hand-off

Tools

FigmaFigJamAnt DesignFigma AIClaudeGPTGemini

02Context and task

Problem

I noticed how much time goes into simply agreeing on a meeting and decided to design a solution myself. Meetings with colleagues and candidates are arranged over email and messengers: a manager suggests a time, someone can’t make it — and a new round of messages begins.

5–10 min

to agree on every meeting

5 steps

and back-and-forth in email and chats

Overlaps

meetings clash and get rescheduled

3+ tools

calendar, email, messenger — all scattered

The task

Bring everything a meeting needs into one interface — participants, their availability and confirmation — so people can agree without email or messengers.

Before: 5 steps and 5–10 minutes. After: 3 steps and 2–3 minutes

03Who it’s for and why

Goals & audience

  1. 1

    Simplify booking

    One form instead of a chain of emails and calls.

    SimplicityOne screen

  2. 2

    Cut the time

    From 5–10 minutes down to 2–3 minutes per meeting.

    TimeNo back-and-forth

  3. 3

    Clear without training

    Familiar calendar and Ant Design patterns — nothing to explain.

    PatternsHints

Who uses it

ManagersDesignersIT teamsDevelopersHRAged 18–55

What matters to them

Book a meeting fast, skip the messaging and be sure the invitation reached everyone.

04Market, personas and CJM

Research

First I looked at how meetings are scheduled today, then defined the user roles and mapped a CJM for each.

How meetings are scheduled today

I compared plain email with 5 popular tools: how much active time the organiser of a 3–4 person meeting spends, and whose availability they can see. It’s faster wherever availability is visible — but no tool shows it for every participant at once.

How to read:the dark part is the minimum time, the light part is the maximum.

No toolToolsTimeManager

ToolActive time, minTimeWhose availability is visible

Email / messenger 5–10 min Nobody’s
Outlook 2–3 min + waiting Only colleagues in the company
Google Calendar 1–3 min Only colleagues in one Workspace
Calendly ≈ 1 min Only the organiser’s
Motion ≈ 1 min Only the team inside Motion
Notion Calendar (Cron) ≈ 1 min Only Google accounts
TimeManager 2–3 min Every participant, right in the form

Why 2–3 minutes

The tools are faster because they solve only part of the job: Calendly shows one organiser’s free time, Google and Outlook only show colleagues inside the company. As soon as a candidate or an external guest joins, it’s back to emails: 5–10 minutes and a risk of rescheduling.

In TimeManager everyone’s availability is visible right in the form, and the review screen adds a minute but saves a second round of emails.

Sources: Doodle — ~8–10 min per meeting scheduled by email; Calendly, State of Scheduling 2023 — 1 in 4 people spend 3–4 hours a week scheduling. Times for the tools are my estimate for a 3–4 person meeting.

What TimeManager takes into account:

Availability of every participant, including externalThe nearest time that’s free for everyoneReview before sending — no follow-up emailsNo links or polls

I defined two roles with different jobs. One person creates the meeting, the other receives it — and the interface has to work for both.

Personas: Anna, Product Manager, and Mike, Lead Designer

Then I mapped a CJM for each role — stage by stage, with the happy and the error path. Below is the key takeaway from each.

Shared takeaways for both roles

  1. 1

    The calendar is the home screen

    A manager returns to it dozens of times a day — users shouldn’t be sent away to separate pages.

    InsightNavigation

  2. 2

    One mistake shouldn’t cost the whole form

    A typo in a name or a busy slot — fix one field and move on.

    InsightErrors

05Core principle and scenarios

User flow

Core principle

A calendar plus one main button

The calendar is the home screen. Everything else lives on top of it, so people never lose context — even if they make a mistake or change their mind.

  • Meeting form → opens on top of the calendar
  • Event details → in a side panel, no page change
  • After sending → back to the grid, the meeting is already there

Anna · Product ManagerCreates a meeting

Never leaves the calendar

Anna never leaves the calendar: the form opens on top, and guest availability is visible right in the form. After sending she’s back in the grid and sees the new meeting straight away.

  1. 1Calendar
  2. 2“Create”
  3. 3Form
  4. 4Review
  5. 5Done

Mike · Lead DesignerReceives and accepts

Accept — 1 click

Mike doesn’t have to look for anything: the invitation is already in his calendar, details open in a side panel, and he can accept the meeting in one click.

  1. 1Notification
  2. 2Meeting in the grid
  3. 3Details
  4. 4“Accept”
Anna’s user flow: create a meeting — happy path and recovery from errors
Mike’s user flow: receive and accept a meeting — happy path and recovery from errors

06Problem → solution → result

Key decisions

Each decision follows “problem → solution → why → result”.

1

Calendar — three zones on one screen

SidebarGridHeader

Problem

To check meeting details or the day’s plan, people had to jump between screens and lose context.

Solution

Sidebar (today’s plan + filters by type) · calendar grid · header with navigation, search and the “Create” button. Event details open in a panel, without leaving the page.


Why

Colour labels by type (meeting, task, deadline) read faster than text, and the details panel keeps you on the screen.

Result

Any action — create, find, view — is one click away on one screen.

Calendar screen: sidebar, header and grid
2

A meeting form with no extra actions

Date & time in one rowGuest availabilityAutocomplete

Problem

In typical forms date, time and time zone are scattered, and availability has to be checked somewhere else.

Solution

Date, start, end and time zone in one row. A “Consider guest availability” checkbox. Autocomplete for colleagues. Repeating meetings. “Back” closes the form without losing context.


Why

Meeting time is a single object and should be seen as a whole. Checking availability inside the form removes the very reason for back-and-forth.

Result

The whole meeting comes together on one screen, without hunting for a slot in other tools.

Meeting form with five callouts
3

Errors that don’t break the form

6 states100/100Free time

Problem

One error in a field often resets the whole form or only shows up after submitting.

Solution

Empty required fields → a hint right under the field. A title over 100 characters → a 100/100 counter. A busy participant → the nearest time free for everyone. Save failed → a red toast, the data stays.


Why

People fix one field and move on — without losing what they already entered.

Result

All 6 errors were designed before development, and none of them resets the entered data.

6 form errors and a save error: no data is lost
4

Review before sending, then back to context

Review screenToastsBack to calendar

Problem

An invitation with a wrong time goes to every participant — and a new round of messages begins.

Solution

A “Data verification” screen shows everything before “Schedule”. Success → calendar, the meeting is already in the grid, green toast. Error → stay on review, red toast.


Why

A separate “Done” screen is an extra step. The best confirmation is seeing your meeting in the calendar.

Result

Typos are caught before sending, and after success people are right back in their working context.

Data verification: success and error branches after “Schedule”

07UI kit on Ant Design

Design system

I built on Ant Design: ready-made inputs, date pickers and selects speed up both design and development. The time saved went into UX logic.

  1. 1

    Tokens

    Colours, Roboto typography, spacing and radii — one base for every screen.

    ColoursRobotoSpacing

  2. 2

    Components

    Inputs, date pickers, selects, toasts — built on Ant Design with my own styles.

    Ant DesignVariants

  3. 3

    States

    Default, hover, focus, filled, error, disabled — for every form field.

    DefaultFocusError

UI kit based on Ant Design: tokens and field states

08Calendar, form, review

Final UI

A meeting in 3 steps — without leaving the calendar

09What changed and what’s ready

Results

In one week — from the problem to a flow ready for development: what changed for the user and what’s ready.

Before → after

Steps to a meeting

53

Time per meeting

5–10 min2–3 min

Tools to agree on a time

3+1

About the numbers: the product wasn’t launched, so this is a scenario-based estimate, not a measurement.

Ready for development

  • 2 personas and 2 CJMs: who creates the meeting and who receives it
  • A user flow with 4 error branches and a way out of each
  • 6 form error states
  • A UI kit on Ant Design: tokens and 6 field states
  • Final screens: calendar, form, review

10Takeaways and next steps

Reflection

One extra click or an unclear error is enough to send people back to email. The simpler the flow, the more it actually gets used. The short timeline (≈ a week) made me pick the essentials early: one key flow and its errors.

What I’d do differently

  1. 1

    Show the flow to people sooner

    A quick test on wireframes would have caught the weak spots before the UI was drawn.

    Early testing

  2. 2

    Define metrics up front

    Time to create a meeting and the share of reschedules — then the result would be a measurement, not an estimate.

    UX metrics

  3. 3

    Design rescheduling and cancelling

    The flow ends at sending, but in real life meetings are often moved and cancelled.

    Edge cases

Next steps

What I’ll do

How I’ll know it worked

1
Usability test with 5 managers

Task: create a meeting with three colleagues, one of whom is busy. I watch the time, the errors and where people hesitate.

Meetings get created in under 3 minutes, without hints

2
Google Calendar and Outlook integration

Availability comes from the calendar people already use, and the invitation lands there too — no moving meetings by hand.

No complaints like “I can’t see the meeting in my calendar”

3
Invitation status and reminders

The organizer sees who received and accepted the invitation. Participants get a reminder before the meeting.

The organizer never has to ask “did you get the invite?”

4
Mike’s mobile flow

Accept, decline or propose another time right from the notification on the phone.

Replying to an invitation takes one action

Liked this case?

I’m happy to walk you through the process and decisions — get in touch.

Discuss a project

Other cases

Spending Coach — AI explains where the money went Spending Coach — AI explains where the money went
FitFem — home workouts for girls FitFem — home workouts for girls Case coming soon
Order Routing — logistics control panel Order Routing — logistics control panel Case coming soon