1. Trang chủ (Home)
Hero banner toàn màn hình: ảnh hoặc video bộ sưu tập túi xách mới nhất, tone màu trung tính (đen, be, nâu).
Tagline thương hiệu: “Phong cách tạo nên dấu ấn.” / “Túi xách – điểm nhấn cho mỗi hành trình.”
CTA nổi bật: “Khám phá bộ sưu tập” / “Mua ngay.”
Danh mục nổi bật: Túi xách tay, Túi đeo chéo, Balo, Ví, Bộ sưu tập mới, Sale.
Sản phẩm bán chạy / mới ra mắt: hiển thị 4–6 mẫu tiêu biểu.
Giới thiệu thương hiệu ngắn: phong cách, chất liệu, triết lý thiết kế.
Bộ sưu tập đặc biệt: ví dụ “Classic Leather”, “Minimal Street”, “Business Edition”.
Đánh giá khách hàng hoặc lookbook phối đồ thực tế.
2. Trang danh mục sản phẩm (Shop / Category)
Hiển thị dạng lưới 3–4 sản phẩm mỗi hàng, ảnh sáng rõ, phông nền sạch.
Bộ lọc chi tiết:
Loại sản phẩm (túi xách tay, túi đeo chéo, túi tote, ví, balo…)
Chất liệu (da thật, da PU, canvas, nylon, vải tái chế)
Màu sắc
Kích thước (nhỏ / trung / lớn)
Mức giá
Bộ sưu tập / thương hiệu
Sắp xếp: Mới nhất, Bán chạy, Giá tăng/giảm.
Hover sản phẩm hiển thị góc chụp khác hoặc phối cùng outfit.
Tag nhỏ: “New”, “Limited”, “Best Seller”, “Sale”.
3. Trang chi tiết sản phẩm (Product Detail)
Ảnh sản phẩm độ phân giải cao, nhiều góc (mặt trước, sau, bên trong, cận chất liệu).
Mô tả chi tiết:
Chất liệu, kích thước, trọng lượng, kiểu khóa, màu sắc.
Dòng sản phẩm, nguồn gốc, hướng dẫn bảo quản.
Chính sách bảo hành: hiển thị rõ (1 năm, chính hãng, hỗ trợ sửa chữa).
Phối đồ gợi ý: hiển thị ảnh túi kết hợp cùng trang phục.
Đánh giá khách hàng: có sao, bình luận, ảnh thật.
CTA: “Thêm vào giỏ hàng” / “Mua ngay.”
Sản phẩm tương tự: hiển thị bên dưới (cùng dòng hoặc cùng màu).
4. Giỏ hàng & Thanh toán (Cart & Checkout)
Mini cart hiển thị nhanh (slide bên phải).
Cập nhật số lượng, áp dụng mã giảm giá.
Tính phí ship tự động theo khu vực.
Thanh toán qua Momo, VNPay, ZaloPay, COD.
Giao diện tối giản, chỉ 2 bước: Thông tin – Thanh toán.
Email xác nhận đơn hàng với hình sản phẩm và logo thương hiệu.
5. Trang Bộ sưu tập (Collections)
Hiển thị theo concept: “Elegant Office”, “Everyday Style”, “Travel Edition”.
Ảnh cover lớn, typography tinh tế.
Mô tả ngắn: cảm hứng thiết kế, tone màu chủ đạo, đối tượng khách hàng.
CTA: “Xem sản phẩm.”
6. Giới thiệu thương hiệu (About / Story)
Câu chuyện thương hiệu: nguồn cảm hứng, hành trình, phong cách thiết kế.
Hình ảnh xưởng sản xuất, quy trình chế tác, chất liệu chọn lọc.
Giá trị cốt lõi: tinh tế – bền vững – thời thượng – thủ công tỉ mỉ.
Video hậu trường hoặc lookbook thời trang.
7. Blog / Tạp chí thời trang (Journal / Blog)
Chuyên mục:
Cách chọn túi phù hợp với phong cách.
Bảo quản & vệ sinh túi da đúng cách.
Xu hướng túi xách 2025.
Giới thiệu bộ sưu tập mới.
Ảnh đẹp, typography tinh tế, dễ đọc.
CTA cuối bài: “Khám phá sản phẩm trong bài.”
8. Trang khuyến mãi (Deals / Sale)
Flash Sale, ưu đãi theo mùa (Black Friday, 8/3, Tết).
Combo “Túi + Ví + Phụ kiện” giảm giá.
Countdown timer và mã giảm giá nhanh.
Màu sắc tươi sáng, dễ thu hút (be – đỏ đất – đen).
9. Liên hệ & Hỗ trợ (Contact / Support)
Form liên hệ ngắn gọn (Tên, Email, Tin nhắn).
Hotline, email, địa chỉ showroom, Google Maps.
Chat trực tuyến (Messenger / Zalo).
Chính sách giao hàng, đổi trả, bảo hành, thanh toán.
10. Tài khoản khách hàng (My Account)
Đăng ký / đăng nhập / đặt lại mật khẩu.
Theo dõi đơn hàng, wishlist, lịch sử mua.
Checkout nhanh (không cần tài khoản).
Tích điểm, voucher sinh nhật, hạng thành viên.
11. Quản trị hệ thống (Admin Panel)
Quản lý sản phẩm, kho, đơn hàng, khách hàng.
Quản lý bài blog, banner, chương trình khuyến mãi.
Thống kê doanh thu, sản phẩm bán chạy, traffic.
Quản lý đánh giá & phản hồi khách hàng.
12. Phong cách giao diện (UI Style)
Tone màu: be – trắng – đen – nâu da hoặc pastel (tùy thương hiệu).
Font: Playfair Display / Lora cho tiêu đề, Inter / Poppins cho nội dung.
Ảnh: sáng rõ, ánh sáng tự nhiên, nhấn mạnh texture da & chi tiết kim loại.
Hiệu ứng: hover nhẹ, fade-in chậm, parallax mượt.
Bố cục: tối giản, nhiều không gian trắng, sản phẩm là trung tâm.
13. Tùy chọn mở rộng
Trải nghiệm AR 360°: xem túi ở mọi góc độ.
Công cụ “Find Your Style”: gợi ý túi theo phong cách (Work / Casual / Travel).
Bộ lọc nâng cao: theo dịp sử dụng (Công sở, Dạo phố, Dự tiệc).
Loyalty Program: tích điểm, ưu đãi thành viên.
Instagram Feed: hiển thị ảnh phối đồ thật của khách hàng và KOL.
