Booking flow prototype

The redesigned client journey — clickable, in walkthrough order. Calendly remains the scheduling & payment engine underneath; screens marked API assume light Calendly availability reads.

Booking flow · mobile 390px

M01 Topic pickerAll topics, with prices shown up front M02 Consultant choicePrice, expertise and next availability at a glance · API M03 Compare side by sideTwo consultants compared in detail · API M04 OptionsDuration, format, scheduling and service level — all priced M05 Time — calendarPick a date and time M06 Details & paymentContact details and payment — secured by Calendly M07 ConfirmationBooking confirmed, with what happens next M08 Consultant profileFull profile, with booking straight from the page · API M13 Consultant directoryBrowse or search all consultants · API

States & variants · mobile

M09 Single-consultant topicWhen one consultant covers the topic — Disputes M10 No availabilityWaitlist, switch consultant, or contact the firm · API M11 "What's Prime?" sheetPeak-hour scheduling, explained M12 Group Affiliation Code appliedHERITAGE15 — discount shown as a line item

Desktop lane · 1440px

D01 Topic picker D02 Consultant choice + inline compare · API D03 Options D04 Time — calendar (one tier at a time, Calendly-native) D05 Details & payment D06 Confirmation D07 Consultant profile · API D08 Consultant directory with search · API

States & variants · desktop

D09 Single-consultant topic — Disputes → Marco Ghini D10 No availability — waitlist, switch, or contact · API D11 "What's Prime?" modal — over the calendar D12 Group Affiliation Code applied — HERITAGE15, −$45 line item

Screens follow one sample booking: Citizenship · Antonio Cammarano · 60 min remote · Tue, Sep 8, 10:00 CET. Headshots are illustrative.