Case Study: Industrial Systems Architecture

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.

My Role Lead UI/UX Architect
Main Deliverable Adobe XD System & Clickdummies
Key Output 270+ Vector Asset Library
Expertise HMI / SCADA / Enterprise

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.

WinCC OA Dashboard Overview

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.

XD Prototype Detail

Logic Mapping

// PLC On/Off & Diagnostics

Driver Selection

Multi-Driver Interface

// Driver Selection UI

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
Siemens WinCC OA Icon Library

The Senior Edge

"This project proves my versatility: applying high-end design principles to mission-critical industrial environments."

mark_email_unread
Hire Me