Contact me
Experience design

Agentic AI for critical decision making

Agentic AI for critical decision making

Brand image
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

Overview

To support complex workflows within a multi-tool asset management platform, I designed an Agentic AI layer to integrate in to the existing tools. This enhancement introduced an LLM-powered conversation panel and context-aware widgets, enabling users to interact naturally with the system while receiving real-time guidance, insights, and recommendations.

My role

  • Brainstormed and mapped potential workflows with the internal team.

  • Validated workflows, likely chat questions and responses with a utility partner.

  • Researched existing AI-powered chat interfaces for best practices.

  • Prototyped conversation flows.

  • Engineered prompts to define conversation scope and minimise inaccuracies.

  • Designed the conversation panel and supporting components.

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.

Conversation panel

Conversation design UI

Objectives

1. Enhanced operational efficiency
Enable faster, more accurate workflows by surfacing relevant data, task history, and next steps without users needing to search through layers of complexity.

2. Improve data traceability
Automatically log, summarise, and tag conversations against GIS assets and investigations, creating clean audit trails that support compliance in a regulated sector.

3. Promote user adoption
Lower the learning curve with natural language interactions, contextual awareness, and proactive guidance, reducing the need for training and boosting day-to-day usability in a sector used to complex, engineering-heavy Saas.

4. Differentiate the product
Add valuable, future-facing capability as a core platform capability, showcasing product maturity and innovation that influences buying and investment decisions.

Key solutions

Contextual tagging
Every interaction with the AI is automatically summarised, tagged, and pinned to relevant GIS assets, investigations, or planning workbooks. This creates a content-aware log that users can rely on when reviewing asset history or picking up a task in progress. It removes the need to remember what was said or where, making the platform as easy to use as possible. It also enhances operational traceability, which is critical in a heavily regulated sector.

Content aware assistance
When a user selects one or more assets within the GIS map view the AI assistant knows what assets have been selected and gives relevant options and conversation starters, eliminating the need for manual typing, and reducing friction as much as possible.

Website ui design

Accessibility

The new conversation panel inherited the platform’s existing screen-reader-compatible keyboard navigation. Voice interaction was considered as a potential future enhancement to further improve accessibility and user experience. The new UI components meet WCAG AA+ accessibility standards.

Language was kept plain and straightforward, following the underlying Foresight design principle of simplicity while avoiding jargon. Responses were designed to minimize cognitive load, delivering guidance and answers as succinctly as possible.

Agentic components in the sidebar add reason-backed suggestions.
Agentic AI saas UI
Every interaction with the agent is automatically summarised, tagged and linked to relevant GIS assets for easy traceability and auditing.
AI conversation panel UI
Conversation summaries and suggested actions are immediately available in the sidebar when related assets are selected.
Agentic AI SaaS UI

Natural conversation

Natural Language Processing (NLP) enables the assistant to interpret free-form user input, even as the conversation shifts focus mid-stream.

For example, if a user begins discussing 'Asset XYZ' and then mentions 'Asset ABC', the AI detects this, and automatically splits and tags the chat accordingly, associating relevant sections with each asset’s metadata.

This allows for:

  • Natural dialogue, without rigid commands
  • Contextual memory across asset references
  • Smooth transitions, no need to start over when goals change
  • Clean, structured metadata, useful for reporting, compliance, and audit trails

These small details collectively ensure the AI feels intelligent, helpful, and genuinely aware of the user’s workflow, giving greater confidence in the AI's responses and in the platform as a whole.

Tagging flow
Conversation design UI
Conversation design UI
Conversation design UI

Agent/brand positioning

A personified name (such as ‘Siri’ or ‘Gemini’) was intentionally avoided in this assistant’s design. Rather than introducing a separate persona, the AI is positioned as a seamless, intelligent aspect of the platform that reinforces the core product’s identity rather than competing with it and confusing potential customers when adoption is the prime focus.

This approach also reflects evolving user expectations, where AI in task-oriented SaaS platforms is increasingly seen as an embedded feature - reliable, integrated, and focused on productivity. Introducing a distinct persona would imply a level of generality or open-ended conversation that isn’t relevant here; this agent is tightly scoped, purpose-built, and designed to deliver value within a specific operational context.

Visually, the embedded, 'omnipresent' nature presented an opportunity to develop a subtle ripple effect identity that was used as pre-loaders while the AI was generating information.

Website ui design
CREATIVE AREAS
Tools