Hotel Dashboard.
The operator side of the Serenepass marketplace — a focused SaaS for hotels to publish offers, manage bookings, settle payouts and invite staff, without learning a new tool.
- Role
- UI/UX Designer
- Type
- SaaS Dashboard
- Module
- 02 of 04
- Tools
- Figma · Lovable · ChatGPT
An operator console, not a CRM.
Hotels already live inside PMS tools, WhatsApp threads, and spreadsheets. The dashboard had to slot in beside that workflow — fast to open, obvious where to act, and honest about money. Every screen earns its place against the four questions an operator asks daily: how many bookings, how much money, what needs my attention, and who can do what.
Off-peak revenue lives in inboxes.
Three people use this dashboard.
Owns the hotel account, manages staff, sees payouts.
Publishes offers, manages bookings, reads reports.
Confirms and checks in today's bookings — nothing else.
Six destinations, one sidebar.
Ten screens, one operator experience.
Each screen below earns its place in the daily workflow. Captions explain the decision, not the obvious.
Split-screen brand moment + EN/AR toggle and three value props establish the partner promise before any form work.
Four KPI tiles (Active Offers, Today's Bookings, Pending Actions, Total Sales) over a 7-day bookings line and a Serenepass-vs-Hotel revenue pie — the same numbers operators ask in standups.
List + advanced filter drawer (category · duration · date) above status tabs, so operators triage 50+ offers without leaving the page.
One long form grouped by intent (Basic Info · Location · Pricing · Free Services · Media · Terms · Duration). The Duration & Pricing matrix lets a hotel publish hourly → annual passes in one pass.
Status KPIs + tabbed table with inline confirm / cancel / refund actions — the operator never needs to open a row to act.
Customer, payment, and reservation cards with a commission-transparent payment block and a 3-step booking timeline; primary actions live in the page header.
Payout ledger with Gross · Commission · Net columns and a Download Statement primary CTA — exactly what finance teams export.
Sales, revenue, bookings and refunds KPIs, a 12-month revenue trend, a commission split block, and an offer-level performance table — one screen, three audiences.
Tabbed settings (Hotel Info · Staff · Payments · Notifications · Security) with a clean two-column layout for brand assets and contact.
Role-based access (Admin · Manager · Staff) with a permissions legend below the table so operators understand each role before inviting.
Six choices that shaped the console.
Active Offers, Today's Bookings, Pending Actions, Total Sales — the four numbers an operator opens the laptop for sit above the fold.
Confirm, cancel, refund happen directly in the bookings table. Opening a row is for context, not for action.
Gross, Serenepass commission %, and net sit side by side on every booking and payout — the same model surfaced to the guest is mirrored to finance.
Admin · Manager · Staff permissions live on the settings page itself, with a legend below the table, so hotels invite the right people the first time.
One form publishes hourly, day, weekly, monthly, and annual passes — the operator authors once and the marketplace handles the ladder.
Language switch persists across login, dashboard, forms and reports — not a settings-page afterthought.