Designing an Effective E‑Commerce Marketing Flow: From Concept to Multi‑Platform Implementation
This article examines the end‑to‑end design of NetEase Yanxuan's marketing flow, covering its conceptual definition, background challenges, step‑by‑step UI/UX enhancements across web and mobile, promotion tool integration, price‑tag strategies, and multi‑device adaptation to boost conversion and user experience.
Concept of the Marketing Flow
In any e‑commerce model, the core is product sales, and marketing activities are essential for driving GMV and acquiring users. With rising consumer expectations, the marketing flow—spanning from product browsing to order placement—must be designed thoughtfully.
Design Background of Yanxuan's Marketing Flow
Yanxuan initially attracted loyal users with a minimalist brand, but rapid growth exposed limitations in its simple feature set. User feedback highlighted needs such as special‑time promotions, incentives for high‑engagement users, prompts for discounts, free shipping, bundle purchases, and personalized product recommendations.
Design Process Overview
1. Optimize the Shopping Path – The original flow was thin, offering only browse and order actions. New nodes were added to embed marketing functions, extending the path but improving conversion by meeting diverse user demands.
2. Clarify Design Direction – Functionality follows business goals while preserving Yanxuan’s brand tone. The design emphasizes simplicity, consistency, and smooth processes.
3. Build Promotion Tools – Various promotional modules (e.g., time‑limited pricing, bundle offers) are integrated into product detail pages, cart pages, and checkout, each with distinct visual zones (Area 1, Area 2, Area 3) to highlight urgency, multi‑product deals, or complex bundles.
4. Adapt Across Platforms – Mobile interfaces require condensed information and prioritized elements. For example, the app’s cart view simplifies tiered promotion messages and hides less‑frequent actions to reduce cognitive load.
Refining Price and Tag Presentation
Multiple promotional scenarios generate varied prices and tags. On the app, the lowest SKU price is shown by default, while detail pages display full pricing (original and promotional). Tags are prioritized and styled uniformly to improve readability.
Conclusion
Marketing flow design must follow business needs, prioritize usability, and stay user‑centered. By aligning UI/UX with promotional logic, simplifying interactions, and ensuring cross‑device consistency, the system enhances conversion rates and delivers a seamless shopping experience.
网易UEDC
NetEase UEDC aims to become a knowledge sharing platform for design professionals, aggregating experience summaries and methodology research on user experience from numerous NetEase products, such as NetEase Cloud Music, Media, Youdao, Yanxuan, Data帆, Smart Enterprise, Lingxi, Yixin, Email, and Wenman. We adhere to the philosophy of "Passion, Innovation, Being with Users" to drive shared progress in the industry ecosystem.
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.