← Back to work

02 WeChat mini program · 2026

Three-Body
Mini Program

One unified design for a Three-Body WeChat mini program — a daily sign-in ritual, the TTT News digital edition, a civilization-watch community, personal growth and games, all in one sci-fi visual language.

UI / UX Design system Dev handoff · 2026.09.15 WeChat · 390px = 750rpx
Three-Body mini program — games, daily sign-in and TTT News screens
63page states designed and delivered
123asset groups, PNG @2x/@3x + SVG
9product modules, from sign-in to games
8WeChat adaptation spec sheets

Screens from the file

Launch animation
01.00 · Launch
Daily sign-in, checked in
02.02 · Daily sign-in
TTT News reading view
04.02 · TTT News
Civilization watch community feed
05.01 · Community
Civilization lab games
09.01 · Civilization lab

Nine modules, one universe

Built to be handed off

390px = 750rpx

One design baseline; every size converts with rpx = px × 750 ÷ 390.

Native capsule & custom nav

Capsule, status bar and safe areas measured at runtime; custom nav and tab bar avoid them.

Component states

My-content, badges, publish cards and the sign-in carousel documented state by state.

Assets ready to ship

UI icons, glass frames, badges and brand graphics exported at @2x/@3x, vectors kept as SVG.

Next up Phemex →