Conversation first.
Start with the person’s question. Keep the request and the answer in one continuous reading path.
ANONYMOUS AI STARTUP
Product design & developmentIntelligence,
made clear.
Making a complex AI service feel like a simple, useful conversation.
Explore the experience- Client
- Independent AI startup
Identity kept private - Our role
- Product design
Full-stack development - The experience
- Conversational AI
Knowledge & support - Design language
- Quiet interfaces
Purposeful motion
An exploration of form, light and interface.Download film
01 / THE CONVERSATION LAYER
Start with the question.
Conversation
REQUEST UNDERSTOOD
Update a delivery
First, understand the request.
Knowledge03
Delivery policyBefore dispatch
Order helpHelp centre
Support playbookTeam knowledge
READY WHEN NEEDED
Useful information, organised around the conversation.
A conversation becomes a clear request, with its context kept close.
Explore each step, or play the sequence. Sample conversations and screens recreate the product experience for this case study.
01 / THE CHALLENGE
Less to figure out.
More to work with.
The intelligence behind a product only matters when people can understand what to do with it.
For an independent AI startup, we designed and developed a product experience that brings conversations and supporting knowledge into one clear flow. The challenge was to make a complex service legible: what the user asked, what information matters, and what happens next.
The interface keeps those relationships visible. Motion helps explain each transition, while the content remains the focus.
02 / A SYSTEM, NOT A SINGLE SCREEN
Clarity in every layer.
Context within reach.
Give supporting knowledge its own quiet space. Bring the relevant source forward at the moment it is needed.
Motion with a reason.
Use movement to connect states and focus attention. Leave enough stillness for people to read and decide.
THE VISUAL LANGUAGESmall signals.
Small signals.
Clear meaning.
→→
A modular pixel motif moves from separate pieces to connected knowledge. Warm paper, dark ink and a restrained violet accent give the product a calm, recognisable voice.
Paper / Ink / Signal
THE INTERFACE DETAILS
Answer ready Useful on the surface.
Useful on the surface.
Considered underneath.
The answer arrives with the context that supports it.
Workspace guideSource attached to this answer
A close look at the answer and its source.
03 / FROM DESIGN TO DEVELOPMENT
One connected
product experience.
Product design and development were treated as one continuous piece of work.
Interface & interaction design
A consistent hierarchy for conversations, knowledge and responses, with clear states and purposeful transitions.
Reusable product components
Conversation cards, source previews, controls and status indicators form a shared language across the experience.
Responsive development
The same story adapts from a spacious desktop view to a focused sequence on a smaller screen.
Motion & accessible interaction
Keyboard controls, explicit playback and reduced-motion states keep the experience usable at a person’s own pace.
HAVE SOMETHING COMPLEX TO MAKE SIMPLE?