CASE STUDY
An AI assistant that grows 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 treated it as a flexible interaction layer: lightweight for quick access, with room to expand when the conversation or task needs more space.
Challenge
Fitting the same chat interface into different screen sizes was not enough. 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 and mobile. Kiosk / Totem was treated as one platform adaptation of that system.
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 Bubble → Overlay → Fullscreen model stays consistent across platforms, while the interface adapts to available space, interaction method, and viewing distance. Kiosk / Totem is one adaptation layer within that system, not a separate dedicated deployment.
Process
I first mapped what the assistant needed to support at each level of engagement, then designed the states around those needs. That gave Bubble, Overlay, and Fullscreen one shared interaction model instead of 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 each support a different depth of interaction instead of acting as three sizes of the same window.
Keep the core Bubble → Overlay → Fullscreen behavior recognizable while adapting layout and controls per platform, including kiosk / Totem as one surface type within the same system.
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.
Reviews
Worked with me or explored the site? I’d love to know what stood out.
Loading reviews…
Reviews are temporarily unavailable.
Be the first to leave a review.
What stood out, and what would you approach differently?