Task Flow Mickael Rutembya · Flow Atlas

Office Hours Detail

/office-hours/

Atomic steps for a visitor to view office hours slots and book a session.

Task intent

What the user is trying to do

« Find an available office hours slot and book a session with the team. »

Entry points

ElementDestination
Nav link Office Hours/office-hours/
Home CTA Book office hours/office-hours/
Programme CTA Discuss/office-hours/

Flow

Adjacent routes — click a node to open it.taskflow
flowchart TD A["Start: visitor opens office hours"] --> B["/office-hours/"] B --> C["View available slots"] C --> D{"Slot available?"} D -->|Yes| E["Select slot"] E --> F["Fill booking form"] F --> G["Submit booking"] G --> H["Confirmation email sent"] H --> I["End: session booked"] D -->|No| J["Check later or contact"] J --> K["/contact/"] K --> I click B "https://mickael-umt.com/office-hours/" "Open Office Hours" click I "https://mickael-umt.com/office-hours/" "Open Office Hours" click K "https://mickael-umt.com/contact/" "Open Contact"

Step inventory

IDStepActionSystem state
S1Open slotsNavigate to office hoursSlots loaded
S2ReviewScan available timesNo state change
S3SelectChoose a slotSlot reserved temporarily
S4BookEnter details and submitBooking created
S5ConfirmReceive confirmationEmail queued

Flow scenario

Scenario OH2

Prospect books a discovery office hour

Trigger

  • Visitor clicks office hours from nav
  • Wants a quick 30-minute discovery call

Experience

  1. Office hours page loads with available slots.
  2. Visitor selects a slot and enters contact details.
  3. Submits booking and receives confirmation email.
  4. Calendar invite is sent.

Trust and safety rules

  • Booking is time-limited; slot released if not confirmed.
  • Email is verified before calendar invite.
  • Cancellation link is included in confirmation.

Interaction rules

  • Slot selection is atomic; no double-booking.
  • Form validated client-side before submit.
  • Confirmation email sent immediately.

Result states

StateWhat the user seesWhat happens next
SlotsAvailable time slotsUser selects slot
FormBooking form with selected slotUser submits
ConfirmedSuccess message and emailUser attends session
UnavailableNo slots messageUser contacts or waits