1. Trang chủ (Home)
Hero banner: video / hình lookbook thể hiện phong cách đa dạng (casual, business, streetwear, sport).
Tagline: “Thời trang cho mọi phong cách – Đa năng, hiện đại, bắt kịp xu hướng.”
CTA nổi bật: “Khám phá bộ sưu tập” / “Mua ngay”.
Danh mục chính:
• Nam
• Nữ
• Unisex
• Trẻ em
• Phụ kiện (Túi, giày, mắt kính…)Section “Sản phẩm nổi bật”: 4–6 sản phẩm hot, giảm giá hoặc mới ra mắt.
“Bộ sưu tập theo mùa”: Xuân – Hè – Thu – Đông với hình lookbook.
“Thương hiệu nổi bật”: logo các brand hợp tác (Levi’s, Adidas, Mango, Local Brand…).
“Khách hàng mặc đẹp”: gallery ảnh review thật từ người dùng.
CTA mini: “Tham gia cộng đồng thời trang” / “Đăng ký ưu đãi thành viên”.
2. Trang danh mục sản phẩm (Shop / Collection)
Giao diện dạng lưới, ảnh rõ nét, hover hiển thị tùy chọn màu / size.
Bộ lọc chi tiết:
• Giới tính
• Loại sản phẩm (áo, quần, váy, giày, phụ kiện)
• Kích cỡ
• Màu sắc
• Thương hiệu
• Khoảng giá
• Giảm giá / mới nhất / bán chạySắp xếp theo: Mới nhất / Bán chạy / Giá tăng – giảm / Đánh giá cao.
Tag hiển thị: “New”, “Hot”, “Sale”, “Limited Edition”.
Thanh filter cố định khi cuộn để lọc nhanh.
3. Trang chi tiết sản phẩm (Product Detail)
Ảnh đa góc, zoom chi tiết vải, video người mẫu mặc thật.
Thông tin chi tiết: chất liệu, form, size chart, hướng dẫn bảo quản.
Lựa chọn biến thể: màu sắc, kích cỡ, kiểu dáng.
Đánh giá & bình luận có ảnh thật của khách.
Gợi ý “Phối đồ cùng sản phẩm này” hoặc “Mua cùng set”.
CTA rõ: “Thêm vào giỏ hàng” / “Mua ngay”.
Hiển thị số lượng còn lại và ưu đãi kèm theo.
4. Giỏ hàng & Thanh toán (Cart & Checkout)
Giỏ hàng mini hiển thị sản phẩm, ảnh, giá, tổng tiền.
Tích hợp mã giảm giá, voucher, freeship, combo.
Thanh toán nhanh qua Momo, ZaloPay, VNPay, COD.
Tính phí vận chuyển theo khu vực.
Email xác nhận đơn hàng với tone màu thương hiệu.
5. Trang thương hiệu (Brands)
Danh sách các thương hiệu thời trang được phân phối.
Mỗi trang thương hiệu có: logo, mô tả, bộ sưu tập đặc trưng.
Hiển thị các sản phẩm nổi bật của từng brand.
CTA: “Khám phá thương hiệu”.
6. Trang bộ sưu tập (Collections / Lookbook)
Trình bày các bộ sưu tập theo mùa hoặc chủ đề.
Hình lookbook lớn, phối màu, phong cách đa dạng.
Mô tả ý tưởng, xu hướng thời trang trong từng bộ sưu tập.
Nút CTA “Mua ngay bộ sưu tập này”.
7. Blog / Tạp chí thời trang (Fashion Journal)
Bài viết: xu hướng, mẹo phối đồ, review brand, phong cách sống.
Danh mục: Xu hướng, Phong cách, Sự kiện, Lookbook.
Gợi ý sản phẩm liên quan trong bài.
Tối ưu SEO & chia sẻ mạng xã hội (Facebook, Pinterest, Instagram).
8. Trang khuyến mãi (Sale / Deals)
Flash sale theo dịp (Black Friday, 8/3, 11/11...).
Countdown timer tạo cảm giác khẩn trương.
Bộ sưu tập “Mix & Match – Mua combo giảm thêm”.
Màu nổi bật: đỏ / cam / đen để tạo điểm nhấn.
CTA: “Săn ngay deal hot”.
9. Trang tài khoản khách hàng (My Account)
Đăng ký / đăng nhập / khôi phục mật khẩu.
Quản lý thông tin cá nhân, địa chỉ, đơn hàng.
Wishlist sản phẩm yêu thích.
Theo dõi điểm thưởng, voucher thành viên.
Checkout nhanh mà không cần tài khoản.
10. Trang liên hệ & hỗ trợ (Contact / Support)
Form liên hệ, hotline, email hỗ trợ.
Chat trực tuyến (Messenger, Zalo, chatbot tư vấn chọn size).
Chính sách đổi trả, bảo hành, vận chuyển.
Trung tâm hỗ trợ FAQ: size chart, hướng dẫn thanh toán.
11. Quản trị hệ thống (Admin Panel)
Quản lý sản phẩm, danh mục, đơn hàng, khách hàng.
Quản lý mã giảm giá, chương trình sale.
Thống kê doanh thu, sản phẩm bán chạy, khách hàng thân thiết.
Quản lý bài blog, đánh giá, bình luận.
Cập nhật banner, giao diện, SEO metadata.
12. Phong cách giao diện (UI Style)
Tone màu: Trắng – Be – Đen – Xám – Pastel (hiện đại, đa năng, trung tính).
Font: Poppins / Inter / Manrope.
Ảnh: lookbook thật, close-up chất liệu, bối cảnh lifestyle.
Hiệu ứng: hover nhẹ, fade-in khi cuộn, motion tinh tế.
Cảm giác tổng thể: thời trang – năng động – đa phong cách – dễ mua sắm.
