How JD’s Mini‑Program Redesign Transformed User Experience on WeChat

Changes and Opportunities

Previously, the JD mini‑program was merely a replica of the JD app within WeChat, offering identical products, design, and marketing. Now it has evolved into a full‑domain marketing hub, becoming JD’s primary traffic and transaction platform in the WeChat ecosystem. Users are more diverse and casual, favoring high‑frequency items such as household goods and fresh food, requiring a differentiated front‑end experience to build a unique WeChat‑specific brand mind‑set.

Redesign Approach

Based on differentiated insights of people, goods, and places, the redesign follows a “Know‑Heart‑Save‑Happy” user‑need framework, progressing from passive support to proactive guidance and finally interactive communication, constructing a structured user perception of the JD mini‑program.

#KnowHeart

Creating a WeChat‑tailored user experience starts with the homepage as the program’s front door. By analyzing data, users, and competitors, we upgraded the framework, content, flow, and brand across four dimensions to address challenges of channels, audiences, and branding.

Framework upgrades increase both breadth and depth: simplifying stacked shelves into first‑screen feeds for quick browsing, and expanding a flat layout into a three‑dimensional exploratory framework that incorporates social “shake”, private‑domain zones, activity calendars, and entertainment‑driven content.

Feed content expression is enhanced by a three‑layer model—Reach, Presentation, Mindset—creating a refined content expression system that improves reach efficiency while enriching formats.

Navigation is diversified to address casual user pain points across pre‑, mid‑, and post‑shopping scenarios, encouraging sustained browsing and clicks.

#SaveHeart

The redesign aims to deliver a “care‑free and cost‑saving” shopping experience by extending the purchase chain: pre‑purchase clarifies needs, purchase accelerates decisions, and post‑purchase offers personalized services.

Pre‑purchase upgrades search with hot topics, WeChat‑specific rankings, and recommendation extensions to capture exploratory browsing.

During purchase, streamlined product pages, shareable carts, and short‑link checkout reduce cognitive load and shorten paths.

Post‑purchase leverages user segmentation to deliver tailored content and benefits, creating a sense of exclusivity.

#HappyHeart

To match users’ entertainment and social interests, the second‑floor of the mini‑program introduces playful, content‑rich experiences such as short videos, mini‑games, and social interactions, using high‑contrast colors, light‑skeuomorphic elements, and dynamic effects to capture attention within the first five seconds.

Design explores diverse aesthetics—“new ugly”, “vulgar brutalism”, and “elderly‑fun” styles—to break conventional order and resonate with casual users’ real lives.

Motivational mechanisms map virtual designs to real‑world scenarios, using exaggerated motion effects (e.g., cash‑burst animation) to enhance user joy and reinforce engagement.

Conversion

After attraction, simple traditional e‑commerce benefits guide users into the purchase flow, completing a full‑chain experience that transforms casual WeChat browsing into a distinctive JD shopping journey.

Conclusion

In the WeChat ecosystem, JD’s mini‑program serves a wide range of users—from busy workers to leisurely retirees—offering a uniquely tailored experience that combines knowledge, ease, and enjoyment.