← Back to selected projects

CNS Redesign: Web-based SCADA-like Platform

Real-time browser interface for CNS/HVAC operations with alarms, schematics, floor context, and service workflows.

Scope

Redesigned legacy monitoring workflows into a modern web runtime focused on operational visibility, alarm triage speed, and field-service usability.

Next.js 16 React 19 WebSockets Zustand SWR SVG + R3F

Project Visuals

SCADA-like alarm and operations dashboard view — Alarm and status dashboard with severity and service-state emphasis.

Field commissioning context relevant to cabinet and HVAC workflows — Field commissioning context for cabinet and HVAC verification flows.

Technical Breakdown

Challenge

Operators needed faster alarm visibility with less screen switching.
Cabinet and floor-plan context was hard to map to active issues.
Service views were fragmented between monitoring and documentation.

Implementation

Built real-time state flow with socket events and predictable store layers.
Designed SVG cabinet schematics tied to live state overlays.
Added floor mini-map context and alarm severity filters.
Structured component system for dashboards, schedules, and service notes.

Operational Value

Faster issue triage and clearer handoff to field technicians.
Better alignment between control-room monitoring and on-site execution.
More reliable reporting for service and maintenance cycles.

Delivery Notes

Designed for incremental rollout with minimal operator retraining overhead.
UI modules prioritized by operational impact, not cosmetic complexity.
Demo scope and environment details are available on request.