Siemens / ETM
How I redesigned complex WinCC OA configuration workflows into a clearer, web-adaptive industrial interface system through high-fidelity prototyping and scalable vector design.
Clickdummies
Library
Beyond
Gaming & Entertainment
This project marked a shift from entertainment-focused interface design into mission-critical industrial software. The challenge was not visual attraction, but clarity, reliability, and operator confidence.
My objective was to redesign the WinCC OA Driver Configuration experience and translate complex PLC diagnostics, driver states, and system logic into a clearer interface journey for operators and engineering teams.
The work was rebuilt as a high-fidelity Adobe XD prototype, making complex industrial workflows easier to understand, review, and hand over for implementation.
Prototyping Complexity
I used high-fidelity interactive prototypes in Adobe XD to bridge the gap between engineering requirements and developer execution. At the time, this provided a practical way to validate complex SCADA workflows before implementation.
The prototypes helped clarify user journeys, driver selection logic, diagnostics states, and configuration flows — reducing ambiguity between design, engineering, and development.
Logic Mapping
// PLC On/Off & Diagnostics
Multi-Driver Interface
// Driver Selection UI
From prototype to product ecosystem: the redesigned WinCC OA interface direction supported the transition from legacy desktop patterns toward a more modern, web-adaptive industrial experience.
The Released Ecosystem
From prototype to 2020 rollout.
Live Interactive Prototype
Explore the actual user journey and component logic through the embedded Adobe XD configuration dummy. The prototype demonstrates how complex driver configuration, diagnostics, and system navigation were structured before implementation.
The Vector
Overhaul
The original iconography no longer matched the clarity and scalability required for a modern industrial interface. I manually redesigned and vectorized 270+ icons to create a cleaner, more consistent asset library.
Result: Scalability
Sharp and consistent across high-resolution control rooms, desktop interfaces, and future mobile or IoT-oriented surfaces.
- // 100% hand-crafted vectors
- // Consistent stroke logic
Introducing an Isometric Visual Direction
For an international exhibition and promotional context, I developed an early isometric illustration direction for the WinCC OA product ecosystem.
At the time, this visual language was not yet prominent in the surrounding product communication. The goal was to make complex industrial systems more accessible, modular, and visually engaging without losing technical credibility.
The direction aligned with a broader shift in enterprise and industrial software communication toward isometric and later 3D-style product visuals. For me, it was an important example of how interface design, technical storytelling, and visual systems can support each other.
The Senior Edge
This project shows how systematic UX, visual precision, and technical understanding can turn complex industrial software into clearer, more usable operator experiences.