CASE STUDY
An AI assistant designed to move from a small entry point into a deeper workspace, while keeping the same conversation and context across web, mobile, and kiosk environments.
Project Context
The assistant needed to stay available without taking over the product around it. I designed it as a flexible interaction layer: lightweight for quick access, but able to expand when the conversation or task needs more room.
Challenge
The challenge was not simply fitting the same chat interface into different screen sizes. The assistant needed to change how present it was without feeling like a different product.
My Role
I designed how the assistant moves from a small entry point into overlay and fullscreen work. The job was to keep those states connected as space grows, and to adapt the same presence logic across desktop, mobile, and kiosk.
Interaction Model
Quick access without interrupting the current task.
More room for conversation while preserving the underlying context.
A dedicated workspace when the assistant becomes the main task.
Users can enter through the Bubble, expand into an Overlay, and move into Fullscreen when the task needs more focus—without restarting the conversation.
System Design
The interaction model stays consistent across platforms, while the interface adapts to the available space, interaction method, and viewing distance.
Process
I first mapped what the assistant needed to support at each level of engagement, then designed the states around those needs. This created one interaction model for Bubble, Overlay, and Fullscreen rather than three separate interfaces.
Key UX Decisions
Start with the smallest useful state and reveal more interface only when the task needs it.
Use the Overlay as a bridge between quick assistance and focused work instead of forcing an immediate context switch.
Bubble, Overlay, and Fullscreen support different depths of interaction rather than acting as three sizes of the same window.
Keep the core behavior recognizable while adapting layout and controls for desktop, mobile, and kiosk/totem use.
Final Design
Bubble, Overlay, and Fullscreen stay one assistant. Conversation and controls continue as presence grows from a small entry point into fuller work.
Design Outcome
Bubble → Overlay → Fullscreen lets the assistant change how much space it takes without becoming a different product. Quick access and deeper work stay related across desktop, mobile, and kiosk.
I like talking through design decisions. If you would have approached something differently, I’d like to hear it.