SIEMENS ETM
How I transformed a legacy WinCC OA industrial interface into a modern, web-adaptive ecosystem through high-fidelity prototyping and vector-system design.
Beyond
Gaming & Entertainment
A common misconception is that a "game designer" only works with pixels and fun. In this project, I proved my ability to handle mission-critical industrial logic.
My objective was to redesign the WinCC OA Driver Configuration interface. I rebuilt the entire user journey in Adobe-XD, ensuring complex PLC diagnostics became intuitive for operators.
Prototyping Complexity
I utilized high-fidelity interactive prototypes (developed in Adobe XD to match the enterprise standards of the time) to bridge the gap between engineering requirements and developer execution. This allowed us to validate complex SCADA workflows before a single line of code was written.
Logic Mapping
// PLC On/Off & Diagnostics
Multi-Driver Interface
// Driver Selection UI
The Released Ecosystem
From prototype to global 2020 rollout.
The
Vector
Overhaul
The original iconography was outdated. I manually redesigned and vectorized 270+ icons for perfect scalability.
Result: Scalability
Sharp on everything from 4K control rooms to mobile IoT tablets.
- // 100% Hand-crafted Vectors
- // Consistent Stroke Logic
Pioneering The Isometric Standard
During a major exhibition, I conceptualized and established a brand-new unified isometric illustration style from scratch. This unique visual language became the definitive cornerstone of the product's identity. Its impact was so profound that it was subsequently adopted, scaled, and evolved into modern 3D variations by Siemens and their external advertising agencies—setting a lasting design standard that is still actively used today.
The Senior Edge
"This project proves my versatility: seamlessly bridging the gap between high-end conceptual design and mission-critical industrial architecture, creating scalable visual systems that inspire both operators and global marketing campaigns."