IOS Subsystem
7 Screens
Auto-clustered subsystem with 7 screen nodes
Guest Welcome & Concierge PortalLive AI Voice Concierge DeskLobby Tablet Kiosk & Vision RadarMobile Guest Pass, Valet & SpaHospitality Backoffice & ReservationsGuest Folio & Billing Settlement
+1 more
FRAME 01
WEB
Guest Welcome & Concierge Portal
GRAND HOTEL LOBBY & WEB PORTAL · 08:30 AM
SCREEN
https://receptionist-ai.web.app/
1440x900pt
Guest activates Start Live Voice Intake to begin AI concierge session.
Inspect AST (4 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.welcome.btn_call_ai | button | 300x56 | Begin live AI voice concierge session |
| receptionist.welcome.btn_kiosk | button | 200x44 | Open lobby tablet kiosk and vision radar |
| receptionist.welcome.btn_backoffice | button | 180x44 | Open hospitality backoffice ledger |
| receptionist.welcome.btn_explainer | button | 440x44 | Explain to a regular person how all of this is very useful |
STEP 1
CLICK [1]
Live AI Voice Concierge Desk
FRAME 02
WEB
Live AI Voice Concierge Desk
FULL-DUPLEX VOICE RECEPTION DESK · 08:32 AM
SCREEN
https://receptionist-ai.web.app/reception/gemma-test
1440x900pt
Guest un-mutes microphone and requests oceanfront suite availability.
Inspect AST (3 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.intake.btn_toggle_mic | button | 64x56 | Mute or unmute guest microphone |
| receptionist.intake.btn_confirm_booking | button | 240x56 | Confirm hotel suite reservation |
| receptionist.intake.btn_end_call | button | 160x56 | Terminate live concierge session |
STEP 2
CLICK [2]
Live AI Voice Concierge Desk
FRAME 03
WEB
Lobby Tablet Kiosk & Vision Radar
MARBLE FOYER TABLET PEDESTAL · 09:15 AM
SCREEN
https://receptionist-ai.web.app/reception/gemma-test/kiosk
1024x768pt
Inspect AST (3 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.kiosk.btn_vision_scan | button | 260x52 | Run AI vision radar scan for returning VIP arrival |
| receptionist.kiosk.btn_issue_badge | button | 260x52 | Issue digital room passkey to guest phone |
| receptionist.kiosk.btn_reset_session | button | 160x44 | Reset tablet kiosk session and return to welcome portal |
STEP 3
CLICK [3]
Live AI Voice Concierge Desk
FRAME 04
IOS
Mobile Guest Pass, Valet & Spa
GUEST IPHONE 16 PRO AT VALET PLAZA · 11:45 AM
SCREEN
9:41
Inspect AST (3 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.mobile.btn_request_valet | button | 342x52 | Dispatch valet attendant to retrieve EV vehicle to VIP Plaza |
| receptionist.mobile.btn_book_spa | button | 342x52 | Reserve hydrotherapy thermal suite session |
| receptionist.mobile.btn_return_portal | button | 342x48 | Return from mobile guest pass to main concierge portal |
STEP 4
CLICK [4]
Guest Welcome & Concierge Portal
FRAME 05
WEB
Hospitality Backoffice & Reservations
FRONT OFFICE OPERATIONS COCKPIT · 02:00 PM
SCREEN
https://receptionist-ai.web.app/backoffice
1440x900pt
Inspect AST (3 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.backoffice.btn_check_in | button | 140x44 | Authorize guest room check in |
| receptionist.backoffice.btn_billing | button | 180x44 | Navigate to guest billing folio |
| receptionist.backoffice.btn_return_welcome | button | 180x44 | Return to welcome screen |
FRAME 06
WEB
Guest Folio & Billing Settlement
EXECUTIVE CHECKOUT FOLIO ENCLAVE · 04:10 PM
MODAL
https://receptionist-ai.web.app/backoffice#folio
600x540pt
Inspect AST (2 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.billing.btn_charge | button | 240x52 | Charge authorized credit card on file |
| receptionist.billing.btn_close | button | 80x44 | Close billing settlement modal |
FRAME 07
WEB
Plain-Language Regular-Person Explainer
ON-DEMAND PLAIN-LANGUAGE ASSISTANT · ANYTIME
MODAL
https://receptionist-ai.web.app/#explainer
640x480pt
Inspect AST (1 Nodes)
| ID | KIND | BOUNDS | ACCESSIBILITY LABEL |
|---|---|---|---|
| receptionist.explainer.btn_dismiss | button | 260x48 | Dismiss plain-language explainer modal |
