Alibaba CloudQwen Character

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.

Romance showroom1 / 3

Open full page

Long-term memory and emotional pacing in one flow.

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 visiblememory, 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 presenceA reason to return.

It keeps living between sessions.

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.

Your profile rewrites in real time.

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.

The model's read, visible beside your words.

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.

↑ Both live in the romance room — tap a reply option, or continue the story.

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.

↑ Romance room — the YAML and prompt behind the demo, open right there.
↑ Therapy room — the same code drawer: pipeline spec, prompt, and model config.

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.

01Research

Tools

Notion · Memo · ChatGPT, Claude

Output

Synthesized scattered research findings — 6 apps, 40+ user comments — into strategy patterns in one session.

02UX Strategy

Tools

Qwen · ChatGPT · Figma

Output

Stress-tested competing design decisions as structured arguments. Resolved debates before stakeholder meetings.

03Visual Identity & UI

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.

04Motion & Production Code

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

Memory makes every return feel earned.

Live interactive prototypes

Open full page for best fidelity.

Romance showroom

Long-term memory and emotional pacing in one flow.

Open full page

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.

Updated console overview — API entry and Studio navigation

Design framework

Adoption

Spark Design templates — adopted B2B design system page

Open in browser

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

View the live showrooms →

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.