How JD’s “Friend” Module Can Transform Social Commerce

The article outlines JD’s design of a unified social‑relationship front‑end module, detailing current data‑island problems, user‑value requirements, visual guidelines, functional integration, and simplified friend‑adding flows to boost acquisition, engagement, and conversion across the platform.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
How JD’s “Friend” Module Can Transform Social Commerce
In the early stage of building a social‑relationship ecosystem, the focus was on improving business efficiency, creating distinctive features, and driving new‑user acquisition through game interactions. As activities and services increase, isolated friend‑relationship data islands emerge, hindering data integration and cross‑usage.

Existing Problems

Data fragmentation: Independent business scenarios accumulate relationship data, forming multiple data islands (e.g., over 30 million records from various campaigns).

Lack of a unified front‑end module: The platform needs a “JD Friend” module to host the social relationship chain.

Single‑scenario usage: Current social relationships are mainly used for acquisition and interaction, with untapped potential in content recommendation, traffic distribution, community growth, and purchase decisions.

Competitive pressure: Competitors like Pinduoduo have launched “Pin Circle” and “Matchmaking Card,” offering valuable references for targeting lower‑tier users.

JD Friend Design Details

1. Friend Relationship Ecosystem Overview

The JD Friend relationship consists of accumulated contacts (address book, WeChat, in‑app “Family” ties) and opportunities to connect with strangers through activities such as homepage topic likes or promotional assistance tasks.

2. Content Framework Aligned with User Value

Three business requirements were identified: (1) expand and integrate user friend data for clear analysis of friend count, source, and tags; (2) expose friend relationships for cross‑scenario calls; (3) analyze and recommend friends based on activity, value, and identity.

The layout from top to bottom includes: header information, quick‑add friend area, activity configuration area, and friend list area. Early stages show few friends, so the primary goal is friend expansion. Acquisition tools are placed at the top of the quick‑add section to meet core user needs.

Activity configuration is divided into core staged activities and other ongoing games, helping users build module awareness and supporting business goals of acquisition, activation, and conversion. The friend list uses alphabetical classification to improve search efficiency.

3. Visual Language

Design follows JD Mall APP V9 standards: distinct background and card layers, grid multiples for balanced spacing, simplified typography with hierarchical weight, and icons adhering to V9 design principles (clean, unified, dynamic, with increased corner radius for better affinity).

4. Functional Integration for Efficient Interaction

Feature integration: To handle increasing interactive games, the friend page consolidates basic friend functions with traffic‑distribution scenarios, enhancing acquisition and viral growth. Multiple activities are bundled on a single page to improve user participation efficiency.

Simplified friend‑adding paths: Active invites use a one‑to‑many group invitation after user authorization, displaying the inviter’s nickname for easy editing. Passive invites employ JD codes or QR codes, with a homepage popup to recall users.

Standardized game‑scene configuration ensures a unified visual experience and reduces collaboration costs.

Conclusion

Beyond establishing a front‑end module for the social relationship chain, future design will explore platform‑wide touchpoints and identify core nodes within key consumption paths. Integrating JD Friend touchpoints with the platform’s massive traffic flow is essential for efficient conversion.

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

Product Designuser acquisitionJD.comUXfriend networksocial commerce
JD.com Experience Design Center
Written by

JD.com Experience Design Center

Professional, creative, passionate about design. The JD.com User Experience Design Department is committed to creating better e-commerce shopping experiences.

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.