CELOS X Machine
CNC operators need instant clarity in time-critical moments, but the UI patterns and alert logic were inconsistent—especially for users with color-vision deficiency (CVD). I designed a CELOS-aligned interaction model with standardized navigation, machine states, and alerts using redundant cues (icon + label + hierarchy—not color only). I owned the interaction and system logic, built reusable components and state rules, and validated key flows in a Framer prototype.
Objective: Build a scalable design system with accessible UI states
Problem: The team needed a system that scales from rapid lo-fi exploration to production-ready hi-fi UI—while keeping state communication accessible. Solution: Created nested components and tokens, and defined a consistent state model (default/hover/active/disabled/error/warning/success) with CVD-safe alerts using redundant cues (icon + label + hierarchy). My contribution: Designed the component architecture, implemented key variants, and tested behaviors and flows in a high-fidelity Framer prototype.
Outcome: Validated on-site at the DMG MORI Hub, refined CNC workflows
Problem: Without shop-floor context, workflow and alarm decisions risked incorrect assumptions about attention, timing, and constraints. Solution: Conducted on-site validation at the main DMG MORI hub and refined the setup/run/monitor/recover flows, aligning patterns to real operator needs and CELOS standards. My contribution: Synthesized findings into reusable UI rules and validated the updated flows in a Framer prototype.
