TimeBridge

01User problem

Booking a time with someone sounds simple until the details pile up: whose time zone a slot is shown in, what happens around a daylight-saving change, which days actually have availability, and whether the confirmation says what you think you booked.

02My role

UX analysis of the booking flow, workflow design and interface refinement — focused on simplifying confusing booking interactions.

03The booking flow

The prototype follows a guest in Tokyo booking a 15-minute introduction with a host in Bengaluru, in three steps.

Booking: available days are marked on the calendar, and each slot is listed in the guest’s time with the host’s time beside it. A note says how far apart the two are (“Arjun’s time is 3h 30m behind”), and times switch between 12- and 24-hour.

Details: name, email and an optional note, next to a summary that repeats the chosen slot in both time zones.

Confirmation: what, when (in both time zones), who and where, with Google Calendar and .ics options.

Booking — calendar and time slots in the guest’s time, with the host’s time alongside. — 1 · Pick a date and time

Details — name, email and notes, with the slot in both time zones. — 2 · Add details

Confirmation — what, when in both time zones, who and where, with calendar options. — 3 · Confirmed

Booking step in the dark theme. — Dark theme · booking

Confirmation step in the dark theme. — Dark theme · confirmation

04On mobile

Booking on a phone — event details, time zone note and calendar. — Booking

Demo settings on a phone — guest time zone, host’s local time and network simulation. — Demo settings

Booking on a phone in the dark theme. — Dark theme