1. Trang chủ (Home)
Hero banner toàn màn hình: video hoặc ảnh chuyển động người chạy / sneaker cận cảnh.
Tagline thương hiệu: “Chạy nhanh hơn. Bay cao hơn.” / “Bứt tốc cùng phong cách của bạn.”
CTA: “Khám phá ngay” / “Mua sắm ngay”.
Danh mục nổi bật:
Nam 👟
Nữ 👟
Unisex
Phiên bản giới hạn
Bộ sưu tập mới
Sản phẩm bán chạy / mới ra mắt: carousel hoặc grid 4–6 sản phẩm.
“Công nghệ nổi bật”: hiển thị 3–4 tính năng (đệm khí, nhẹ, chống trượt, thân thiện môi trường).
“Thương hiệu nổi bật”: logo Nike / Adidas / Puma / Bitis...
“Review từ khách hàng & vận động viên”.
2. Trang danh mục sản phẩm (Shop / Category)
Giao diện dạng grid hiện đại, ảnh lớn, tone sáng hoặc tối tùy phong cách thương hiệu.
Bộ lọc chi tiết:
Loại giày (chạy, training, lifestyle, bóng rổ, tennis, hiking…)
Giới tính
Màu sắc
Size
Giá
Thương hiệu
Sắp xếp: Mới nhất / Bán chạy / Giá tăng/giảm / Giới hạn.
Tag nhỏ: “New”, “Hot”, “Limited Edition”, “Sale”.
Hover hiển thị góc ảnh thứ 2 hoặc chi tiết đế giày.
3. Trang chi tiết sản phẩm (Product Detail)
Ảnh sản phẩm đa góc (360° hoặc video zoom cận chất liệu).
Mô tả chi tiết:
Công nghệ đệm, vật liệu, trọng lượng, kiểu đế.
Mục đích sử dụng: chạy bộ, tập gym, đi học, đi chơi.
Chống nước, chống trượt, thoáng khí.
Bảng chọn size + hướng dẫn chọn size (theo cm hoặc EU/US/UK).
Đánh giá khách hàng (ảnh thật + sao).
Combo gợi ý: giày + tất + túi thể thao.
CTA: “Thêm vào giỏ hàng” / “Mua ngay”.
Chính sách: đổi size miễn phí, bảo hành chính hãng.
4. Giỏ hàng & Thanh toán (Cart & Checkout)
Mini cart (slide bên phải) hiển thị sản phẩm, size, giá, tổng tiền.
Mã giảm giá, freeship, voucher.
Thanh toán qua VNPay, Momo, ZaloPay, COD.
Xác nhận đơn hàng qua email tone đen – trắng – đỏ (năng động).
5. Bộ sưu tập (Collections)
Trang hiển thị các BST theo chủ đề:
“Running Energy”
“Urban Street”
“Limited Collab”
“Classic Reborn”
Ảnh cover lớn, typography mạnh mẽ.
Mô tả ngắn gọn: cảm hứng, phong cách, công nghệ sử dụng.
CTA: “Khám phá bộ sưu tập.”
6. Trang thương hiệu (About / Our Story)
Câu chuyện thương hiệu: “Từ niềm đam mê thể thao đến phong cách sống.”
Giá trị: “Hiệu năng – Thoải mái – Bền vững – Thời trang.”
Hình ảnh đội ngũ, quy trình thiết kế, thử nghiệm giày.
Video hậu trường hoặc clip vận động viên sử dụng sản phẩm.
7. Blog / Tin tức thể thao (Sneaker Journal)
Bài viết:
“Cách chọn giày chạy phù hợp.”
“Top giày hot trend 2025.”
“Hướng dẫn bảo quản & vệ sinh giày.”
Tối ưu SEO: giày chạy bộ, sneaker hot, phối đồ với giày thể thao...
CTA: “Xem sản phẩm trong bài viết.”
8. Khuyến mãi (Deals / Sale)
Flash Sale / Countdown timer.
Combo ưu đãi: “Mua 2 giảm 20%”, “Back to School”, “Running Set”.
Voucher thành viên / giảm giá sinh viên.
Giao diện mạnh mẽ, màu nổi bật (đỏ / cam / đen).
9. Liên hệ & Hỗ trợ (Contact)
Form liên hệ nhanh.
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, giao hàng, thanh toán.
10. Tài khoản khách hàng (My Account)
Đăng ký / đăng nhập / quên mật khẩu.
Theo dõi đơn hàng, lịch sử mua, wishlist.
Checkout nhanh không cần đăng ký.
Tích điểm / cấp bậc thành viên (Runner, Pro, Elite).
11. Quản trị hệ thống (Admin Panel)
Quản lý sản phẩm, đơn hàng, khách hàng, kho.
Quản lý banner, chương trình khuyến mãi.
Thống kê doanh thu, top sản phẩm bán chạy.
Quản lý blog, review, voucher.
12. Phong cách giao diện (UI Style)
Tone màu: Đen – Trắng – Đỏ / Cam – Xám (năng động, mạnh mẽ).
Font: Poppins / Inter / Montserrat (hiện đại, dễ đọc).
Ảnh: lifestyle năng động, close-up chi tiết giày, video chuyển động nhanh.
Hiệu ứng: hover mượt, parallax nhẹ, motion tốc độ cao (slide, fade, zoom).
Phong cách tổng thể: thể thao – năng lượng – công nghệ – fashion-forward.
13. Tùy chọn mở rộng
AI Shoe Finder: gợi ý giày theo mục đích (chạy bộ, tập gym, casual...).
3D Viewer: xem sản phẩm ở mọi góc.
Virtual Try-On: thử giày bằng camera AR.
Loyalty Program: tích điểm mua hàng, quà sinh nhật.
Affiliate / CTV: cho phép người dùng chia sẻ mã giảm giá để nhận hoa hồng.
