AI Agents App
AI Agents App
DURATION
1 Month
DURATION
1 Month
CLIENT
-
CLIENT
-
Mobile UI/UX Design
Mobile UI/UX Design
Illustration
Illustration
Interaction & Experience Design
Interaction & Experience Design
PROJECT OVERVIEW
PROJECT OVERVIEW
The AI Agents App is a mobile-first concept built to simplify how users engage with AI assistants. Instead of traditional chatbot interfaces, this app presents a beautifully illustrated office building where each “office” houses a different AI agent—like a doctor, lawyer, or financial advisor—making interactions more intuitive, visual, and human-like.
The AI Agents App is a mobile-first concept built to simplify how users engage with AI assistants. Instead of traditional chatbot interfaces, this app presents a beautifully illustrated office building where each “office” houses a different AI agent—like a doctor, lawyer, or financial advisor—making interactions more intuitive, visual, and human-like.
The Challenge
The Challenge
AI agents are becoming more advanced, but their interfaces remain dull, complex, and intimidating for everyday users. Many tools lack clarity around capabilities, memory, and conversation context. The challenge was to design an approachable, visually rich interface that makes interacting with AI feel personal, engaging, and easy—especially for non-technical users.
AI agents are becoming more advanced, but their interfaces remain dull, complex, and intimidating for everyday users. Many tools lack clarity around capabilities, memory, and conversation context. The challenge was to design an approachable, visually rich interface that makes interacting with AI feel personal, engaging, and easy—especially for non-technical users.
WHAT I DID
WHAT I DID
Conceptualized the Core UX: Designed an illustration-driven interface using a “side-view office building” metaphor. Each office represents an agent's profession, and clicking into an office zooms into a custom-designed environment for focused chat.
Conceptualized the Core UX: Designed an illustration-driven interface using a “side-view office building” metaphor. Each office represents an agent's profession, and clicking into an office zooms into a custom-designed environment for focused chat.
Created Original Illustrations: Illustrated all key environments (e.g., Doctor's office, Lawyer’s office, Reception) in a consistent, whimsical-yet-professional style that communicates functionality while sparking curiosity.
Created Original Illustrations: Illustrated all key environments (e.g., Doctor's office, Lawyer’s office, Reception) in a consistent, whimsical-yet-professional style that communicates functionality while sparking curiosity.
Designed for Multi-Agent Interaction: Designed how users can search, switch between agents, return to the building view, and manage multiple threads (e.g., ongoing legal cases). All of this was integrated naturally into the building metaphor using elevators, floor plans, and contextual transitions.
Designed for Multi-Agent Interaction: Designed how users can search, switch between agents, return to the building view, and manage multiple threads (e.g., ongoing legal cases). All of this was integrated naturally into the building metaphor using elevators, floor plans, and contextual transitions.
Built an Interactive Prototype: Created an animated prototype to simulate navigation, agent entry, chat overlays, and visual feedback mechanisms like chat bubbles, memory markers, and contextual progress.
Built an Interactive Prototype: Created an animated prototype to simulate navigation, agent entry, chat overlays, and visual feedback mechanisms like chat bubbles, memory markers, and contextual progress.
OUTCOMES & IMPACT
OUTCOMES & IMPACT
Produced a full, illustration-driven mobile UI prototype showcasing how visual metaphors can make complex AI technology feel friendly and intuitive. The concept reimagines how users interact with intelligent systems—particularly in mobile and educational use cases. Received positive peer feedback on creativity, clarity, and potential for educational or accessibility-focused spin-offs.
Produced a full, illustration-driven mobile UI prototype showcasing how visual metaphors can make complex AI technology feel friendly and intuitive. The concept reimagines how users interact with intelligent systems—particularly in mobile and educational use cases. Received positive peer feedback on creativity, clarity, and potential for educational or accessibility-focused spin-offs.
“Instead of asking users to learn how AI works, we designed an interface that feels like it already understands them.”
“Instead of asking users to learn how AI works, we designed an interface that feels like it already understands them.”
Kemi Balogun
Kemi Balogun
Designer
Designer
