01
Thermal Watch
The previous monitoring tools lacked clarity, with scattered data views and inconsistent metrics, making it difficult for operators to interpret performance and identify critical issues quickly.
Watlow ©
The new Thermal Watch system unifies temperature, power, and energy data into a real-time dashboard, delivering precision, contextual alerts, and actionable insights through a scalable, data-driven interface.
Components
02
02
02
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.
A modular, data-driven information architecture
Thermal Watch was structured around a scalable information architecture, transforming complex datasets into clear, navigable hierarchies. Each component, from visual charts to system alerts, was designed to be reusable & aligned with the Watlow Base Library.
The interface organises data by priority, context, & status, ensuring critical metrics surface first while supporting deeper exploration through layered navigation and visual consistency across modules.
A modular, data-driven information architecture
Thermal Watch was structured around a scalable information architecture, transforming complex datasets into clear, navigable hierarchies. Each component, from visual charts to system alerts, was designed to be reusable & aligned with the Watlow Base Library.
The interface organises data by priority, context, & status, ensuring critical metrics surface first while supporting deeper exploration through layered navigation and visual consistency across modules.
A modular, data-driven information architecture
Thermal Watch was structured around a scalable information architecture, transforming complex datasets into clear, navigable hierarchies. Each component, from visual charts to system alerts, was designed to be reusable & aligned with the Watlow Base Library.
The interface organises data by priority, context, & status, ensuring critical metrics surface first while supporting deeper exploration through layered navigation and visual consistency across modules.
Components
02
02
Scalability & systemised component logic
Components were structured following Atomic Design principles, ensuring scalability and clarity from foundational atoms to complex, reusable organisms.
A modular, data-driven information architecture
Thermal Watch was structured around a scalable information architecture, transforming complex datasets into clear, navigable hierarchies. Each component, from visual charts to system alerts, was designed to be reusable & aligned with the Watlow Base Library.
A modular, data-driven information architecture
Thermal Watch was structured around a scalable information architecture, transforming complex datasets into clear, navigable hierarchies. Each component, from visual charts to system alerts, was designed to be reusable & aligned with the Watlow Base Library.
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.
The interface organises data by priority, context, & status, ensuring critical metrics surface first while supporting deeper exploration through layered navigation and visual consistency across modules.
The interface organises data by priority, context, & status, ensuring critical metrics surface first while supporting deeper exploration through layered navigation and visual consistency across modules.
01/04
02
A modular, data-driven information architecture
Thermal Watch was structured around a scalable information architecture, transforming complex datasets into clear, navigable hierarchies. Each component, from visual charts to system alerts, was designed to be reusable & aligned with the Watlow Base Library.
The interface organises data by priority, context, & status, ensuring critical metrics surface first while supporting deeper exploration through layered navigation and visual consistency across modules.
Handoff
03
03
03
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.
Design process & key decisions
Over three weeks, I focused on rapid iteration to refine hierarchy, optimise visual load, and strengthen user confidence in real-time system data. Each design pass emphasised speed, readability, and cognitive simplicity.
Key decisions focused on data prioritisation and aligning business and user needs, working closely with PMs and developers to structure information for clarity, efficiency, and performance under real-time data conditions.
Design process & key decisions
Over three weeks, I focused on rapid iteration to refine hierarchy, optimise visual load, and strengthen user confidence in real-time system data. Each design pass emphasised speed, readability, and cognitive simplicity.
Key decisions focused on data prioritisation and aligning business and user needs, working closely with PMs and developers to structure information for clarity, efficiency, and performance under real-time data conditions.
Design process & key decisions
Over three weeks, I focused on rapid iteration to refine hierarchy, optimise visual load, and strengthen user confidence in real-time system data. Each design pass emphasised speed, readability, and cognitive simplicity.
Key decisions focused on data prioritisation and aligning business and user needs, working closely with PMs and developers to structure information for clarity, efficiency, and performance under real-time data conditions.
Handoff
03
03
Production-readiness & collaboration
The system was designed for seamless developer handoff, with component specs, tokens, & variant logic documented within Figma, Confluence & Jira.
Design process & key decisions
Over three weeks, I focused on rapid iteration to refine hierarchy, optimise visual load, and strengthen user confidence in real-time system data. Each design pass emphasised speed, readability, and cognitive simplicity.
Design process & key decisions
Over three weeks, I focused on rapid iteration to refine hierarchy, optimise visual load, and strengthen user confidence in real-time system data. Each design pass emphasised speed, readability, and cognitive simplicity.
It’s structured for cross-disciplinary understanding, providing clear guidelines and shared language that align product managers, developers, and designers throughout the workflow.
Key decisions focused on data prioritisation and aligning business and user needs, working closely with PMs and developers to structure information for clarity, efficiency, and performance under real-time data conditions.
Key decisions focused on data prioritisation and aligning business and user needs, working closely with PMs and developers to structure information for clarity, efficiency, and performance under real-time data conditions.
01/04
01/04
03
Design process & key decisions
Over three weeks, I focused on rapid iteration to refine hierarchy, optimise visual load, and strengthen user confidence in real-time system data. Each design pass emphasised speed, readability, and cognitive simplicity.
Key decisions focused on data prioritisation and aligning business and user needs, working closely with PMs and developers to structure information for clarity, efficiency, and performance under real-time data conditions.
Result
04
04
04
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.
Final design, a clear, & scalable result
The final design delivers a real-time dashboard optimised for accuracy and performance. Its modular components support scalability and long-term maintainability.
Each interface element was built to enhance data readability, enabling operators to quickly interpret insights, identify anomalies, and act decisively within high-frequency, data-rich environments.
Final design, a clear, & scalable result
The final design delivers a real-time dashboard optimised for accuracy and performance. Its modular components support scalability and long-term maintainability.
Each interface element was built to enhance data readability, enabling operators to quickly interpret insights, identify anomalies, and act decisively within high-frequency, data-rich environments.
Final design, a clear, & scalable result
The final design delivers a real-time dashboard optimised for accuracy and performance. Its modular components support scalability and long-term maintainability.
Each interface element was built to enhance data readability, enabling operators to quickly interpret insights, identify anomalies, and act decisively within high-frequency, data-rich environments.
05
Measurable qualitative impact
The project achieved a complete software design within a three-week sprint, meeting high expectations from the project manager, senior UX, and development teams.
The improved workflow Improved cross-team alignment, reducing back-and-forth and accelerating design-to-development handoff by over 40%, enabling faster iteration and smoother cross-team delivery throughout the sprint.
05
Measurable qualitative impact
The project achieved a complete software design within a three-week sprint, meeting high expectations from the project manager, senior UX, and development teams.
The improved workflow Improved cross-team alignment, reducing back-and-forth and accelerating design-to-development handoff by over 40%, enabling faster iteration and smoother cross-team delivery throughout the sprint.
Result
04
04
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.
Final design, a clear, & scalable result
The final design delivers a real-time dashboard optimised for accuracy and performance. Its modular components support scalability and long-term maintainability.
Final design, a clear, & scalable result
The final design delivers a real-time dashboard optimised for accuracy and performance. Its modular components support scalability and long-term maintainability.
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.
Each interface element was built to enhance data readability, enabling operators to quickly interpret insights, identify anomalies, and act decisively within high-frequency, data-rich environments.
Each interface element was built to enhance data readability, enabling operators to quickly interpret insights, identify anomalies, and act decisively within high-frequency, data-rich environments.
01/04
05
Measurable qualitative impact
The project achieved a complete software design within a three-week sprint, meeting high expectations from the project manager, senior UX, and development teams.
The improved workflow Improved cross-team alignment, reducing back-and-forth and accelerating design-to-development handoff by over 40%, enabling faster iteration and smoother cross-team delivery throughout the sprint.
05
Measurable qualitative impact
The project achieved a complete software design within a three-week sprint, meeting high expectations from the project manager, senior UX, and development teams.
The improved workflow Improved cross-team alignment, reducing back-and-forth and accelerating design-to-development handoff by over 40%, enabling faster iteration and smoother cross-team delivery throughout the sprint.
05
Measurable qualitative impact
The project achieved a complete software design within a three-week sprint, meeting high expectations from the project manager, senior UX, and development teams.
The improved workflow Improved cross-team alignment, reducing back-and-forth and accelerating design-to-development handoff by over 40%, enabling faster iteration and smoother cross-team delivery throughout the sprint.
01/04
04
Final design, a clear, & scalable result
The final design delivers a real-time dashboard optimised for accuracy and performance. Its modular components support scalability and long-term maintainability.
Each interface element was built to enhance data readability, enabling operators to quickly interpret insights, identify anomalies, and act decisively within high-frequency, data-rich environments.
01/04
01/04
05
Measurable qualitative impact
The project achieved a complete software design within a three-week sprint, meeting high expectations from the project manager, senior UX, and development teams.
The improved workflow Improved cross-team alignment, reducing back-and-forth and accelerating design-to-development handoff by over 40%, enabling faster iteration and smoother cross-team delivery throughout the sprint.
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.
Thermal Watch
The previous monitoring tools lacked clarity, with scattered data views and inconsistent metrics, making it difficult for operators to interpret performance and identify critical issues quickly.
Thermal Watch
The previous monitoring tools lacked clarity, with scattered data views and inconsistent metrics, making it difficult for operators to interpret performance and identify critical issues quickly.
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 new Thermal Watch system unifies temperature, power, and energy data into a real-time dashboard, delivering precision, contextual alerts, and actionable insights through a scalable, data-driven interface.
Watlow ©
The new Thermal Watch system unifies temperature, power, and energy data into a real-time dashboard, delivering precision, contextual alerts, and actionable insights through a scalable, data-driven interface.
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.
Thermal Watch Watlow ©
The previous monitoring tools lacked clarity, with scattered data views and inconsistent metrics, making it difficult for operators to interpret performance and identify critical issues quickly.
The new Thermal Watch system unifies temperature, power, and energy data into a real-time dashboard, delivering precision, contextual alerts, and actionable insights through a scalable, data-driven interface.
Thermal Watch
Watlow ©
The previous monitoring tools lacked clarity, with scattered data views and inconsistent metrics, making it difficult for operators to interpret performance and identify critical issues quickly.
The new Thermal Watch system unifies temperature, power, and energy data into a real-time dashboard, delivering precision, contextual alerts, and actionable insights through a scalable, data-driven interface.
Thermal Watch Watlow ©
The previous monitoring tools lacked clarity, with scattered data views and inconsistent metrics, making it difficult for operators to interpret performance and identify critical issues quickly.
The new Thermal Watch system unifies temperature, power, and energy data into a real-time dashboard, delivering precision, contextual alerts, and actionable insights through a scalable, data-driven interface.
Next
see more +
see more +
see more +
see more +
see more +
see more +
EPM Suite
A unified ecosystem of tools enabling engineers to configure, monitor, and visualise process control systems with precision and confidence.
EPM Suite Eurotherm ©
A unified ecosystem of tools enabling engineers to configure, monitor, and visualise process control systems with precision and confidence.
EPM Suite
Eurotherm ©
A unified ecosystem of tools enabling engineers to configure, monitor, and visualise process control systems with precision and confidence.
EPM Suite Eurotherm ©
A unified ecosystem of tools enabling engineers to configure, monitor, and visualise process control systems with precision and confidence.
Eurotherm ©
UX & UI Designer
Information Architecture, Data Visualisation, Prototyping
Product & Systems Thinking, MVP thinking
Stakeholder & Developer Collaboration
Eurotherm ©
UX & UI Designer
Information Architecture, Data Visualisation
Product & Systems Thinking, Prototyping
Stakeholder & Developer Collaboration
UX & UI Designer
Information Architecture, Data Visualisation, Prototyping
Product & Systems Thinking, Prototyping
Stakeholder & Developer Collaboration
UX & UI Designer
IA & Prototyping
Product & Systems Thinking
Stakeholder & Developer Collaboration
UX & UI Designer
IA & Prototyping
Product & Systems Thinking
Stakeholder & Developer Collaboration
Eurotherm ©
UX & UI Designer
Information Architecture, Data Visualisation, Prototyping
Product & Systems Thinking, MVP Thinking
Stakeholder & Developer collaboration
01/04
01/04
Problem
Operators relied on multiple disjointed tools for setup, control, and data visualisation, creating inefficiency, cognitive overload, and inconsistency across workflows.
Solution
I worked on a unified ecosystem combining monitoring, recording, and control. Modular dashboards and streamlined flows reduced friction, downtime, and improved engineering decision-making.
