Contact me
Experience design

AI-powered predictive asset management for water utilities

AI-powered predictive asset health platform for water utilities

Brand image

Overview

End-to-end UX/UI design for Datatecnics, a Manchester-based startup focused on AI and data science innovation in the water utility sector. I led product design from initial greenfield concept, through MVP to commercial release.

Type

Enterprise B2B Saas

Role

Sole UX/UI Designer

Team

Developers, Data Scientists, Engineers, Company CEO

The challenge

Aging, buried infrastructure makes it difficult for water networks to effectively manage their assets like critical mains, pipes and hydrants. With hundreds of thousands of assets in every network, traditional management tools lack the precision and scalability that modern utilities and regulators require.

Users

Strategic Asset Managers and Planners in water utilities

Problems

  • Fragmented tools requiring multiple platforms to complete a single task

  • Unintutive software and limited data visualisation, especially in geospatial contexts

  • Steep learning curves with slow, engineering and jargon-heavy legacy systems

  • Low trust in their own predictive maintenance models

Goals

  • Consolidate fragmented workflows in to one, standardised environment

  • Eliminate learning curve with an immediately-intuitve interface

  • Establish a visual language and scalable design system

Solution

  • A data visualisation and planning tool powered by AI insights

  • Easy search and interrogation of any asset in a network

  • High-confidence maintenance planning, assisted by agentic AI

UX process

Establishing users and their requirements

Beginning with in-depth interviews and discovery sessions with stakeholders from one of the UK’s largest utilities, we established an understanding of network architecture, workflows and existing software, and identified 3 key user types: Strategic Planner, Leakage Analyst and Field Technician.

Core use cases and user stories defined

Based on discovery interviews and aligning with business requirements, core use cases were established, and the most important user stories were prioritised, providing a solid foundation to base initial wireframes and conceptual design work on.

My role

  • Ran discovery workshops and interviews with stakeholders at the UK's largest utility.

  • Aligned user needs with business requirements.

  • Conducted competitor analysis of existing solutions.

  • Sketched wireframes during workshops to get immediate feedback and greater understanding.

  • Established user stories and flow diagrams, creating the foundation for all subsequent design work.

  • Tested prototypes at a second round of workshops, refining and validating user journeys.

  • Designed production-ready UI, collaborating closely with Developers throughout.

  • Created bespoke maps and zoom level specifications in Mapbox.

  • Matured the visual language in to a design system, meeting WCAG AA+ accessibility.

  • Scaled the platform in to a multi-tool ecoystem.

UX process

Establishing users and their requirements

Beginning with in-depth interviews and discovery sessions with stakeholders from one of the UK’s largest utilities, we established an understanding of network architecture, workflows and existing software, and identified 3 key user types: Strategic Planner, Leakage Analyst and Field Technician.

Core use cases and user stories defined

Based on discovery interviews and aligning with business requirements, core use cases were established, and the most important user stories were prioritised, providing a solid foundation to base initial wireframes and conceptual design work on.

The MVP prototype combined basic functionality with an early iteration of the visual language, to keep pace with overall project time constraints.
The philosophy of the Production-level UI was simplicity: Plain English, progressive disclosure and contextual assistance through tooltips.
Website ui design
Users can select any region or asset in their entire network, and get failure risk score, characteristics, and geospatial information (e.g. - proximity to hospitals, major roads etc).
Website ui design
Selections can be viewed in a tabular report view, manipulated and exported.
Website ui design
As users select areas and assets on the map, the sidebar dynamically updates to show relevant information and options. Users can also search directly from the sidebar.
Website ui design
The plan configuration module reflects the philosophy of simplicity: Only essential options are shown upfront, with granular adjustments deferred to later stages.
Website ui design
Based on the user's configuration, AI compiles a maintenance plan. Users can adjust this suggestion based on their own knowledge.
Website ui design
Users can switch to the map view for better context, add more assets or link 'child' assets.
Website ui design

Design system

Selected elements, reflecting foundational work across typography, interaction, and visual styling, underpinned by design tokens to ensure consistency and enable rapid iteration across both design and development. It also supports easy white labelling, allowing seamless adaptation to client brand colours.

UX process

Establishing users and their requirements

Beginning with in-depth interviews and discovery sessions with stakeholders from one of the UK’s largest utilities, we established an understanding of network architecture, workflows and existing software, and identified 3 key user types: Strategic Planner, Leakage Analyst and Field Technician.

Core use cases and user stories defined

Based on discovery interviews and aligning with business requirements, core use cases were established, and the most important user stories were prioritised, providing a solid foundation to base initial wireframes and conceptual design work on.

Website ui design

Behind the build

  • I worked with multiple short-term contracted Developers throughout the project. To ensure consistency and momentum, I developed strong working relationships with them, and made sure UI hand-off was well documented and supported by high-fidelty prototypes.

  • There was no formal Product Manager within the business, so I assumed many of those duties, including roadmap definition and sprint planning.

  • Outside of this project, I juggled other design-based requirements in what was an early stage startup, planning and managing my time effectively to mitigate regular context-switching.

UX process

Establishing users and their requirements

Beginning with in-depth interviews and discovery sessions with stakeholders from one of the UK’s largest utilities, we established an understanding of network architecture, workflows and existing software, and identified 3 key user types: Strategic Planner, Leakage Analyst and Field Technician.

Core use cases and user stories defined

Based on discovery interviews and aligning with business requirements, core use cases were established, and the most important user stories were prioritised, providing a solid foundation to base initial wireframes and conceptual design work on.

Outcomes

  • The tool was successfully piloted and onboarded in to 3 UK utilities, generating revenue that enabled Datatecnics to scale a multi-tool platform.

  • The platform was licensed by four major water networks across the UK and Spain, demonstrating both user value and commercial success.

UX process

Establishing users and their requirements

Beginning with in-depth interviews and discovery sessions with stakeholders from one of the UK’s largest utilities, we established an understanding of network architecture, workflows and existing software, and identified 3 key user types: Strategic Planner, Leakage Analyst and Field Technician.

Core use cases and user stories defined

Based on discovery interviews and aligning with business requirements, core use cases were established, and the most important user stories were prioritised, providing a solid foundation to base initial wireframes and conceptual design work on.

Tool 2: Tactical incident management

This tool is designed to allow water networks find the source of incidents such as leaks and bursts, in an efficient and easily-traceable way.

Key Objectives

1. Enable multi-user interaction (Analyst and Technician)

Securely onboard, validate, and unify data from disparate sources through a visual, interactive ontology—turning scattered inputs into a cohesive, trustworthy foundation for intelligent workflows.

2. Efficiently find and record incidents (field investigations)

Users should be able to explore and analyse assets like Mains, Valves, and Hydrants across regions (DMZs, DMAs, and DPAs) through an interactive map and reporting interface. Assets and regions should be able to be filtered, group into cohorts, and exported as reports.

3. Get real-time analytics of field investigations

Select areas and assets, apply budgets, filters, and scheme types—then let AI generate tailored, high-confidence maintenance plans that balance operational priorities with long-term cost efficiency.

Value added

  • Led design from greenfield concept → enterprise SaaS platform
  • Took product management responsibilities, aligning product vision, roadmap and delivery
  • Developed corporate brand identity and visual design system
  • Contributed to client and investor pitch presentations
  • Supported senior leadership with advice, leveraging investor-led startup experience
Website ui design
Website ui design
Website ui design
Website ui design
Website ui design
Website ui design
Website ui design
Website ui design
Website ui design
UX foundations & product definition
UI design & Product delivery