1. TRANG CHỦ
|
|
Trang chủ sử dụng hero banner lớn với hình ảnh chai rượu cao cấp và trái nho tươi, tạo cảm giác sang trọng. Tiêu đề nổi bật "CHẤT LƯỢNG TẠO NÊN ĐẲNG CẤP SẢN PHẨM" xây dựng niềm tin ngay lập tức. Header sticky hiển thị hotline, email, menu điều hướng và thanh tìm kiếm. Sidebar cố định bên phải với nút Hotline, Zalo, Messenger giúp khách hàng liên hệ tức thì, tăng tỷ lệ chuyển đổi. |
2. TRANG SẢN PHẨM

Sidebar trái có bộ lọc chuyên sâu: danh mục, màu sắc, mức giá, xuất xứ, dung tích, độ cồn. Cho phép lọc nhiều tiêu chí cùng lúc với kết quả real-time.
Grid 4 cột hiển thị hình ảnh, tên, giá gốc gạch ngang, giá KM màu đỏ, badge giảm giá. Khi hover xuất hiện nút "Thêm vào giỏ" mượt mà.
3. CHI TIẾT SẢN PHẨM

Layout 2 cột: trái là gallery hình ảnh với zoom, phải hiển thị tên, giá, thông số (xuất xứ, dung tích, độ cồn). Ba nút CTA: "Mua ngay" (đỏ), "Liên hệ" (xanh), "Tư vấn".
Tabs thông tin: Mô tả chi tiết, Thông số kỹ thuật, Đánh giá khách hàng (rating 5 sao, ảnh thực tế). Section "Sản phẩm liên quan" tối ưu giá trị đơn hàng.
4. SO SÁNH SẢN PHẨM
Bảng so sánh tối đa 4 sản phẩm với thông số đầy đủ. Tự động highlight giá tốt nhất, điểm khác biệt quan trọng giúp quyết định nhanh.
.png)
5. GIỎ HÀNG & THANH TOÁN
Layout 2 cột: trái là danh sách sản phẩm, phải là form thanh toán. Ba phương thức: COD (mặc định), Ngân hàng, QR code.
Box tóm tắt hiển thị điểm tích lũy hiện có, mã giảm giá, tổng tiền. Nút "THANH TOÁN" lớn màu xanh nổi bật.

6. TÀI KHOẢN KHÁCH HÀNG
Sidebar menu: Thông tin cá nhân, Đơn hàng, Lịch sử điểm. Phía trên hiển thị "Tổng điểm: 12.850" màu cam nổi bật.
Chi tiết đơn chia box rõ ràng: Thông tin đơn, Trạng thái (badge màu), Sản phẩm, Điểm tích lũy (đã dùng, được cộng).
Bảng lịch sử điểm minh bạch: Mã giao dịch, Loại (Cộng/Trừ), Số điểm (xanh/đỏ), Thời gian. Xây dựng lòng tin dài hạn.
|
|
|
7. DANH SÁCH YÊU THÍCH

Grid sản phẩm đã lưu với icon X để xóa. Nếu có KM mới, tự động notify. Nút "So sánh sản phẩm" giúp quyết định dễ dàng.
8. RESPONSIVE DESIGN
.png)
Responsive hoàn toàn: Desktop 4 cột, Tablet 2-3 cột, Mobile 1-2 cột với sticky add-to-cart bar. Load <2s (4G), scroll mượt mà.
9. TÍNH NĂNG ĐỘC ĐÁO
Điểm tích lũy: 1% giá trị = điểm, 100 điểm = 1.000₫. Có rank Silver/Gold/Platinum với ưu đãi độc quyền.
Live chat: Với sản phẩm >2 triệu, tự động pop-up mời tư vấn, giảm bỏ giỏ hàng.
Remarketing: Email/SMS tự động. Giỏ hàng bỏ sau 2h gửi mã 5%, recover 15-25% đơn hàng.
10. KẾT QUẢ KINH DOANH DỰ KIẾN
Với thiết kế UX/UI tối ưu, quy trình mua hàng mượt mà và các tính năng tăng chuyển đổi thông minh, T-Shop dự kiến đạt được:
Tỷ lệ chuyển đổi (Conversion Rate): 3.5-5% (cao gấp 2-3 lần trung bình ngành eCommerce Việt Nam 1.5-2%)
Giá trị đơn hàng trung bình (AOV): Tăng 30-40% nhờ cross-selling, upselling và tính năng so sánh sản phẩm
Tỷ lệ khách hàng quay lại (Retention Rate): Tăng 60% nhờ hệ thống điểm tích lũy và loyalty program
Bounce Rate: Giảm xuống dưới 35% nhờ tốc độ tải trang nhanh và nội dung hấp dẫn
Mobile Conversion Rate: Đạt 2.5-3.5% (trung bình ngành chỉ 0.8-1.2%) nhờ responsive tối ưu và checkout process đơn giản
Customer Lifetime Value (CLV): Tăng gấp 3 lần nhờ khách hàng trung thành mua lại nhiều lần
.png)

