Sheet 00 · Index

Huntington Beach
Online Bookings wireframes.

Ten sheets covering the resident booking flow plus the internal staff queue (Direction A). A single-page Direction B sample is preserved at the bottom as an alternate visual direction — both kept side-by-side for comparison, not merged. Greybox fidelity — real layout and information architecture, not final visual design.

Set 01 v5 / 10 sheets + 1 alt Mobile-first · 375 px+ WCAG 2.1 AA targeted Status review
resident-facing staff-facing highlight sheet

Three highlight sheets

The pages where the product earns its keep — the live capacity filter, the buffer-rule calendar, and the extension-math page. Open these first.

I.

Direction A · Resident flow

01
Landinghome.html

Hero with search overlay — date, headcount, alcohol. Capacity-filter notice surfaces immediately when guest count rules out facilities.

resident
02
Facility listfacilities.html

Search results — filtered grid of facilities. Below-capacity venues collapsed under a disclosure, never silently hidden.

resident
03
Facility detailfacility-detail.html

Newland Barn — gallery, amenities, sticky booking panel, and the day-view calendar with visible 60 / 90-minute buffer hatching.

resident
04
Booking flowbook.html

Six-question form — date / time, alcohol, headcount, table setup, fence, BBQ. Live price breakdown. Stripe payment placeholder.

resident
05
Confirmationconfirm.html

Booking-pending state with full summary, status badge, add-to-calendar, and entry to extend / cancel.

resident
06
Extend bookingextend.html

Self-serve extend / shorten modal. The buffer math is the page — explained as a diagram, not a hidden rule.

resident
II.

Direction A · Staff flow

07
Approval queuestaff-queue.html

Pending bookings list with quick approve / reject inline. Alcohol and high-headcount flags visually surfaced.

staff
08
Single reviewstaff-approval.html

Full booking detail, customer history, payment authorization status, decision form, activity log sidebar.

staff
09
Finance exportstaff-finance.html

INOVA-bound line items — review, resolve missing accounting codes, push with audit log entry. Download CSV fallback.

staff
III.

Alternate direction

v2
Direction B — single-page samplewireframe-sample.html

A parallel design direction, kept side-by-side with the 10-sheet set above (Direction A) so reviewers can compare typography rhythm, hierarchy, and the search-card / hero treatment without merging the two.

alt

Internal review wireframes — not for public distribution · 2026-04-30 · Set 01 v5 · Direction A (10 sheets) + Direction B (alt sample)