How Taobao’s “Home‑Page as Venue” Redefined Big‑Sale Performance

Background

During major Taobao sales events, the homepage is filled with numerous promotional cards that act as distribution arms for various business venues, but they consume valuable space and can dilute user focus.

Current Situation and Problems

Cards crowd the information flow, pushing high‑value recommendations to later screens and hurting commercial metrics.

Limited slot space restricts the amount of content each venue can present.

Each promotion requires separate front‑end and back‑end development, leading to high engineering effort and coordination overhead.

New Play: Home‑Page as Venue

The solution introduces an A/B‑page model: the homepage’s A side remains unchanged, while the B side hosts a full venue page. A cute cat‑head button at the bottom of the homepage serves as the entry point, moving the venue’s content off the main card flow and freeing up space.

Evolution of the New Play

First shown in the 2022 “99” promotion, the approach combines a fixed homepage component set with a venue‑specific information flow, creating a seamless flip‑to‑B‑page experience without a full page navigation.

Technical Design Overview

The design had to answer three key questions:

How open should the homepage be to the venue—full B‑side takeover or shared capabilities?

How to achieve low coupling while meeting performance and business requirements?

How to fit the solution into a tight pre‑sale schedule?

Taobao already supports several open modes (new‑user, senior‑user, overseas, subscription/live). The new venue adopts a fine‑grained open model that reuses the homepage’s main interface but adds a dedicated venue sub‑container.

Overall Open Scheme for Home‑Page as Venue

The chosen scheme mirrors the “new‑user/elder‑user” mode: the homepage’s main interface is fully reused, while the venue provides its own card construction pipeline that feeds into the existing information‑flow engine. This approach balances development cost and decoupling.

Cat‑Head Personalization Data Chain

To boost click‑through, the cat‑head displays personalized product recommendations. The personalization pipeline reuses the homepage’s existing recall, filtering, shuffling, and ranking logic, creating a dedicated promotion pool without adding extra algorithm calls.

Implementing “What‑You‑See‑Is‑What‑You‑Get”

Two refresh scenarios are handled:

Full refresh (cold start, manual refresh, expiration): The cat‑head’s selected product ID is sent upstream, and the venue returns a pre‑filled card that is inserted into the flow.

Incremental refresh (regular switch): Only the cat‑head’s card data is requested from the algorithm service, and the client inserts the new card without reloading the entire page.

Insertion logic uses anchor points (top‑focus card or first visible card) to place the personalized card gracefully.

Why a Native + DynamicX Solution

Choosing the same Native + DynamicX stack as the homepage ensures smooth A/B transitions, high frame rates, and reuse of existing icon and top‑focus components. It also aligns with the venue’s H5 implementation, allowing most functionality to be shared while only a few special cases require custom development.

Results and Outlook

AB tests during the Double‑11 promotion showed clear positive impacts:

Overall Taobao metrics (IPV, PV, GMV, commercial revenue) increased.

Homepage engagement (clicks, IPV, retention) improved.

The new cat‑head entry outperformed traditional cards in clicks and retention, driving more traffic to venues.

Future work includes further decoupling the venue from the homepage (e.g., moving native content to a WebView container) and refining operational space for the cat‑head and other dynamic elements.

Conclusion

Replacing crowded promotional cards with a unified A/B‑page design liberated homepage space, improved information‑flow efficiency, and delivered measurable business gains, demonstrating a viable new pattern for large‑scale e‑commerce promotions.