Interactive Showrooms — End-to-End Design
Led and shipped the end-to-end design of Interactive Showrooms, the MVP for the Qwen Character LLM — cutting time-to-first-value from hours of docs to minutes, and driving a 200% lift in model API calls.
- Role
- Sole UX designer — research to production code
- Timeline
- 4 weeks · July–August 2025
- Team
- Me · 2 supervisors · 2 PM · 1 engineer
- Owned
- UX strategy · 4 showrooms (UX + visual) · design system templates
The Problem
The first hour was killing trial conversion
Qwen Character is an LLM API — teams build their own character products on it, the way they build on Claude. But feeling the model meant configuring, running samples, and reading output alone — a loop that routinely stretched into hours, and most trial users left before the moment of value. So I redesigned its site into a storefront: a shift from documentation to proof.
How might we
Make model capabilities visible, testable, and trustworthy — within minutes?
Decision 01
I replaced documentation with market-specific showrooms.
The showroom strategy came from our PM — a familiar consumer-product play. My leverage was pushing it to its limit and owning the build: rather than improving the documentation, I designed 4 market-specific showrooms — companionship, psychotherapy, character cloning, IP licensing — that let users experience a working version of their own future product. On a 10-person team, every feature decision across all 4 rooms was mine, and all of it shipped on the live site. Users don't believe descriptions, so the first message had to prove the capability.
Before — Generic chat
After — Therapy room
Decision 02
I designed each room to prove one capability in 60 seconds.
Three model strengths crammed into one chat window — none landed. So I split them across rooms: each makes one form of cognition visible — memory, analysis, or implementation — with one proof moment legible in 60 seconds, no explainer text.
Showroom → One proof → In-product behavior
Romance Room
Long-term memory
In experience
Character recalls conversation specifics across sessions
Astrology Room
Real-time memory updates
In experience
Live constellation profile updates mid-conversation
Therapy Room
Real-time analysis
In experience
Expert panel surfaces conversation themes as you chat
From here, each feature up close — the user psychology it's built on, and the model capability it makes visible.
Moments Feed
Generation from memory history
Instagram-style posts generated from interaction history sustain off-session presence — the character keeps existing between conversations.
Off-session presence — A reason to return.
I prototyped all four, but Moments Feed became the reusable core — not the flashiest, but the one direction that satisfied the most constraints at once. It proves two capabilities in a single surface (long-term memory and real-time reaction); it's the most cost-controllable for both model inference and engineering, unlike Alternate Universe's per-user live generation; it reuses the existing chat layout untouched; it lives in the same right-side drawerevery showroom already shares; and “a moments feed” is the most immediate mental model for users. So it became the template the other rooms were built from.
Astrology Room
Real-time memory updates
A personal constellation file updates during conversation — memory becomes transparent and inspectable. Watching the model assemble you is intrinsically compelling, and visible memory quietly converts into trust.
Therapy Room
Real-time analysis
A live panel surfaces conversation themes — users see what the system understood, not just what it said. Feeling understood is exactly what builds trust and brings people back.
One room, one visual language
The showrooms don't share one skin — each room's palette, type, and icons follow its emotional theme. The romance room borrows from Chinese romance games (Love and Deepspace, Mr Love): warm dark tones and serif headlines that read as refined and intricate. The astrology room uses blue-violet and gold for tarot mystique, with a touch of pink for a girlish note. The therapyroom — built with a university psychology professor — layers a calming blue over a warm base to stay healing yet rigorous, and pairs a visible analysis panel with a hug icon so that “being understood” is something you can see.
Decision 03
I made demos emotional for users and inspectable for builders.
Two nudges guide users to the wow moment without breaking flow: Inspiration Response offers three reply options — action, emotion, expression — that feel like gameplay, not messaging; Continue Response extends the story from context in one tap, no effort required.
Code drawer, not console
YAML specs, prompts, and constraints slide open beside the live demo — no context switch. Evaluators inspect the implementation in place, then clone the template as a reusable starting point for their own product.
How I Worked
AI changed how I shipped the work, not just how I made assets.
AI compressed the distance between strategy, visual direction, motion, and implementation. I used it to stress-test decisions, generate visual directions, prototype motion, and deliver production-adjacent interfaces that engineers could merge with minimal revision.
Tools
Notion · Memo · ChatGPT, Claude
Output
Synthesized scattered research findings — 6 apps, 40+ user comments — into strategy patterns in one session.
Tools
Qwen · ChatGPT · Figma
Output
Stress-tested competing design decisions as structured arguments. Resolved debates before stakeholder meetings.
Tools
Figma, MasterGo · Dreamnia, Wan · Kling
Output
Generated character art, scene backgrounds, and motion loops. Would have required a 3D production team without AI video tools.
Tools
CodePen · Cursor · Claude Code
Output
Shipped motion, state logic, and live interaction designs without a dedicated frontend engineer.
Inspired by Love and Deepspace, I used Wan, Kling, Dreamnia, and SeeDance for visual identity. Interactions built with Cursor and Claude Code — all in four weeks.
Product Showcase
Live interactive prototypes
Open full page for best fidelity.
Romance showroom
Long-term memory and emotional pacing in one flow.
Additional Contribution
Full refresh of the Qwen Character SaaS console.
I delivered an end-to-end update to the Qwen Character admin — spanning API surfaces, Studio (Applications, Workflows, Knowledge Base, Characters), and the nested flows underneath. That included secondary screens teams rely on in production: empty and error states, and analytics views for operational data such as invocation metrics and call volume.
Design framework
Adoption
Spark Design templates — adopted B2B design system page
If the frame is empty, the host blocks embedding — use Open in browser.
Impact
Shipped. Converted. Adopted.
3
Showrooms shipped
romance · astrology · therapy · character
~2×
Model traffic
token & call volume vs 4-wk pre-launch avg
hours → minutes
Onboarding
static docs to a felt first moment · observed
3 weeks
Research to production
intern project, shipped
Takeaway
What I learned
AI products do not sell themselves through capability lists. They need proof moments, visible cognition, and inspectable systems. The designer's job is to translate model behavior into experiences people can feel, trust, and build from.
Presentation
Walk the whole story as a deck.