Skip to content
Back to Work
Act I: The Genesis

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 / Enterprise SaaS
AI OS Interface
Act II: The Conflict

Abstracting the abstract.

We had to create mental models for concepts that users had never seen before—like chaining LLMs or managing vector embeddings—while keeping the interface familiar and intuitive.

01

Agent Complexity

Users needed to configure AI agents with tools, memory, and prompts without writing code. The UI required progressive disclosure of advanced parameters.

02

Workflow Visualisation

Chaining agents and tools into pipelines needed a node-based interface that was spatial, intuitive, and capable of handling infinite canvas scaling.

03

RAG Studio UX

Uploading, chunking, and querying documents had to feel simple despite deeply technical processes happening in the background.

04

Information Density

Dashboards needed to surface real-time agent status, costs, latency, and performance without cluttering the screen.

Act III: The Architecture

Core Modules

Module 01

Agent Hub

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

Module 02

Workflow Builder

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

Module 03

RAG Studio

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

Module 04

Knowledge Graph

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

Platform Interface

System Architecture in Action

Agent Hub Dashboard

Central control panel for managing all AI agents.

Agent Hub Dashboard Placeholder

Workflow Builder

Node-based visual pipeline editor.

Workflow Builder Placeholder

RAG Studio & Knowledge Graph

Document ingestion and entity relationship explorer.

RAG Studio & Knowledge Graph Placeholder
Act V: The Resolution

Bringing order to chaos.

0→1

Defined the entire design system and architecture from scratch.

5+

Core modules successfully designed and handed off.

AI

Pioneered novel UI patterns for complex AI chaining.

Epilogue // Next Project

SpotGo