01
EPM Suite
The EPM Suite unifies tools engineers use to configure, monitor, and record process data. Previously, these evolved separately, creating fragmented workflows, duplicated logic, and inconsistent experiences.
Watlow ©
The challenge was creating a unified, scalable experience across Power and Data Management, simplifying data-heavy workflows while preserving the precision and reliability industrial environments demand.
Architecture
02
02
02
A scalable, modular library architecture
Specialised libraries like Therma EPM extend the base architecture with product-specific components, data-driven UI patterns, and interaction models optimised for complex industrial workflows and domain precision.
Built using Atomic Design principles, each layer, from tokens to organisms, ensures scalability, consistency, and flexibility, allowing updates to cascade system-wide while maintaining clarity and alignment across products.
Architecture
02
02
A scalable, modular library architecture
Specialised libraries like Therma EPM extend the base architecture with product-specific components, data-driven UI patterns, and interaction models optimised for complex industrial workflows and domain precision.
Built using Atomic Design principles, each layer, from tokens to organisms, ensures scalability, consistency, and flexibility, allowing updates to cascade system-wide while maintaining clarity and alignment across products.
01/04
02
Understanding system workflows and information structure
Our research mapped navigation patterns and cross-module workflows, revealing fragmented structures, duplicated functionality, and inconsistent mental models across configuration, monitoring, alarms, and device interactions.
These insights guided a unified information architecture, clarifying module relationships, aligning functionalities, and establishing predictable hierarchies that support scalable navigation across the entire EPM Suite ecosystem.
Components
04
04
04
Scalability & systemised component logic
Components were structured following Atomic Design principles, ensuring scalability and clarity from foundational atoms to complex, reusable organisms.
Each component was built with optimised properties panels, variants, auto-layout, & standardised layer naming, enabling designers to configure variants efficiently and maintain consistency across products.
Tokens
03
03
03
Demonstrate consistency & logic at the core level
The foundation layer defines colour, shape, and typography tokens, providing consistent visual logic across all components.
Each variable follows a structured naming convention, enabling easy updates and seamless handoff to development.
Tokens
03
03
Demonstrate consistency & logic at the core level
The foundation layer defines colour, shape, and typography tokens, providing consistent visual logic across all components.
Each variable follows a structured naming convention, enabling easy updates and seamless handoff to development.
01/04
01/04
03
System architecture & ecosystem mapping
The EPM Suite was rebuilt on a shared design foundation, enabling products like Power and Data Management to inherit the same core logic, tokens, navigation structures, and component patterns.
Power optimises electrical control workflows, while Data Management organises and analyses process data. Both connect through the EPM Platform, sharing logic and terminology for seamless cross-module experiences.
Components
04
04
Scalability & systemised component logic
Components were structured following Atomic Design principles, ensuring scalability and clarity from foundational atoms to complex, reusable organisms.
Each component was built with optimised properties panels, variants, auto-layout, & standardised layer naming, enabling designers to configure variants efficiently and maintain consistency across products.
01/04
01/04
04
Design decision example - System hierarchy
This example highlights a design decision where I translated a complex control-engineering hierarchy into a clear interface structure that mirrors real system relationships and operator workflows.
By mapping plant, furnace, and zone dependencies directly into the UI, I enabled operators to interpret system logic quickly and navigate between control levels confidently.
Handoff
05
05
05
Production-readiness & collaboration
The system was designed for seamless developer handoff, with component specs, tokens, & variant logic documented within Figma, Confluence & Jira.
It’s structured for cross-disciplinary understanding, providing clear guidelines and shared language that align product managers, developers, and designers throughout the workflow.
Handoff
05
05
Production-readiness & collaboration
The system was designed for seamless developer handoff, with component specs, tokens, & variant logic documented within Figma, Confluence & Jira.
It’s structured for cross-disciplinary understanding, providing clear guidelines and shared language that align product managers, developers, and designers throughout the workflow.
01/04
01/04
05
Responsive design across Industrial HMI's
The EPM Suite was engineered to support both 15” and 7” HMIs, ensuring consistent interaction patterns, hierarchy, and clarity across varied industrial environments.
Each module scales seamlessly across screen sizes, maintaining shared logic, visual structure, and usability standards to deliver predictable, reliable experiences on any HMI configuration.
Result
06
06
06
Results & measurable impact on collaboration
The new design system and workflow improvements significantly increased engagement, with survey responses rising threefold and overall satisfaction reaching 94% across key collaboration metrics.
Feedback highlighted stronger alignment between UX, stakeholders, and engineering, improved communication, and clearer design deliverables, demonstrating the system’s measurable impact on efficiency, trust, and cross-functional collaboration.
Result
06
06
Results & measurable impact on collaboration
The new design system and workflow improvements significantly increased engagement, with survey responses rising threefold and overall satisfaction reaching 94% across key collaboration metrics.
Feedback highlighted stronger alignment between UX, stakeholders, and engineering, improved communication, and clearer design deliverables, demonstrating the system’s measurable impact on efficiency, trust, and cross-functional collaboration.
01/04
01/04
06
Final system design across Power & Data Management
The unified interface applies shared architecture, navigation patterns, and component logic across Power and Data Management, creating a cohesive system tailored for complex industrial workflows.
Consistent layouts, scalable components, and aligned interactions ensure engineers can move seamlessly between modules, maintaining clarity and confidence across diverse tasks within the EPM Suite.
01/04
Introduction
01
01
Therma
The previous UI library was fragmented across Figma and Sketch, with duplicated components, inconsistent naming, and missing variable and properties optimisation.
EPM Suite
The EPM Suite unifies tools engineers use to configure, monitor, and record process data. Previously, these evolved separately, creating fragmented workflows, duplicated logic, and inconsistent experiences.
EPM Suite
The EPM Suite unifies tools engineers use to configure, monitor, and record process data. Previously, these evolved separately, creating fragmented workflows, duplicated logic, and inconsistent experiences.
Watlow ©
The new system unifies design and documentation, providing clear guidelines for teams and optimised, token-driven components that ensure consistency, scalability, and seamless collaboration.
Watlow ©
The challenge was creating a unified, scalable experience across Power and Data Management, simplifying data-heavy workflows while preserving the precision and reliability industrial environments demand.
Watlow ©
The challenge was creating a unified, scalable experience across Power and Data Management, simplifying data-heavy workflows while preserving the precision and reliability industrial environments demand.
Introduction
01
01
01
Therma Watlow ©
The previous UI library was fragmented across Figma and Sketch, with duplicated components, inconsistent naming, and missing variable and properties optimisation.
The new system unifies design and documentation, providing clear guidelines for teams and optimised, token-driven components that ensure consistency, scalability, and seamless collaboration.
EPM Suite
Watlow ©
The EPM Suite unifies tools engineers use to configure, monitor, and record process data. Previously, these evolved separately, creating fragmented workflows, duplicated logic, and inconsistent experiences.
The challenge was creating a unified, scalable experience across Power and Data Management, simplifying data-heavy workflows while preserving the precision and reliability industrial environments demand.
EPM Suite Watlow ©
The EPM Suite unifies tools engineers use to configure, monitor, and record process data. Previously, these evolved separately, creating fragmented workflows, duplicated logic, and inconsistent experiences.
The challenge was creating a unified, scalable experience across Power and Data Management, simplifying data-heavy workflows while preserving the precision and reliability industrial environments demand.
EPM Suite
The EPM Suite unifies tools engineers use to configure, monitor, and record process data. Previously, these evolved separately, creating fragmented workflows, duplicated logic, and inconsistent experiences.
The challenge was creating a unified, scalable experience across Power and Data Management, simplifying data-heavy workflows while preserving the precision and reliability industrial environments demand.
02/04
see more +
see more +
see more +
see more +
see more +
see more +
Therma
Contributed to Therma, Watlow/Eurotherm's design system, improving structure, scalability, and developer handoff while aligning components to evolving product and engineering needs.
Therma Watlow ©
Contributed to Therma, Watlow/Eurotherm's design system, improving structure, scalability, and developer handoff while aligning components to evolving product and engineering needs.
Therma Watlow ©
Contributed to Therma, Watlow/Eurotherm's design system, improving structure, scalability, and developer handoff while aligning components to evolving product and engineering needs.
Therma
Watlow ©
Contributed to Therma, Watlow/Eurotherm's design system, improving structure, scalability, and developer handoff while aligning components to evolving product and engineering needs.
Watlow ©
Systems Designer
Future Scaling, System Thinking, Attention to Detail
Guidelines Documentation, Governance & Ops
Cross-Functional Collaboration, Efficiency Mindset
Watlow ©
Systems Designer
Future Scaling, System Thinking, Attention to Detail
Guidelines Documentation, Governance & Ops
Cross-Functional Collaboration, Efficiency Mindset
Systems Designer
Future Scaling, System Thinking, Attention to Detail
Guidelines Documentation, Governance & Ops
Cross-Functional Collaboration, Efficiency Mindset
Systems Designer
Future Scaling, System Thinking, Attention to Detail
Guidelines Documentation, Governance & Ops
Cross-Functional Collaboration, Efficiency Mindset
Systems Designer
Future Scaling, System Thinking
Guidelines Documentation & Governance
Cross-Functional Collaboration
Watlow ©
Systems Designer
Future Scaling, System Thinking, Attention to Detail
Guidelines Documentation, Governance & Ops
Cross-Functional Collaboration, Efficiency Mindset
01/04
01/04
Problem
Design teams were slowed by 200+ duplicate components, confusing naming, and fragmented files. Inefficient workflows wasted hours, while inconsistent specs caused dev rework. Without intervention, scaling new product lines would multiply the chaos.
Solution
I consolidated components into a unified Figma library with tokens, variants, and scalable structure. This streamlined design workflows, cut duplicate components by 40%, improved prototyping speed by 30%, and reduced developer handoff errors.
