F1GENZ GenZ

F1GENZ GenZ là giao diện dành cho thương hiệu thời trang techwear và streetwear: mạnh mẽ, nhanh và luôn đặt sản phẩm lên trước. Toàn bộ hành trình từ lúc khách ghé trang đến lúc chốt đơn đều được sắp đặt để xem nhanh, chọn nhanh và mua gọn.

• Bố cục đậm chất đường phố, tương phản cao, tôn dáng sản phẩm.
• Trang chủ nhiều khối kể chuyện: hero, flash sale, danh mục, lookbook, journal.
• Năm kiểu bố cục trang chi tiết sản phẩm, đổi nhịp trưng bày theo từng bộ sưu tập.
• Menu nhiều cấp dạng bảng lớn, chia nhóm theo dòng sản phẩm kèm ảnh dẫn.
• Tìm kiếm gợi ý ngay khi gõ, kèm xem nhanh sản phẩm không cần rời trang.
• Xem nhanh, chọn size và thêm vào giỏ ngay trên lưới sản phẩm.
• Bộ lọc theo danh mục, thương hiệu, size, màu, chất liệu và khoảng giá.
• Sắp xếp và số lượng hiển thị ngay trên lưới để khách chủ động xem.
• Danh sách yêu thích và so sánh sản phẩm giúp khách cân nhắc trước khi mua.
• Sản phẩm đã xem và sản phẩm liên quan giúp kéo dài lượt xem.
• Giỏ hàng dạng trượt: xem lại đơn, đổi số lượng và thanh toán ngay khi đang duyệt hàng.
• Thanh miễn phí vận chuyển nhắc mốc freeship để khách tăng giá trị đơn.
• Flash sale đếm ngược cùng thẻ ưu đãi bật nhẹ ở góc, có nút đóng rõ ràng.
• Journal cho bài viết, lookbook và câu chuyện thương hiệu.
• Trang liên hệ với biểu mẫu gọn, hộp thoại gọi lại và thông tin showroom.
• Trang hệ thống cửa hàng đầy đủ chi nhánh, giờ mở cửa và nút chỉ đường.
• Câu hỏi nhanh, thư viện ảnh và trang hướng dẫn sử dụng dành cho khách mới.
• Đăng ký nhận tin ở chân trang cùng hệ thống kênh mạng xã hội.

1. Trang chủ

Mở đầu bằng hero toàn chiều rộng kèm dải chạy chữ tạo nhịp, ngay dưới là khối flash sale đếm ngược, danh mục dạng bento, lookbook và journal. Khách vừa vào đã thấy đúng tinh thần thương hiệu và những món đang được đẩy.

Trang chủ – hero toàn chiều rộng và danh mục

Khu flash sale đếm ngược ngay dưới hero

• Hero, dải chạy chữ và flash sale đếm ngược
• Danh mục dạng bento dẫn thẳng vào nhóm hàng
• Lookbook và journal kể chuyện thương hiệu

2. Điều hướng và menu

Menu nhiều cấp mở ra dạng bảng lớn, chia nhóm theo dòng sản phẩm kèm ảnh dẫn nên khách tìm đúng nhóm hàng chỉ trong một lần di chuột. Thanh điều hướng dính theo trang giúp khách đổi nhóm hàng bất cứ lúc nào.

Mở menu dạng bảng lớn, chia nhóm kèm ảnh dẫn

Gợi ý kết quả khi khách gõ từ khoá

• Bảng nhóm hàng nhiều cấp kèm ảnh dẫn
• Thanh điều hướng luôn hiện khi cuộn trang
• Đường dẫn quay lại nhóm hàng ở mọi trang con

3. Trang nhóm sản phẩm

Bộ lọc nằm gọn một bên, sắp xếp và số lượng hiển thị ngay trên lưới. Mỗi thẻ sản phẩm cho thấy ảnh, giá, nhãn trạng thái cùng lối tắt xem nhanh, yêu thích và so sánh.

Lưới sản phẩm kèm bộ lọc và sắp xếp

• Lọc theo danh mục, size, màu, chất liệu, khoảng giá
• Xem nhanh, yêu thích và so sánh ngay trên thẻ
• Sắp xếp và số lượng sản phẩm trên mỗi trang

4. Trang chi tiết sản phẩm

Ảnh lớn bên trái, thông tin mua bên phải: giá, lựa chọn màu và size, số lượng và nút thêm vào giỏ. Bên dưới là phần mô tả, chính sách đổi trả, sản phẩm liên quan và sản phẩm đã xem.

