DS28 · E08 Buyer Flow

E08 Buyer Flow · Hành trình mua hàng với Voucher

Toàn bộ màn Buyer — Desktop (PLP + Cart + Checkout) và Step-by-step flow 7 bước từ PLP đến đặt hàng thành công.
10 màn · Desktop 1440px

E08 Buyer Flow là hành trình mua hàng đầy đủ tích hợp Voucher & Chiết khấu GSL: từ PLP (PriceStack hiển thị GNY/GSL/Flash Sale) → PDP → Giỏ hàng → Địa chỉ → Chọn Voucher → Xem lại đơn → Đặt hàng thành công. Phiên bản step-by-step thể hiện UX từng bước rõ ràng.

1

PLP

→

2

PDP

→

3

Giỏ hàng

→

4

Địa chỉ

→

5

Voucher

→

6

Xem lại

→

7

Thành công

Buyer · Desktop Screens PLP · Cart · Checkout — 3 màn độc lập 3 màn

PriceStack v2.1: hiển thị GNY (giá niêm yết), GSL tier discount, Flash Sale — mỗi màn thể hiện trạng thái pricing đầy đủ.

PLP · Danh sách sản phẩm

Grid sản phẩm · PriceStack GNY/GSL · voucher eligible badge · flash sale countdown · filter

Cart items · discount breakdown per item · voucher slot · subtotal with savings summary

Checkout · Chọn Voucher

Checkout page với voucher selection panel · best savings auto-suggest · final total

E8_BT02_Checkout

Step-by-step Flow 7 bước từ PLP → Đặt hàng thành công 7 màn

Tìm sản phẩm

Buyer xem PLP · chọn sản phẩm có voucher eligible · thêm vào giỏ

Chi tiết sản phẩm

PDP đầy đủ · PriceStack · discount tiers · voucher eligible note · qty picker

Review items · auto-applied GSL tiers · voucher placeholder · proceed CTA

Step 4 · Địa chỉ

Địa chỉ giao hàng

Chọn địa chỉ saved · thêm mới · ETC delivery estimate · shipping cost

E8_Step4_Address

Step 5 · Voucher

Danh sách voucher eligible · best value highlighted · apply + remove · savings preview

E8_Step5_Voucher

Step 6 · Xem lại

Xem lại đơn hàng

Order summary đầy đủ · breakdown GNY/GSL/voucher · payment method · confirm CTA

E8_Step6_Review

Step 7 · Thành công

Đặt hàng thành công

Confirmation screen · order ID · savings summary · tracking CTA · cross-sell

E8_Step7_Success

← E08 Voucher Seller Tiếp: Verified Buyer →