Odia mobile app visual design board

Real UI mockups for Staff Mobile and ODIA Club

These are static phone-screen designs derived from the mobile design specs. Staff stays operational and advisor-facing; ODIA Club stays traveler-facing and revision-safe. Open this file directly or deploy the folder to Cloudflare Pages.

Staff Mobile Companion

9:41...

Today

Duty desk

SA
NowLaterIssues
12active services
4need review
2late updates
Villa pickup is at riskSupplier has not confirmed driver name.

Private transfer to Cap Ferrat

Louise Archer, 10:30, Hotel de Paris Monaco

Pending
SupplierAzur Drive
Next actionSend duty note

Lunch at La Colombe d'Or

Table for 4, terrace requested, 13:15

Ready
JourneyFrench Riviera
FilesMenu attached

Evening yacht boarding

Port Hercules, gate code required

Stale

Staff Today

Ops dashboard with risk, freshness, supplier state, and direct review entry.

9:41...

Messages

Review duty note

Draft
Azur DriveLinked to Private transfer
Supplier
Can you confirm the driver name and license plate for the 10:30 transfer to Cap Ferrat?
Draft: Hi Marco, please send the confirmed driver details for Louise Archer's 10:30 pickup.

Guardrails

Journey contextFrench Riviera, current service only
Valid
Traveler dataNo traveler phone included
Safe

Staff Reviewed Messaging

Outbound action is deliberate, linked, and bounded by journey/service context.

ODIA Club

9:41...

ODIA Club

French Riviera

LA

Monaco to Saint-Jean-Cap-Ferrat

Day 3. Your next confirmed moment is 10:30.

Today's documents are readyReservation PDF and marina notes.

Private transfer to Cap Ferrat

Meet your driver at the hotel main entrance. Vehicle details will appear when confirmed.

10:30Hotel de ParisMap available

Lunch at La Colombe d'Or

Terrace table requested. The restaurant has your party of four confirmed.

13:15Confirmed

Club Today

Traveler-safe highlights, no staff workflow leakage, next action made obvious.

9:41...

Itinerary

Day by day

Saved
Mon18
Tue19
Wed20
Thu21
Fri22

10:30 Private transfer

Hotel de Paris Monaco to Grand-Hotel du Cap-Ferrat. Estimated drive is 38 minutes.

Open mapDriver pending

13:15 Terrace lunch

La Colombe d'Or will hold your table for 15 minutes after arrival time.

ReservationDress code

Trip support

Your advisor can help with timing, transport, and booking questions for this journey.

Club Itinerary

Revision-aware cards show only approved traveler fields and clean fallback states.

How this relates to the Markdown specs

The Markdown files remain the implementation contract. This HTML file is the visual UI design layer that was missing: phone screens, layout, hierarchy, color, navigation, and state presentation.