Syyclops
An AI-powered digital twin platform for facility management. Upload a Revit model or building plan, and Syyclops turns it into a fully interactive 3D twin — MEP systems, assets and work orders in one place.
Turning high-level scope into a working product
Syyclops brought me in as a contractor to shape the entire user experience and visual identity. They had a strong technical foundation — a digital twin engine that could ingest Revit models and render any building as a navigable 3D environment — but needed the product surface that would make it usable for facility teams, technicians and managers.
I translated high-level scope documents into core user flows, detailed interactions, and the production interfaces that engineering built against.
Complexity, without the cognitive cost
Digital twins are inherently dense — thousands of assets, live telemetry, 3D geometry and AI predictions all fighting for screen space. The risk was shipping something powerful but unusable.
The design had to answer two questions in the same product: "what's wrong right now?" for a manager glancing at a dashboard between meetings, and "why is this unit behaving this way?" for a technician diagnosing a failing AHU on site.
Live 3D buildings, not flat floor plans
Architectural, mechanical, electrical and plumbing systems layer on top of the same 3D model. Advanced filtering lets users isolate exactly what they care about — a water loop, an AC unit, a single panel — and drill in from there.
Color-coding surfaces anomalies instantly: a red asset is something to investigate.
AI search over every building document
Facility teams spend a surprising amount of time hunting for the right PDF — cut-sheets, O&M manuals, inspection reports, commissioning notes. The AI search layer lets users ask the building a question and get a direct answer, with the source document linked underneath.
It's the difference between a five-minute file hunt and a five-second answer.
Field-ready on day one
Technicians spend most of their day on-site, walking corridors and opening closets. I designed a streamlined, touch-optimized "lite" version of Syyclops for iOS — scan a room, see its assets, triage anomalies, create a work order, all without pulling out a laptop.
Indoor air quality and space comfort metrics surface at the top — the three things facility teams check first when walking a building.
Built to ship, not just to present
A modular design system lives in Figma alongside the product — components, color tokens, typography guidelines, interaction states and a full icon library. Every primitive is wired into Figma variables so handoff is lossless.
The palette draws from Syyclops' identity: deep blue as the quiet canvas, orange as the call-to-action that always means act.
Shaping direction, mentoring as the team grew
I worked directly with the product managers, engineers and leadership to align every design decision with business goals and real user needs. When a junior UX/UI designer joined the team, I stepped into a mentorship role — reviewing work, setting direction, and making sure the design system could scale past me.
Shipped. Piloting. Growing.
Syyclops launched its v1 with end-to-end flows across web and iOS. The handoff included detailed specs, motion documentation, and an interactive prototype for engineering. The product is now deployed across K-12 school districts and commercial buildings — with the design system serving as the foundation for every subsequent feature.