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.
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.
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
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.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
