Product Management 11 min read

How JD’s APP 11.0 Redesign Elevates Visual Design and User Interaction

The article analyzes JD’s APP 11.0 visual redesign, detailing the new design philosophy, simplified icons, interactive splash screens, brand‑IP integration, unified material language, and promotional video strategy, all aimed at creating a simpler, more joyful shopping experience for diverse users.

JD.com Experience Design Center
JD.com Experience Design Center
JD.com Experience Design Center
How JD’s APP 11.0 Redesign Elevates Visual Design and User Interaction

In the first article of the APP 11.0 deep‑dive series, the focus shifts to visual design, explaining the design proposals and how they are applied across scenarios to support the redesign goals.

11.0 Design Philosophy

With JD’s expanding user base and service scenarios, the experience design faces new challenges. Building on the 10.0 philosophy, 11.0 aims to make shopping "simple and joyful" by extracting visual and product keywords that will permeate brand, product, and operation design.

Brand Design Upgrade: Communicating with Users through JOY

Simplify Icons

Following a minimalist principle, icons reduce size, light source, and spatial complexity, compress gray transitions, and increase contrast to improve instant recognizability.

The JOY face line curvature is softened to lower organic feel, resulting in a cleaner, more efficient user experience.

The icon texture mimics paper‑fold shadows, giving a lightweight, natural feel.

Launch screen typography adopts a playful handwritten style with a 6.18° upward tilt, reinforcing brand DNA and speed.

Strengthen Interaction

Responsive interaction is applied to icons and splash screens: a side‑standing ICON transforms into a 3‑D JOY greeting the user, simulating real‑time communication and creating a friendly brand impression before shopping. Adding a dynamic visual layer between static pages enhances information density and emotional impact.

Operation Ladder Progression

During promotions, the icon adopts a front‑facing posture, moving closer to the screen to convey proactive communication and highlight the promotional theme.

Operation Design Upgrade: Activating Product Experience with Operational Thinking

By anthropomorphizing the brand IP, JD integrates brand and product design to infuse the app with emotion and fun.

Internal‑External Linkage

The top‑logo on the home page and the login/registration page share a unified theme, creating a simple, joyful sensory experience and improving tolerance during login.

Render Promotion Atmosphere

Promotional concepts are woven into the design to create a marketing atmosphere during big‑sale periods.

External Design Upgrade: Using Symbols to Create Upgrade Imagery

Refine Strategy

The version symbol builds a distinct visual memory for APP 11.0. The theme—new ecosystem, new experience, new growth—drives the goal of opening new operational tracks for a better, more caring shopping experience. The key design concept is "exploration".

Visualize the Idea

The "door" symbol represents both "exploration" and breaking spatial barriers.

Application Extension

Promotional materials use three door forms: a rotating door for "new ecosystem", an outward‑expanding door for "new experience", and a spiraling door for "new growth".

External Design Upgrade: Using Splash Screen to Launch Upgrade Mindset

After updating to 11.0, users see a startup video (≤15 seconds) that highlights the homepage redesign, video integration, and expanded channels, using concise, friendly copy.

Unified Material

The "denoise" direction leads to a glass‑card aesthetic, conveying lightness and quality. Glass cards become the core visual element of the startup video, transitioning from cool to warm tones to reflect change.

External Design Upgrade: Using External Video to Convey Feature Highlights

Shift of Emphasis

Last year’s 10.0 video used stop‑motion for a Children’s Day campaign. This year, the video is distributed on video platforms, Weibo, App Store, and Android markets, shifting focus from promotional hype to clear content expression that showcases JD’s pragmatic brand personality.

Content Layout

The video emphasizes concrete product functions, placing the Joy character change at the start to capture attention, then condensing feature explanations into an easy‑to‑understand narrative, ending with the visual symbol and the slogan "Never waste a love".

Packaging Interpretation

The narration is rewritten in plain, relatable language to ensure every consumer quickly grasps the message, while also tying the video’s storyline together.

Future Outlook (11.X…)

APP 11.0 is likened to an ever‑opening door, marking a starting point for the second half of the year where JD will continue exploring visual expressions to deliver a simpler, happier life experience.

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.

user experienceProduct Designmobile appvisual designbrand 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.