The Operating System for Modern Skyscrapers
The Operating System for Modern Skyscrapers
The Operating System for Modern Skyscrapers
Role
Role
Role
Product Designer
Product Designer
Timeline
Timeline
Timeline
4 Weeks
4 Weeks
Type
Type
Type
Personal Project
Personal Project
Tools
Tools
Tools
Figma · FigJam
Figma · FigJam
The Market Gap
The Market Gap
The Market Gap
The enterprise building market suffers from a performance-density paradox. Legacy systems provide depth at the cost of cognitive overload, while modern SaaS dashboards oversimplify and remove the granular data required for technical diagnosis.
The enterprise building market suffers from a performance-density paradox. Legacy systems provide depth at the cost of cognitive overload, while modern SaaS dashboards oversimplify and remove the granular data required for technical diagnosis.
The enterprise building market suffers from a performance-density paradox. Legacy systems provide depth at the cost of cognitive overload, while modern SaaS dashboards oversimplify and remove the granular data required for technical diagnosis.
Project constraints
Project constraints
Project constraints
The project was executed within a strict four-week sprint, requiring a tightly scoped MVP. I prioritized three core screens that define the resolution workflow: Global Awareness, Spatial Diagnosis, and Operational Action.
The project was executed within a strict four-week sprint, requiring a tightly scoped MVP. I prioritized three core screens that define the resolution workflow: Global Awareness, Spatial Diagnosis, and Operational Action.
The project was executed within a strict four-week sprint, requiring a tightly scoped MVP. I prioritized three core screens that define the resolution workflow: Global Awareness, Spatial Diagnosis, and Operational Action.
Operational UI foundations
Operational UI foundations
Operational UI foundations
Semantic color logic
Semantic color logic
Semantic color logic
Tri-state system signaling: cyan for active processes, amber for warnings, green for optimal system health, enabling rapid scanning under pressure.
Tri-state system signaling: cyan for active processes, amber for warnings, green for optimal system health, enabling rapid scanning under pressure.
Custom components
Custom components
Custom components
Industrial ergonomics with 44px minimum touch targets to support reliable tablet use during on-site inspections.
Industrial ergonomics with 44px minimum touch targets to support reliable tablet use during on-site inspections.
Cognitive load
Cognitive load
Cognitive load
Dark-mode optimization to reduce visual fatigue during extended monitoring shifts.
Dark-mode optimization to reduce visual fatigue during extended monitoring shifts.
The Resolution Workflow
The Resolution Workflow
The Resolution Workflow
Phase 1. Global Awareness
Phase 1. Global Awareness
Phase 1. Global Awareness
The dashboard prioritizes real-time system health and active alerts, enabling operators to identify anomalies within seconds rather than scanning multiple tools.
The dashboard prioritizes real-time system health and active alerts, enabling operators to identify anomalies within seconds rather than scanning multiple tools.
The dashboard prioritizes real-time system health and active alerts, enabling operators to identify anomalies within seconds rather than scanning multiple tools.
Phase 2. Spatial Diagnosis
Phase 2. Spatial Diagnosis
A digital twin maps live sensor data to physical spaces, allowing operators to localize failures by room, floor, and system before dispatching technicians.
A digital twin maps live sensor data to physical spaces, allowing operators to localize failures by room, floor, and system before dispatching technicians.
A digital twin maps live sensor data to physical spaces, allowing operators to localize failures by room, floor, and system before dispatching technicians.
Phase 3. Operational Action
Phase 3. Operational Action
A structured Kanban workflow that reduces resolution delays by surfacing diagnostic context upfront.
A structured Kanban workflow that reduces resolution delays by surfacing diagnostic context upfront.
A structured Kanban workflow that reduces resolution delays by surfacing diagnostic context upfront.
Validating the Critical Resolution Path
Validating the Critical Resolution Path
Validating the Critical Resolution Path
A functional prototype was used to validate the end-to-end path from system alert to spatial diagnosis, ensuring navigation remains reliable during time-sensitive failures.
A functional prototype was used to validate the end-to-end path from system alert to spatial diagnosis, ensuring navigation remains reliable during time-sensitive failures.
A functional prototype was used to validate the end-to-end path from system alert to spatial diagnosis, ensuring navigation remains reliable during time-sensitive failures.
Business Impact: Designing for Operational Outcomes
Business Impact: Designing for Operational Outcomes
Business Impact: Designing for Operational Outcomes
Structura improves operational efficiency across the full incident lifecycle, from detection through resolution.
Structura improves operational efficiency across the full incident lifecycle, from detection through resolution.
Structura improves operational efficiency across the full incident lifecycle, from detection through resolution.
25%
25%
25%
Faster Issue Resolution
Faster Issue Resolution
Faster Issue Resolution
Linking alerts directly to spatial context and sensor metadata reduces investigation time and eliminates redundant site visits.
Linking alerts directly to spatial context and sensor metadata reduces investigation time and eliminates redundant site visits.
12%
12%
12%
Reduction in Energy Usage
Reduction in Energy Usage
Reduction in Energy Usage
Real-time occupancy and system overlays enable automatic reduction of HVAC and lighting in unused zones.
Real-time occupancy and system overlays enable automatic reduction of HVAC and lighting in unused zones.
40%
40%
40%
Less Training Time
Less Training Time
Less Training Time
Familiar SaaS patterns and consistent color semantics reduce operational errors and shorten onboarding time for new engineers.
Familiar SaaS patterns and consistent color semantics reduce operational errors and shorten onboarding time for new engineers.
Impact estimates are based on industry benchmarks and comparable enterprise facilities platforms
Impact estimates are based on industry benchmarks and comparable enterprise facilities platforms
Impact estimates are based on industry benchmarks and comparable enterprise facilities platforms
Reflections and Lessons Learned
Reflections and Lessons Learned
Reflections and Lessons Learned
High Density as Utility
High Density as Utility
High Density as Utility
The core challenge of Structura was organization, not simplification. For facility managers, reducing data does not improve usability; they require multiple signals at once to make informed, time-sensitive decisions. High density became effective by structuring information spatially and hierarchically to allow for rapid scanning without hiding critical context.
The core challenge of Structura was organization, not simplification. For facility managers, reducing data does not improve usability; they require multiple signals at once to make informed, time-sensitive decisions. High density became effective by structuring information spatially and hierarchically to allow for rapid scanning without hiding critical context.
The core challenge of Structura was organization, not simplification. For facility managers, reducing data does not improve usability; they require multiple signals at once to make informed, time-sensitive decisions. High density became effective by structuring information spatially and hierarchically to allow for rapid scanning without hiding critical context.
Constraints and Tradeoffs
Constraints and Tradeoffs
Constraints and Tradeoffs
Speed Over Polish: Animated transitions were removed to eliminate interaction latency in time-critical scenarios.
Density Over Whitespace: Information density was preserved to reduce navigation and cross-referencing across views.
2D Over 3D Architecture: A 3D building model was removed after testing showed slower room identification than 2D floor plans.
Speed Over Polish: Animated transitions were removed to eliminate interaction latency in time-critical scenarios.
Density Over Whitespace: Information density was preserved to reduce navigation and cross-referencing across views.
2D Over 3D Architecture: A 3D building model was removed after testing showed slower room identification than 2D floor plans.
Speed Over Polish: Animated transitions were removed to eliminate interaction latency in time-critical scenarios.
Density Over Whitespace: Information density was preserved to reduce navigation and cross-referencing across views.
2D Over 3D Architecture: A 3D building model was removed after testing showed slower room identification than 2D floor plans.
What I’d build next
What I’d build next
What I’d build next
With additional time, I would extend the system toward proactive and mobile-first operation.
Predictive Maintenance: Using historical sensor patterns to move from reactive to predictive system alerts.
Tablet Optimization: Refining the high-density experience for field technicians using tablets, ensuring information context is preserved in mobile environments.
With additional time, I would extend the system toward proactive and mobile-first operation.
Predictive Maintenance: Using historical sensor patterns to move from reactive to predictive system alerts.
Tablet Optimization: Refining the high-density experience for field technicians using tablets, ensuring information context is preserved in mobile environments.
With additional time, I would extend the system toward proactive and mobile-first operation.
Predictive Maintenance: Using historical sensor patterns to move from reactive to predictive system alerts.
Tablet Optimization: Refining the high-density experience for field technicians using tablets, ensuring information context is preserved in mobile environments.
This case study represents a conceptual project created for portfolio purposes
This case study represents a conceptual project created for portfolio purposes
This case study represents a conceptual project created for portfolio purposes
