How JD Smart Cloud Crafted a Cohesive Visual Strategy for 11.11 Mega Sale

This article details JD Smart Cloud’s 11.11 promotional design process, outlining user‑phase shifts, core visual concepts, multi‑scene continuity, component reuse, and the resulting design guidelines that streamlined the campaign and enhanced brand impact across both online and offline channels.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
How JD Smart Cloud Crafted a Cohesive Visual Strategy for 11.11 Mega Sale

To support JD’s 11.11 mega‑sale, JD Smart Cloud created a dedicated series of activities divided into a warm‑up phase for merchants and a peak phase for external users, linking multiple business lines and flagship products to boost activation and brand influence.

Key characteristics identified:

The user audience shifts from merchants in the warm‑up phase to general users in the peak phase, extending the campaign to nearly a month and requiring fresh visual strategies for each segment.

Beyond traditional cloud, security, and communication products, the campaign introduced breakout items such as intelligent supply chain, exhibition cloud, and collaborative platforms, demanding distinct presentation formats.

The event combines online and offline mechanisms, necessitating reusable visual assets to ensure consistency across business lines.

Design direction focuses on the theme of “interconnection” derived from the strategic slogan “Everything is born intelligent, everything is interconnected, everything thrives in the cloud.” This concept drives four visual triggers—interconnection with users, technology, change, and the future—using gold as the primary color and varying accent colors per phase.

Visual continuity across scenarios includes:

Component continuity: Unified 3D components transition from crystal structures in the warm‑up phase to a Rubik’s cube motif in the peak phase.

Symbol continuity: The “interconnection” super‑symbol reinforces JD Smart Cloud’s tone while echoing the group’s youthful, energetic visual language.

Color continuity: Blue‑gold for merchant‑focused warm‑up visuals and red‑gold for the consumer‑focused peak phase, gradually shifting to maintain freshness and avoid visual fatigue.

Design specifications were established to guarantee consistency across multiple business lines, covering design concepts, hero images, joint logos, rules, and color usage.

Phase‑specific design approaches:

Warm‑up phase: Targeted at merchants, the visual centers on “interconnection” with crystal‑combined cloud elements, using central composition and lighting to highlight the atmosphere.

Peak phase: Targeted at general users, the main visual adopts a Rubik’s cube to symbolize interconnection, intelligence, and cloud‑based longevity, combined with cloud components for a clean, promotional look.

Initial complex 3D designs created visual noise, so later iterations simplified elements to let content lead, reducing cognitive load.

Core user‑experience enhancements include scene‑based hero visuals, reduced cognitive load by highlighting core benefits, streamlined page structures, prioritized information hierarchy using striking red accents, and lowered interaction barriers by repositioning purchase buttons.

The project enriched the design case library, established component patterns for cloud product visuals, and created a reusable operations component library, boosting designer productivity, ensuring visual uniformity, and supporting future promotions.

Extended reflections emphasize the importance of design standardization for long‑term multi‑business activities, the potential of new directions such as 3D scene creation, and the value of efficient cross‑team communication under tight timelines.

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.

Case StudypromotionbrandingUXvisual design
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.