Back to Work
Case Study

AI OS.

Full product design ownership for an AI Operating System — from early concept to detailed production UI. Covers agent management dashboards, visual workflow builders, RAG interfaces, and knowledge graph explorers.

RoleLead Product Designer
Timeline2025
PlatformWeb SaaS
IndustryAI / SaaS
AI OS Platform

The Impact

0→1

Full Product Ownership

Defined the entire design system, information architecture, and UX from scratch.

5+

Core Modules Designed

Agent Hub, Workflow Builder, RAG Studio, Knowledge Graph, and Analytics.

AI

Novel UI Patterns

Pioneered visual interfaces for configuring LLM agents and chaining AI processes.

The Challenge.
Making AI infrastructure feel human.

AI Operating Systems are inherently complex — managing agents, data pipelines, memory, and orchestration in one place. The biggest threat was designing something that felt like an engineering console rather than a product.

The challenge was to hide that complexity behind clean, approachable UI that still gave power users full control without overwhelming them.

Key Design Problems

Agent ComplexityUsers needed to configure AI agents with tools, memory, and prompts without writing code.
Workflow VisualisationChaining agents and tools into pipelines needed a node-based interface that was still intuitive.
RAG Studio UXUploading, chunking, and querying documents had to feel simple despite deeply technical processes underneath.
Information DensityDashboards needed to surface real-time agent status, costs, and performance without cluttering the screen.

Core Modules

01

Agent Hub

Central workspace to create, configure, and monitor AI agents with tools, memory, and prompt injection.

AgentsConfigurationMonitoring
02

Workflow Builder

Visual node-based editor for chaining agents, APIs, and tools into complex multi-step AI pipelines.

Node EditorPipelinesAutomation
03

RAG Studio

Upload documents, configure chunking strategies, and query your knowledge base through a clean conversational interface.

RAGDocumentsLLM
04

Knowledge Graph

Interactive graph explorer visualising entity relationships extracted from ingested documents and data sources.

GraphEntitiesVisualisation
SCREEN 01

Agent Hub Dashboard

Central control panel for managing all AI agents.

Drop your Figma export here

Replace with actual screenshot

SCREEN 02

Workflow Builder

Node-based visual pipeline editor.

Drop your Figma export here

Replace with actual screenshot

SCREEN 03

RAG Studio & Knowledge Graph

Document ingestion and entity relationship explorer.

Drop your Figma export here

Replace with actual screenshot