Trang chi tiết: ảnh lớn, lựa chọn màu size, nút mua

• Năm kiểu bố cục để đổi nhịp trưng bày
• Thanh miễn phí vận chuyển nhắc mốc freeship
• Sản phẩm liên quan và sản phẩm đã xem

5. Journal

Trang bài viết có bài nổi bật dạng thẻ lớn và danh sách bài mới chia hai cột. Mỗi bài giữ nhịp đọc thoáng, phù hợp lookbook, hướng dẫn phối đồ và tin nội bộ.

Journal: bài nổi bật và danh sách bài mới

Bài viết chi tiết với ảnh lớn và nội dung dài

• Bài nổi bật dạng thẻ lớn
• Danh sách bài mới chia cột, lọc theo chuyên mục
• Trang bài viết có mục lục và ảnh bìa riêng

6. Liên hệ và giải đáp

Biểu mẫu gửi yêu cầu đặt cạnh thông tin showroom, bản đồ chỉ đường và khối câu hỏi nhanh. Khách để lại lời nhắn, gọi lại hoặc tự tìm câu trả lời ngay trên một trang.

Biểu mẫu gửi yêu cầu, ảnh showroom và bản đồ

• Biểu mẫu liên hệ và hộp thoại gọi lại
• Thông tin showroom, giờ mở cửa và bản đồ
• Câu hỏi nhanh dạng mở gọn

7. Hệ thống cửa hàng

Danh sách chi nhánh kèm bản đồ tương tác, giờ mở cửa và nút chỉ đường. Khách chọn đúng cửa hàng gần nhất mà không phải hỏi lại.

Danh sách cửa hàng, bản đồ và giờ mở cửa

• Bản đồ tương tác và bộ lọc theo khu vực
• Thẻ chi nhánh kèm địa chỉ, giờ mở cửa, chỉ đường
• Lời nhắc chuẩn bị trước khi ghé showroom

8. Giới thiệu thương hiệu

Trang giới thiệu kể câu chuyện bằng khối chữ lớn và ảnh tràn viền, điểm thêm các con số về chất liệu và quy trình. Đây là nơi thương hiệu nói rõ mình làm ra sản phẩm như thế nào.

Trang giới thiệu: khối chữ lớn và ảnh tràn viền

• Khối kể chuyện cùng ảnh tràn viền
• Điểm nhấn chất liệu và quy trình
• Dẫn tiếp sang lookbook và nhóm hàng chính

9. Ưu đãi và hỗ trợ

Ưu đãi và thông báo bật lên dạng thẻ nhỏ ở góc, có nút đóng rõ ràng nên không cản tầm nhìn sản phẩm. Kênh hỗ trợ luôn nằm ở góc phải để khách hỏi ngay khi cần.

Ưu đãi và thông báo hiện ở góc, có nút đóng

Chân trang đầy đủ: nhóm liên kết, thanh toán, đăng ký nhận tin

• Flash sale đếm ngược và thẻ ưu đãi
• Thông báo mới kèm nút đóng gọn
• Kênh hỗ trợ và đăng ký nhận tin

10. Trang dành cho khách mới

Khách lần đầu ghé shop có sẵn trang hướng dẫn sử dụng, câu hỏi nhanh và thư viện ảnh. Mọi thắc mắc về size, đổi trả và cách đặt hàng đều có chỗ trả lời.

• Trang hướng dẫn sử dụng từng bước
• Câu hỏi nhanh và thư viện ảnh
• Chính sách đổi trả, bảo hành và vận chuyển

11. Trải nghiệm trên điện thoại

Bố cục tự co giãn theo màn hình, thanh mua luôn dính bên dưới nên khách chốt đơn ngay trên điện thoại. Menu rút gọn, nút gọi và kênh hỗ trợ nằm trong tầm ngón tay.

Trang chủ trên điện thoại với thanh mua dính

Trang chi tiết sản phẩm trên điện thoại

• Bố cục co giãn theo mọi kích thước màn hình
• Thanh mua và nút gọi luôn trong tầm tay
• Menu rút gọn, tìm kiếm và lọc dùng tốt trên di động

Bắt đầu cùng F1GENZ GenZ

Xem hướng dẫn sử dụng đầy đủ tại f1genz-genz.mysapo.net/pages/huong-dan-su-dung. Cần tư vấn thêm, gửi thư về [email protected] hoặc ghé f1genz.com.