How JD’s 11.11 Campaign Redefined Visual Design for Multi‑Phase User Engagement

Background

To support JD.com’s 11.11 shopping festival, a dedicated JD Zhiliang Cloud series was created, divided into a pre‑heat period for merchants and a peak period for end‑users, aiming to boost brand influence through cross‑business flagship products.

Key Characteristics of the 11.11 Campaign

The target audience shifts from merchants in the pre‑heat stage to general users in the peak stage, requiring fresh visual concepts over a month‑long timeline.

Beyond traditional cloud, security, and cloud‑communication products, the campaign highlights new “explosive” offerings such as intelligent supply chain, exhibition cloud, and collaborative platforms.

An online‑plus‑offline linkage mechanism demands reusable visual assets that ensure consistency across multiple business lines.

Design Directions

The core design concept is “interconnect”, expressed through four angles—user, technology, change, and future—and visualized with symbols of connectivity, technology, and transformation. Gold serves as the primary color, complemented by phase‑specific hues.

Visual Continuity Across Scenarios

Component Consistency : Unified 3D components are used throughout, transitioning from lattice patterns in the pre‑heat to cube motifs in the peak.

Symbol Continuity : The “interconnect” super‑symbol maintains the campaign’s tone while borrowing JD’s youthful, space‑filled visual language.

Color Continuity : Blue‑gold for merchant‑focused pre‑heat, shifting to red‑gold for consumer‑focused peak, providing a fresh yet cohesive palette.

Phase‑Specific Design Strategies

Pre‑heat (Merchant Focus)

The visual centers on “interconnect” with crystal‑combined cloud elements, using central composition and lighting to highlight the bustling atmosphere of merchant interaction.

Peak (Consumer Focus)

The main visual adopts a Rubik’s cube motif, symbolizing “everything is connected”, “everything is intelligent”, and “everything thrives in the cloud”, delivering a clean, high‑energy promotional feel.

Optimizing User Experience

Scenario‑based main visual to enhance brand impact.

Reduced cognitive load by simplifying product information.

Streamlined page structure with integrated activity mechanisms.

Prioritized information hierarchy using bold red accents.

Lowered interaction barriers by repositioning purchase buttons.

Project Outcomes

The campaign enriched the design case library, established component patterns for cloud product visuals, and created a reusable operation component library that boosts designer productivity, ensures visual uniformity, and supports future large‑scale events.

Extended Reflections

Standardized design guidelines are crucial for multi‑business, long‑term activities, reducing costs and enhancing brand perception.

Exploring new directions such as 3D scene building strengthens JD Zhiliang Cloud’s brand identity.

Efficient cross‑team communication under tight timelines is essential for risk mitigation and project success.