Case 12

“Connecting Public and Private Domains”

Traffic loop design for WeChat mini-program commerce
The shortest conversion path within the WeChat ecosystem

Private-domain operations WeChat ecosystem Close the Conversion Loop UX design
Project overview

HEALTH LAB

Private-domain growth engine for premium health food and supplement brands—public account and mini-program conversion loop design that builds the shortest path to purchase.

+35%
Traffic-to-conversion rate
+28%
Purchase Conversion Rate
−32%
Payment abandonment rate
+12%
Monthly repurchase rate

Private-domain conversion loop

Seamless flow from content to purchase

1
Public account content

Health education + card-style CTA

2
One-tap redirect

Direct access to product detail page

3
Frictionless checkout

Two-step purchase completion

Key conversion metrics improved

Before vs. After Optimization

Card CTA click-through rate
+45%
Public account → Mini-program
+35%
Payment success rate
+10%
Member engagement
+12%
The Challenge

Fragmented private-domain funnel

Long path from discovery to purchase; significant traffic loss at critical touchpoints.

01

Funnel fragmentation

Content quality was strong, but embedded purchase links had low click rates. Users faced a lengthy journey from discovery to conversion.

02

Poor mini-program experience

The existing mini-program shop had poor design, slow load times, complicated search and checkout flows, causing users to abandon before payment.

03

Low repeat activation

Private-domain users lacked a sense of being valued and cared for; promotional messaging was formulaic, failing to drive repeat purchases.

The Insight

Frictionless experience × Trust consistency

"Seamless" redirects + unified trust cues
= Shortest conversion path

"Seamless" redirects

Users expect frictionless navigation within the WeChat ecosystem. Any redirect requiring a second thought causes drop-off.

Unified trust signals

Public account and mini-program must speak the same visual language so users feel assured after redirecting.

Streamlined checkout

Private-domain users are familiar friends; purchase flows must be radically simplified to eliminate redundant form-filling.

Core strategy

Integrated content, conversion, and retention

Strategy 01

Content CTA optimization

Design purchase CTAs as part of the content itself, not just a footer banner. Card-style embedded CTAs direct users straight to product pages.

Strategy 02

Mini-program UX redesign

Optimize the home screen information architecture and introduce a two-step purchase flow. Personalized recommendations powered by user segments.

Strategy 03

Member tier visualization

Bring all member tier, points, and coupon data to life visually and place it prominently.

Qingmei's advantage: experience elevation within WeChat's constraints

01

Public account content design integration

Design card-style embedded CTAs that align with the overall account aesthetic, with high-contrast buttons.

02

Mini-program "frictionless conversion" design

Optimize home screen with personalized recommendations automatically served based on user tags.

03

Visual trust consistency

Ensure product imagery, typography, and color in the public account match the mini-program shop 100%.

04

Member tier visualization

Design an animated member tier progress bar that clearly shows users how far they are from the next level.

Execution and Results

Three optimization tests

Optimization area
Before
After
Content CTA
Footer banner, 2.8% click rate
Card-style embedded, 4.1% click rate
Mini-program home
Required search, lengthy experience
Personalized recommendations, direct access
Payment flow
Multi-step confirmation, 28% abandonment
One-tap autofill, 19% abandonment
Member tier system
Hidden in account settings
Prominently displayed on home

Core optimization results

Content CTA optimization

Across ten high-traffic articles, we replaced footer banners with embedded, card-style CTAs directing straight to product pages.

Results:Card CTA click-through rate outperformed traditional banners by 45%

Payment flow redesign

Refine the UI/UX of the cart and checkout pages. Remove distractions and make the payment button more prominent.

Impact:32% lower drop-off at payment in the mini program store

Member tier visualization

Add a dynamic membership progress bar at the top of the mini program homepage, showing users how close they are to the next tier.

Outcome:12% increase in the monthly repeat purchase rate among users in owned channels

Performance & Data

A fully connected journey across owned channels

+35%
Official Account → Store CTR
+28%
Mini Program Store CVR
+10%
Payment success rate
+12%
Monthly repurchase rate

"Ordering feels effortless"

Users praised the "sophisticated design of both the content and the store," reinforcing HEALTH LAB’s professional image across its owned channels.

+45%

Card CTA click-through rate

vs. Traditional Banners

−32%

Payment Drop-Off Rate

Impact of a Simpler Journey

100%

Visual Consistency

Official Account & Mini Program