1. Trang chủ (Home)
Hero banner toàn màn hình: hình ảnh chiến dịch mới hoặc bộ sưu tập theo mùa (Spring/Summer, Fall/Winter).
Tagline thương hiệu: “Phong cách định hình cá tính.” hoặc “Thời trang hiện đại cho mọi khoảnh khắc.”
CTA nổi bật: “Khám phá ngay” / “Mua sắm ngay.”
Danh mục chính: Nam, Nữ, Unisex, Phụ kiện, Sale.
Sản phẩm nổi bật: hiển thị 4–6 mẫu bán chạy hoặc mới ra mắt.
Bộ sưu tập theo mùa hoặc chủ đề: “Classic Line”, “Urban Street”, “Minimal Office”, “Weekend Mood”.
Giới thiệu ngắn về thương hiệu: triết lý thiết kế, phong cách chủ đạo.
Đánh giá khách hàng hoặc lookbook thật (ảnh khách hàng / influencer).
2. Trang danh mục sản phẩm (Shop / Category)
Bố cục dạng lưới sản phẩm, hình ảnh sáng rõ, nhiều khoảng trắng.
Bộ lọc chi tiết:
Loại sản phẩm (Áo, Quần, Váy, Giày, Túi, Phụ kiện)
Giới tính
Size
Màu sắc
Chất liệu
Giá
Sắp xếp: Mới nhất, Bán chạy, Giá tăng/giảm, Đề xuất.
Hover sản phẩm: hiển thị ảnh thứ hai (model đang mặc hoặc cận chất liệu).
Tag sản phẩm: “New”, “Hot”, “Limited”, “Sale.”
3. Trang chi tiết sản phẩm (Product Detail)
Ảnh sản phẩm full width, có thể zoom, xem nhiều góc, hoặc video catwalk.
Thông tin chi tiết: chất liệu, kiểu dáng, xuất xứ, hướng dẫn giặt ủi.
Bảng chọn size + hướng dẫn chọn size chuẩn.
Gợi ý phối đồ (Mix & Match): hiển thị các sản phẩm liên quan.
Đánh giá khách hàng (sao + hình thật).
CTA rõ ràng: “Thêm vào giỏ hàng” / “Mua ngay.”
Hiển thị chính sách đổi trả, bảo hành, giao hàng.
4. Giỏ hàng & Thanh toán (Cart & Checkout)
Mini cart hiển thị sản phẩm, size, giá, tổng tiền.
Cho phép nhập mã giảm giá, voucher, freeship.
Thanh toán qua Momo, VNPay, ZaloPay, COD.
Giao diện thanh toán 1 bước (One-page Checkout).
Email xác nhận đơn tone thương hiệu (đen – trắng – be).
5. Trang Bộ sưu tập (Collections)
Hiển thị bộ sưu tập với hình ảnh lớn, typography tinh tế.
Mô tả ngắn cảm hứng, phong cách và tone màu chủ đạo.
Các bộ sưu tập nổi bật: “Essential Line”, “Modern Street”, “Luxury Classic”, “Eco Wear”.
CTA: “Xem chi tiết bộ sưu tập.”
6. Trang Giới thiệu thương hiệu (About)
Câu chuyện thương hiệu: nguồn cảm hứng, hành trình, triết lý thiết kế.
Hình ảnh đội ngũ, studio, showroom hoặc quá trình sản xuất.
Video ngắn “Behind the Design”.
Giá trị thương hiệu: sáng tạo – chất lượng – bền vững – cá tính.
7. Blog / Tạp chí thời trang (Journal)
Bài viết về xu hướng thời trang, phong cách sống, mẹo phối đồ.
Hướng dẫn chọn outfit, bảo quản quần áo, mix phụ kiện.
SEO tối ưu cho từ khóa: outfit, phong cách, thời trang nam nữ, xu hướng 2025.
CTA cuối bài: “Xem sản phẩm trong bài viết.”
8. Trang Khuyến mãi (Deals / Sale)
Flash Sale hoặc ưu đãi theo mùa (Black Friday, 8/3, Tết, Summer Sale).
Banner khuyến mãi tone sáng, typography nổi bật.
Combo “Mix 2 – Giảm 20%” hoặc “Bộ sưu tập đồng giá.”
Countdown timer và voucher đặc biệt cho thành viên.
9. Liên hệ & Hỗ trợ (Contact)
Form liên hệ (Tên, Email, Nội dung).
Hotline, email, bản đồ showroom.
Chat trực tuyến (Messenger, Zalo, chatbot chọn size).
Chính sách: đổi trả, bảo hành, thanh toán, vận chuyển.
10. Tài khoản khách hàng (My Account)
Đăng nhập / đăng ký.
Theo dõi đơn hàng, wishlist, lịch sử mua.
Checkout nhanh không cần tài khoản (Guest Checkout).
Chương trình thành viên tích điểm, ưu đãi sinh nhật, voucher riêng.
11. Quản trị hệ thống (Admin Panel)
Quản lý sản phẩm, danh mục, đơn hàng, kho, khách hàng.
Quản lý banner, khuyến mãi, blog, lookbook.
Thống kê doanh thu, traffic, sản phẩm bán chạy.
Quản lý phản hồi, đánh giá khách hàng.
12. Phong cách giao diện (UI Style)
Tone màu: trắng – đen – be – pastel nhẹ, hoặc tùy theo định vị thương hiệu (cao cấp, năng động, trẻ trung).
Font: Inter, Poppins, Lora, Playfair Display – rõ nét và sang trọng.
Ảnh: lookbook thật, ánh sáng tự nhiên, bố cục thời trang editorial.
Hiệu ứng: hover nhẹ, fade-in mượt, chuyển ảnh tinh tế.
Bố cục: tối giản, nhiều không gian trắng, tập trung hình ảnh và CTA.
13. Tùy chọn mở rộng
Gợi ý outfit theo phong cách (AI Outfit Recommender).
Virtual Try-On: thử đồ hoặc phụ kiện bằng AR.
Size Advisor tự động: chọn size theo chiều cao, cân nặng.
Membership Program: tích điểm, cấp bậc VIP.
Instagram Feed: hiển thị outfit khách hàng, KOL, influencer.
Store Locator: hiển thị cửa hàng trên bản đồ.
