Back to projects

Case 02 · WeChat Product & Information Architecture

All-in-One Mini App

Sellers could not find what they needed.

ALL-IN-ONE MINI APP WECHAT · PRODUCT DESIGN
Mini App content centre screen
Mini App homepage screen
Mini App reading check-in screen
One place to discover, learn and take the next step.

One WeChat destination for seller education, services and events, organised around how people look for help rather than around the teams publishing it.

Role
Product design & information architecture
Period
2025 — Present
Surface
WeChat Mini App
Scale
520K cumulative users
Status
Live · measured
520Kcumulative users · Jul 2026
32.3Kmonthly actives · Jul 2026
17 × 7domains × formats, one hub

Context

Chinese sellers run their business from a phone, but the help they needed was scattered: policy articles in one place, live sessions in another, PDFs somewhere else, and event replays almost impossible to find.

Small and medium sellers feel this hardest. They do not have an account manager to ask, so the information architecture becomes part of the support experience.

FROM DISCOVERY TO THE RIGHT CONTENT · SCROLL EACH SCREEN TO EXPLORE

01 · A familiar starting point
01 · A familiar starting pointView full screen ↗
02 · Browse by topic
02 · Browse by topicView full screen ↗
03 · Find a specific answer
03 · Find a specific answerView full screen ↗

The architecture

We launched the Mini App on 30 June 2025 as one destination for marketing insight, seller education, services and event content. The difficulty was the shelving, not the screens.

Seventeen content domains, from store setup and logistics through compliance, brand building and cross-border payments, had to work across seven formats: policy articles, live sessions, self-assessments, illustrated guides, handbooks, video tutorials and replays.

What data changed

I designed a 30-day guided learning programme inside the app, and participation grew 50.8% from May to June 2026. But retention collapsed after the third day. Judged as a course, it looked like a failure.

The content data explained why: sellers were arriving, taking the one thing they needed, and leaving. That pointed to a menu rather than a syllabus: high-demand topics first, with a shorter fast path proposed for people who never wanted thirty days.

For a self-serve audience, first-touch usefulness beats completion. That is now how I judge every content surface in the app.

LEARNING & RETURN VISITS · SCROLL EACH SCREEN TO EXPLORE

01 · Reading check-in
01 · 90-day check-in UI · a separate programme from the measured 30-day cohortView full screen ↗
02 · Live learning
02 · Live learningView full screen ↗

MINI APP · CHECK-IN USER JOURNEY

User actionTool actionHuman review / choiceAutomated check
  1. Step 1

    Enter check-in

    Choose an entry pointHome search · Home navigation · My account
  2. Step 2

    Check status

    Already checked in?Open the check-in detail or My check-ins.
    View past activityMove between the detail page and check-in history.
  3. Step 3

    Record activity

    Automatic check-inOpening the activity page records the check-in.
    Keep a day countThe system records days checked in.
  4. Step 4

    Share

    Social sharingContinue to the sharing and reward stage.

Entry → check-in → history and sharing · based on the original wireframe.

A shared UI language

Foundations and reusable components keep navigation, reading and actions consistent across the Mini App.

FOUNDATIONS · GRID, COLOUR AND TYPE
FOUNDATIONS · GRID, COLOUR AND TYPE
Original Chinese component specification excerpt 1
COMPONENTS 1 · BUTTONS
Original Chinese component specification excerpt 2
COMPONENTS 2 · GRID AND CAROUSEL

Seller voice

“I no longer need to rely on my PC for information. Now I can learn anytime, anywhere on my phone.”

“The Mini App makes information searches so much more convenient.”