Barbara Fang
Back to projects

Case 02 · WeChat Product & Information Architecture

All-in-One Mini App

Sellers can find learning content and services in one place.

ALL-IN-ONE MINI APP WECHAT · PRODUCT DESIGN
Mini App content centre screen
Mini App homepage screen
Mini App reading check-in screen
Seller learning and services inside WeChat.

I designed the information architecture for a WeChat Mini App that brings Amazon seller content into one searchable hub. It reached 520K cumulative users by July 2026.

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

Finding help on a phone

Sellers needed to find help on their phones. Policy articles and live sessions sat in separate places, with guides and event replays adding more places to search.

For sellers without an account manager, these resources are a way to get help independently.

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 ↗

Organising 17 subject areas

The Mini App launched on 30 June 2025. I organised the content by subject so sellers could browse a topic or search for a specific answer.

The 17 subject areas cover topics such as store setup, logistics and compliance.

Each area can contain seven formats: policy articles, live sessions, self-assessments, illustrated guides, handbooks, video tutorials and replays.

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.

Navigation and reading components

The component guide specifies navigation, including grids and carousels. It also covers the type and buttons used on reading screens.

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

Foundations summarised in English. Component screenshots preserved in Chinese. Full source sheets: Foundations ↗ · Components 1 ↗ · Components 2 ↗

Feedback from sellers

“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.”

Participation rose. Retention dropped after day three.

Participation in the 30-day learning programme I designed grew 50.8% from May to June 2026. Retention still dropped sharply after the third day.

Content usage suggested that some sellers came for a particular answer and then left. That gave us a reason to test easier access to popular topics.

I proposed a shorter learning path with high-demand topics first. The next question is whether sellers can get the help they need on that first visit.