top of page

Hotel dashboard
 Complex system interface

sahhh 1.png
A practical and intuitive interface for a complex hotel management system

The goal of this project was to design a hotel shift management system that improves workflow efficiency, streamlines decision-making, and provides real-time control across all hotel departments.

The result is a smart, data-driven dashboard designed specifically for a shift manager in a boutique hotel.
The system displays real-time information such as room occupancy, cleaning status, staff availability, urgent alerts, daily tasks, special guest requests, and the overall status of hotel facilities.

Through detailed UX research, user journey mapping, and interaction design, the system enables the shift manager to make confident, data-informed decisions while maintaining a clear and smooth workflow

Challenges, goals and Final UX/UI Definition
Challenges
  • Managing workload — overlapping guest requests, maintenance issues, and cleaning tasks.

  • Coordinating between multiple departments — reception, housekeeping, maintenance, restaurant, and spa.

  • Presenting large amounts of real-time data without overwhelming the user.

  • Tracking unusual events while handling ongoing daily tasks.

  • Provide the shift manager a clear overview of hotel activity.

  • Improve real-time decision-making.

  • Enhance collaboration and reduce overlap between departments.

  • Ensure a smooth, delay-free guest experience.

Goals
Key dashboard features
Close-up view
דשבורד.png
Room Occupancy

Displays the real-time status of every room in the hotel — ״available״, ״occupied״, ״check-in״, ״check-out״, ״cleaning in progress״, or ״under maintenance״.
This feature allows the shift manager to
instantly see how many rooms are available at any given moment and prioritize tasks for the housekeeping and front desk teams.
It eliminates the need to switch between multiple booking systems and provides immediate control over occupancy management

Frame 3.png
Room Cleaning Status

Displays in real time the cleaning status of each room:
״Clean״, ״In Cleaning Process״, or ״Requires Cleaning״.
Allows the manager to see at a glance how many rooms are ready for check-in and how many are still being cleaned.
Helps
improve coordination between Front Desk, Housekeeping, and Maintenance teams to maintain high room availability.

Frame 4.png
Frame 5.png
Hotel Facilities

Displays real-time status of all hotel facilities — "spa", "indoor pool", "gym", "parking lot", "restaurant", "and rooftop bar".
Shows which facilities are currently active, which have high occupancy, and which closed.
Provides
real-time visibility of guest load and usage levels.
Includes the operator’s contact number for each facility, allowing direct communication.
Also enables quick direct access to the "restaurant", "bar", and "spa" reservation pages.
Improves facility management efficiency and ensures continuous operation and high-quality guest service.

Frame 6-2.png
Status of On-Duty Staff

Shows the number of employees currently working in each department — "Housekeeping", "Front Desk", "Restaurant", "Spa", "Maintenance", and "Security".
Provides an
indication of staff shortages across departments.

allowing managers to allocate employees according to operational needs.
Helps
maintain balanced workforce distribution across departments during peak times.

Urgent Alerts

Displays all urgent events in real time — ״malfunctions״, ״booking cancellations״, ״shortages״, ״cleaning״, ״maintenance requests״ and more.
Can be filtered by status: Pending (awaiting action) or In Progress.

Allows direct task assignment — selecting the responsible department or a specific employee for handling the issue.
Assignments can be updated or reassigned, and tasks can be marked as Resolved once completed.
Streamlines workflow and ensures fast, accurate response to every critical incident.

Frame 7-2.png
Room Requests

Consolidates all special requests entered into the system — such as extra cleaning, special equipment, maintenance services, schedule changes, and more.
Provides
full management and control over all requests.
An blue eye icon next to each request allows the manager to open a detailed view showing who submitted the request, what is needed, and by when.
Requests can be filtered by floor, specific room, room type, or new requests.
Helps
maintain high service quality and smooth coordination between departments, ensuring no request is overlooked.

Frame 8-2.png
Today's Tasks

Displays the daily task list for the Shift Manager only.
Includes relevant contact details — for example, if there’s a meeting with a supplier or technician, their phone numberappears directly beside the task.
Allows the manager to easily add new tasks, mark tasks as completed once handled, and filter tasks by status: New or Completed.

Provides full control over priorities and real-time shift management, ensuring smooth and organized workflow throughout the day.

Frame 9.png

Main Dashboard Screen
The layout is structured according to a clear visual hierarchy, allowing the Shift Manager to focus first on urgent tasks or real-time events that require immediate attention.


The dashboard is designed for maximum usability and intuitive interaction, maintaining a clean and organized interface.
The color palette is intentionally kept soft and neutral, using pastel tones to
reduce eye strain during prolonged screen use.
All key information is displayed in real time, providing the manager with immediate situational
awareness and quick access to the most critical actions.

Another dashboard page
Event Calendar Management
Keep track of every event, meeting, and reminder - all in one organized view
עיצוב ללא שם-14.png
Key Features
Today's Events

Displays all events and tasks for the selected day in chronological order.
Allows filtering to view only today’s relevant reminders.
Each event includes contact details — for example, if there’s a meeting with a supplier, technician, or instructor, their phone number appears directly beside the event.
Helps the manager maintain full daily oversight and
prioritize tasks in real time, ensuring smooth and organized workflow throughout the day.

Frame 3-2.png
Monthly Events
Frame 4-2.png

Displays a comprehensive list of key events throughout the month, including holidays and scheduled vacations.
Gives the manager a
broader overview for upcoming weeks, helping to plan staffing and tasks accordingly.
A blue (+) “Add Event” button at the top allows quick and easy creation of new events.
Particularly useful for cross-department coordination around major events or peak periods.

 event calendar was designed with a user-centered approach, focusing on clarity, hierarchy, and accessibility.
Interactive elements and intuitive visual cues allow the manager to navigate, plan, and update events effortlessly.


The clean layout, consistent iconography, and neutral color palette support a seamless experience — helping users stay organized, informed, and in control at all times.

Design system
The design work was done in Figma
Fonts & typography
"RUBIK" light
"RUBIK" regular
"RUBIK" medium
"RUBIK" semi bold
Font sizes
size 12 body text
size 14 body text
size 15 body text
size 18 sub header
size 24 header
Color palette 
#16182B
#EFF2F3
#F3F3F3
#B1B1B1
#283F55
#939393
Font color
Header
#636363
Sub header
#636363
Body text
Disabled
#474343
#C4C4C4
Ⓒ  Some works displayed on this site may contain copyrighted material and used for educational purposes during studies at 6b studio as “fair use” and non profitable purposes.
bottom of page