Urban Oasis
Urban Oasis
Urban Oasis
Complex System Design
Complex System Design
Complex System Design
Hotel Shift Management Dashboard
Hotel Shift Management Dashboard
Hotel Shift Management Dashboard
UX/UI Designer
UX/UI Designer
2025
2025
Academic Project
Academic Project
Figma
Figma
01
01
01
Overview
Overview
Overview
The project is a shift management dashboard designed for hotel shift managers, built as part of a UX/UI course project based on a given brief
The project is a shift management dashboard designed for hotel shift managers, built as part of a UX/UI course project based on a given brief
The focus designing a complex, multi-system interface with an added screen of our choice, from within the system
The focus designing a complex, multi-system interface with an added screen of our choice, from within the system
02
02
02
The Brief
The Brief
The Brief
8
8
Departments
Departments
Reception
Reception
Bar
Bar
Housekeeping
Housekeeping
Restaurant
Restaurant
Maintenance
Maintenance
Spa
Spa
Security
Security
Management
Management
40
40
Rooms across 5 floors
Rooms across 5 floors
24
24
Double
Double
10
10
Family
Family
6
6
Suites
Suites
8
Departments
Reception
Restaurant
Security
Management
Maintenance
Spa
Bar
Housekeeping
40
Rooms across 5 floors
24
Double
10
Family
6
Suites
System Objectives
System Objectives
System Objectives
Ensuring a seamless, high-quality guest experience
Coordinating operations across all departments
Rapid identification and resolution of issues
Ensuring a seamless, high-quality guest experience
Coordinating operations across all departments
Rapid identification and resolution of issues
Ensuring a seamless, high-quality guest experience
Coordinating operations across all departments
Rapid identification and resolution of issues
Shift Manager Goals
Shift Manager Goals
Shift Manager Goals
Maintain full visibility over all shift activity
Make fast, informed decisions in real-time
Be the last line of accountability for the guest experience
Maintain full visibility over all shift activity
Make fast, informed decisions in real-time
Be the last line of accountability for the guest experience
Maintain full visibility over all shift activity
Make fast, informed decisions in real-time
Be the last line of accountability for the guest experience
03
03
03
04
04
04
Competitive Analysis
Competitive Analysis
Competitive Analysis
I analyzed existing tools to identify gaps and opportunities in hotel shift management
I analyzed existing tools to identify gaps and opportunities in hotel shift management
ShiftNote
ShiftNote
ShiftNote
A daily log and communication platform for hospitality managers
A daily log and communication platform for hospitality managers
✓
✓
✓
Clear shift logging and handoff documentation
Simple, accessible interface for non-technical staff
Clear team accountability and shift handoffs
Clear shift logging and handoff documentation
Simple, accessible interface for non-technical staff
Clear team accountability and shift handoffs
Clear shift logging and handoff documentation
Simple, accessible interface for non-technical staff
Clear team accountability and shift handoffs
✗
✗
✗
No real-time operational visibility
Lacks cross-department coordination tools
No alerts or emergency management features
No real-time operational visibility
Lacks cross-department coordination tools
No alerts or emergency management features
No real-time operational visibility
Lacks cross-department
coordination tools
No alerts or emergency management features
Cloudbeds
Cloudbeds
Cloudbeds
A comprehensive hotel management system for hotels
A comprehensive hotel management system for hotels
✓
✓
✓
Strong room and reservation management
Multi-department coverage in one platform
Robust reporting across revenue and occupancy
Strong room and reservation management
Multi-department coverage in one platform
Robust reporting across revenue and occupancy
Strong room and reservation management
Multi-department coverage in one platform
Robust reporting across revenue and occupancy
✗
✗
✗
✗
Overwhelming for a single shift manager
No shift-specific view or prioritization
Alert and emergency tools are minimal
Overwhelming for a single shift manager
No shift-specific view or prioritization
Alert and emergency tools are minimal
Overwhelming for a single shift manager
No shift-specific view or prioritization
Alert and emergency tools are minimal
05
05
05
UX Focus
UX Focus
UX Focus
Dashboards are often overwhelming, too much information, too little hierarchy
Users scan before they read, and under pressure, they rely on visual patterns rather than text
Dashboards are often overwhelming, too much information, too little hierarchy. Users scan before they read, and under pressure, they rely on visual patterns rather than text
Designing for a shift manager means designing for pressure
Designing for a shift manager means designing for pressure
These principles shaped every design decision
These principles shaped every design decision
Clarity over completeness - Every element has a clear hierarchy so the manager can absorb information instantly, not search for it
Clarity over completeness - Every element has a clear hierarchy so the manager can absorb information instantly, not search for it
Real-time awareness - Alerts, room status, and staff availability are always visible without navigating away
Real-time awareness - Alerts, room status, and staff availability are always visible without navigating away
Reduced cognitive load - Information is grouped by context, so the manager can focus on what matters right now
Reduced cognitive load - Information is grouped by context, so the manager can focus on what matters right now
Fast action - Critical decisions require minimal clicks
Fast action - Critical decisions require minimal clicks
06
06
06
The Challenge
The Challenge
The Challenge
Managing 8 departments simultaneously means constant information overload. The core challenge was making everything accessible without making it overwhelming
Managing 8 departments simultaneously means constant information overload. The core challenge was making everything accessible without making it overwhelming
Information Overload - Surfacing parallel tasks across departments without cluttering the interface
Information Overload - Surfacing parallel tasks across departments without cluttering the interface
Information Overload - Surfacing parallel tasks across departments without cluttering the interface
Balancing Depth - Deciding what demands immediate visibility and what belongs in secondary layers
Balancing Depth - Deciding what demands immediate visibility and what belongs in secondary layers
Balancing Depth - Deciding what demands immediate visibility and what belongs in secondary layers
Hierarchy Under Pressure - Designing for a user who scans, not reads, ensuring the most critical information catches the eye first
Hierarchy Under Pressure - Designing for a user who scans, not reads, ensuring the most critical information catches the eye first
Hierarchy Under Pressure - Designing for a user who scans, not reads, ensuring the most critical information catches the eye first
07
07
07
Persona
Persona
Persona
Daniela, 32, Shift Manager at Urban Oasis
Her goal is maintaining "The Perfect Routine" in a high-pressure environment
Daniela, 32, Shift Manager at Urban Oasis
Her goal is maintaining "The Perfect Routine" in a high-pressure environment
Key Challenges
Key Challenges
Chaos Control - Managing last-minute changes across 8 departments
Chaos Control - Managing last-minute changes across 8 departments
Information Gaps - Needs room status and team workload at a glance
Information Gaps - Needs room status and team workload at a glance
Cognitive Overload - Needs a tool that simplifies, not adds noise
Cognitive Overload - Needs a tool that simplifies, not adds noise
Needs
Needs
Real-time alerts for critical issues
Real-time alerts for critical issues
Quick shift handoff with a clear summary
Quick shift handoff with a clear summary
Immediate response tools for emergencies
Immediate response tools for emergencies
08
08
08
Visual Language
Visual Language
Typography
Inter
Aa
Regular Semi Bold Bold
clean and highly legible, designed specifically for screen readability
Color Palette
#FFFFFF
#F4F4F4
#E7E7E7
#DEDEDE
#B4B4B4
#4C4946
#9384FD
A neutral base with a single purple accent, keeping the interface calm and focused
#3783DD
#47C85E
#FAD591
#E75656
Status colors follow universal conventions for instant recognition of critical situations
Typography
Inter
Aa
Regular Semi Bold Bold
clean and highly legible, designed specifically for screen readability
Color Palette
#FFFFFF
#F4F4F4
#E7E7E7
#DEDEDE
#B4B4B4
#4C4946
#9384FD
A neutral base with a single purple accent, keeping the interface calm and focused
#3783DD
#47C85E
#FAD591
#E75656
Status colors follow universal conventions for instant recognition of critical situations
Typography
Inter
Aa
Regular Semi Bold Bold
clean and highly legible, designed specifically for screen readability
Color Palette
#FFFFFF
#F4F4F4
#E7E7E7
#DEDEDE
#B4B4B4
#4C4946
#9384FD
A neutral base with a single purple accent, keeping the interface
calm and focused
#3783DD
#47C85E
#FAD591
#E75656
Status colors follow universal conventions for instant recognition of
critical situations
Visual Language
09
09
09
From Wireframe to Design
From Wireframe to Design
From Wireframe to Design
The dashboard went through several wireframe iterations before reaching its final form each round focused on refining hierarchy and reducing visual noise
The dashboard went through several wireframe iterations before reaching its final form each round focused on refining hierarchy and reducing visual noise
10
10
10
Final Design
Final Design
Final Design
Main Dashboard
Main Dashboard
A real-time operational overview of all hotel activity during the shift
A real-time operational overview of all hotel activity during the shift
Rooms View
Rooms View
showing real-time status, checkout times, and assigned staff at a glance
showing real-time status, checkout times, and assigned staff at a glance
11
11
11
Feature Highlights
Feature Highlights
Feature Highlights
Tasks & Staff Status
Tasks & Staff Status
Managing a team means constantly switching between "how is everyone doing?" and "what is this specific person working on?" Instead of two separate views, both are accessible from the same panel, because in practice, these questions are always connected
Managing a team means constantly switching between "how is everyone doing?" and "what is this specific person working on?" Instead of two separate views, both are accessible from the same panel, because in practice, these questions are always connected
Notifications Panel
Notifications Panel
A shift manager can't afford to lose context every time an alert comes in. By keeping the panel as an overlay on the dashboard, she stays oriented in the full picture while handling individual issues, avoiding the disorientation of navigating away
A shift manager can't afford to lose context every time an alert comes in. By keeping the panel as an overlay on the dashboard, she stays oriented in the full picture while handling individual issues, avoiding the disorientation of navigating away
Room Detail Panel
Room Detail Panel
A room isn't just a number, it carries guest history, pending tasks, and active alerts. Not all of this information belongs on the main dashboard, but it needs to be instantly reachable when needed.
A room isn't just a number, it carries guest history, pending tasks, and active alerts. Not all of this information belongs on the main dashboard, but it needs to be instantly reachable when needed.
12
12
12
Usability Test
Usability Test
Usability Test
The Goel
To test the "Zero Learning Curve" of the system ensuring the dashboard is intuitive enough for a first-time user to operate without prior training
The Goel
To test the "Zero Learning Curve" of the system ensuring the dashboard is intuitive enough for a first-time user to operate without prior training
Methodology
I conducted guerilla usability testing with a non-expert participant. The sessions were recorded and analyzed to track navigation patterns and identify cognitive friction
Methodology
I conducted guerilla usability testing with a non-expert participant. The sessions were recorded and analyzed to track navigation patterns and identify cognitive friction
Key Insights
High Learnability The user completed core tasks (like room assignment) in under 2 minutes despite no hospitality background
Visual Clarity Color-coded status indicators were identified instantly, validating the visual hierarchy
Key Insights
High Learnability The user completed core tasks (like room assignment) in under 2 minutes despite no hospitality background
Visual Clarity Color-coded status indicators were identified instantly, validating the visual hierarchy
Outcome
The test confirmed that the interface is accessible and self-explanatory, reducing the need for complex onboarding in a fast-paced hotel environment
Outcome
The test confirmed that the interface is accessible and self-explanatory, reducing the need for complex onboarding in a fast-paced hotel environment
13
13
13
Tools & Process
Tools & Process
Tools & Process
I used Claude throughout the UX process, for UX copy, content strategy, microcopy decisions, and pressure-testing design decisions. Research was conducted with Perplexity for fast, sourced exploration of hotel management systems and shift manager workflows. Data visualization and dashboard layout decisions were informed by reviewing real-world tools like Cloudbeds and ShiftNote.
I used Claude throughout the UX process, for UX copy, content strategy, microcopy decisions, and pressure-testing design decisions. Research was conducted with Perplexity for fast, sourced exploration of hotel management systems and shift manager workflows. Data visualization and dashboard layout decisions were informed by reviewing real-world tools like Cloudbeds and ShiftNote.
I used Claude throughout the UX process, for UX copy, content strategy, microcopy decisions, and pressure-testing design decisions. Research was conducted with Perplexity for fast, sourced exploration of hotel management systems and shift manager workflows. Data visualization and dashboard layout decisions were informed by reviewing real-world tools like Cloudbeds and ShiftNote.
Ready to Check-In?
Ready to Check-In?
Ready to Check-In?
Explore the interactive prototype to see how to manage the Urban Oasis hotel in real life
Explore the interactive prototype to see how to mange the
Urban Oasis hotel in real life
Explore the interactive prototype to see how to manage the Urban Oasis hotel in real life
Prototype