How Taobao Revamped Its PC Homepage: Lessons from 4 Years of Frontend Overhaul

Background

In late May 2022, Taobao launched a major redesign of its PC homepage. The article narrates the difficulties before and after the redesign, and outlines the technical roadmap envisioned by the PC project team.

Historical Context and Challenges

Since 2015, Alibaba’s "ALL IN Wireless" strategy shifted user traffic to mobile, causing PC DAU to drop nearly tenfold. Legacy PC features suffered from broken links, 404 errors, and outdated interactions, leading many users to believe the PC site was abandoned.

Resource scarcity was a major issue: insufficient engineers, aging codebases, and fragmented infrastructure left many legacy pages without maintainers. The team faced "archaeological" work when updating even simple components, often taking weeks.

Technical Debt Example

Developers still encounter PHP pages from over a decade ago, and even JavaScript modules written in 2010 remain in production:

/*
 Copyright 2010, KISSY UI Library v1.0.5
 MIT Licensed
 build: 524 Apr 6 09:10
*/
/**
 * @module 旺旺亮灯脚本
 * @author 玉伯
 * @depends ks-core
 */

Such legacy code illustrates the difficulty of maintaining and refactoring the PC platform.

Team Vision and Culture

Team lead "Yongba" (永霸) emphasizes user‑centric thinking, refusing unnecessary login prompts and advocating for seamless cross‑device experiences. The team, about 20 engineers, handles core front‑end products such as homepage, feed, detail pages, and messaging.

Efforts include rebuilding the web version of the WangWang chat to avoid requiring a separate client, and improving accessibility with features like screen‑reader support and adjustable UI.

Architectural Strategy

The redesign aims not only to improve usability but also to lay the groundwork for a unified, multi‑platform architecture that enables rapid migration of new features from the mobile app to PC and H5 with minimal effort.

Key goals include:

Implementing gray‑release and rollback capabilities.

Modernizing the tech stack to support multi‑device deployment.

Upgrading overall technical capacity to handle future demands.

Future Roadmap

Following the homepage launch, the team rolled out a revamped PC product detail page (2.0) with a clean design, initially targeting the women’s apparel category, with plans to extend across all categories and upgrade site‑wide search.

The long‑term vision is to maintain a sustainable PC platform that can evolve alongside mobile innovations, ensuring consistent user experience across devices.

Conclusion

The story illustrates how perseverance, user‑focused engineering, and strategic architectural decisions can revive a legacy platform, turning technical debt into an opportunity for growth.