AI Chat Hero

DISCOVER PROJECT

AI Chat Hero

DISCOVER PROJECT

Experimental

AI Chat Interface

A smarter interface for AI conversations

2025

SERVICES:

AI, UI Design

AI chat UI Dark Theme
AI chat UI Dark Theme

Project Overview

This project reimagines the AI chat interface, focusing on usability, organisation, and productivity. Instead of a standard chat-only layout, it introduces features such as per-chat bookmarks, folder organisation, and a session board to manage multiple conversations at once. The prototype is fully responsive, with light and dark themes, mobile optimisation, and an intuitive structure that allows users to highlight, bookmark, and organise their conversations. It provides a smarter and cleaner way to interact with AI tools.

The Challenge

AI Chat Only
AI Chat Only
AI Chat Only

Image Label

Most AI platforms—ChatGPT, Claude, Perplexity—default to a simple chat format. While functional, it quickly becomes messy and inefficient. Scrolling through long conversations to find key insights is frustrating. Bookmarks are non-existent, and there’s no easy way to organise chats or see everything at a glance. I wanted to explore how an AI chat interface could evolve to better support productivity and organisation. The challenge was to design a system that feels as simple as a chat but adds layers of control, navigation, and clarity without overwhelming the user. My goal was to give users a centralised way to manage ongoing chats, highlight and bookmark important content, and reduce clutter, all in an interface that feels modern and seamless.

The Process

I started by examining existing AI chat tools to understand their limitations and strengths. I then sketched out concepts for how folders, boards, and bookmarks could be integrated without breaking the core experience of a single chat view. Using Figma, I designed a fully functional prototype that demonstrates how these ideas could work across desktop and mobile.

Researched current AI chat interfaces (ChatGPT, Claude, Perplexity) Identified pain points like poor navigation, no bookmarking, and lack of overview Designed an interface in Figma featuring folders, boards, and responsive layouts Built an interactive prototype to explore usability and interactions

The design focuses on clarity, control, and accessibility.

The Solution

Organised AI Interface

Organised AI Interface

Bookmarks and Highlights

Bookmarks and Highlights

Layout Design

Layout Design

Responsive Design

Responsive Design

The deliverable is a fully interactive prototype of a GPT-style AI interface that offers light and dark themes, supports full mobile responsiveness and lets users organise chats into folders and projects. It also provides bookmarks, enables message highlighting and chat/message deletion for a cleaner workspace and introduces session boards to collect chats and bookmarks in a single visual overview.

Product Images

Design System
UI Design Bookmarks
UI Design Bookmarks
UI Design Bookmarks
AI Chat Hero
This project demonstrates how AI chat interfaces can evolve from basic messaging tools into organised, multi-purpose workspaces that enhance focus and usability.

The Impact

Created a working, responsive prototype showcasing a new AI chat experience Improved chat organisation with folders, boards, and bookmarks Demonstrated a concept for faster, more accessible content retrieval Provided a foundation for turning AI chats into structured productivity tools

Check out the working design here.

MORE PROJECTS

MORE PROJECTS

Banham

Lavish Storybook

A lush, tactile brochure designed for a premium security brand, bringing warmth and prestige to high-end products and services.

A book on a table with sunshine highlights

Banham

Lavish Storybook

A lush, tactile brochure designed for a premium security brand, bringing warmth and prestige to high-end products and services.

A book on a table with sunshine highlights

Banham

Lavish Storybook

A lush, tactile brochure designed for a premium security brand, bringing warmth and prestige to high-end products and services.

A book on a table with sunshine highlights

Banham

Crafted in Britain

A campaign celebrating authentic British craftsmanship—close-ups, tactile shots, and rich visuals that make precision feel personal.

Hot stumping lock

Banham

Crafted in Britain

A campaign celebrating authentic British craftsmanship—close-ups, tactile shots, and rich visuals that make precision feel personal.

Hot stumping lock

Banham

Crafted in Britain

A campaign celebrating authentic British craftsmanship—close-ups, tactile shots, and rich visuals that make precision feel personal.

Hot stumping lock

Banham

Heritage Rebranded

A sleek identity refresh and site redesign for a legacy security brand—marrying tradition with modern minimalism and digital polish.

Lock and cylinder

Banham

Heritage Rebranded

A sleek identity refresh and site redesign for a legacy security brand—marrying tradition with modern minimalism and digital polish.

Lock and cylinder

Banham

Heritage Rebranded

A sleek identity refresh and site redesign for a legacy security brand—marrying tradition with modern minimalism and digital polish.

Lock and cylinder

Avvio

Be Direct, Be Clear

A bold visual update and streamlined site—built around the mantra “Be More Direct,” designed for clarity and impact.

Avvio logo

Avvio

Be Direct, Be Clear

A bold visual update and streamlined site—built around the mantra “Be More Direct,” designed for clarity and impact.

Avvio logo

Avvio

Be Direct, Be Clear

A bold visual update and streamlined site—built around the mantra “Be More Direct,” designed for clarity and impact.

Avvio logo

Banham Keyholding

Unlocked Storytelling

From script to screen: a short animated explainer turned live Sky TV spot—crafted to captivate and convert in 30 seconds.

Animation in sity

Banham Keyholding

Unlocked Storytelling

From script to screen: a short animated explainer turned live Sky TV spot—crafted to captivate and convert in 30 seconds.

Animation in sity

Banham Keyholding

Unlocked Storytelling

From script to screen: a short animated explainer turned live Sky TV spot—crafted to captivate and convert in 30 seconds.

Animation in sity

Have a project?

Schedule a Call.

Let's chat!

Have a project?

I'm available for new projects
I'm available for new projects
I'm available for new projects