DS28–DS30 · Hoạt chất v2

Hoạt chất v2 · ATC Redesign Hub

Toàn bộ màn Hoạt chất v2 — desktop ATC redesign (DS28), cây ATC drill-down (DS29), và mobile Hoạt chất (DS30).
8 màn · Desktop 1440px + Mobile 390px

Mở Canvas

Hoạt chất v2 là redesign toàn diện module tra cứu hoạt chất: layout mới với SubCard + DrugBox visual (DS28), cây ATC 5 cấp tương tác drill-down (DS29), và phiên bản mobile substances-first 390px (DS30). Ba phiên bản này bổ trợ nhau — desktop giàu thông tin, mobile tập trung tìm kiếm nhanh, ATC tree cho tra cứu pháp lý chuyên sâu.

DS28 · Desktop ATC Redesign · HOATCV2 DS28 · 2 màn

ATC-V2-01

Landing · Hoạt chất v2

Grid nhóm ATC · SubCard popularity rank · filter · search · DrugBox visual

v2-atc-v2.jsx → HOATCV2_Landing

ATC-V2-02

Chi tiết Hoạt chất v2

ATCPathTree · DetailProductCard với qty control · add to cart · related substances

v2-atc-v2.jsx → HOATCV2_Detail

DS29 · Desktop ATC Tree Drill-down · ATCV2_Tree DS29 · 2 màn

Cây phân loại ATC tương tác — drill-down Level 1→5, ShopHint gợi ý mua ngay, xem sản phẩm per nhánh.

ATC-TREE-01