1. Trang chủ (Home)
Banner hero hiển thị sản phẩm chủ lực hoặc bộ sưu tập “Best Seller”, nền sáng tự nhiên (tone trắng, be, xanh lá nhẹ)
Khu vực “Tinh chất nổi bật”: sản phẩm được yêu thích nhất
Danh mục sản phẩm chính: Dưỡng ẩm, Làm sáng da, Chống lão hóa, Giảm mụn, Phục hồi da
Video giới thiệu thương hiệu hoặc quy trình sản xuất sạch
“Câu chuyện thương hiệu” – ngắn gọn, kèm CTA “Khám phá thêm”
“Review khách hàng thực tế” kèm hình hoặc đánh giá sao
2. Trang danh mục sản phẩm (Shop / Product Listing)
Lưới sản phẩm hiện đại, nhiều không gian trắng, ảnh sản phẩm trên nền sáng
Bộ lọc: Công dụng, Loại da, Thành phần chính (Niacinamide, Vitamin C, Retinol, HA…), Giá, Dung tích
Sắp xếp: Bán chạy, Mới nhất, Giá tăng/giảm
Hover hiển thị mô tả ngắn hoặc ảnh cận kết cấu sản phẩm
Tag nhẹ: “New”, “Hot”, “Sale”, “Best Seller”
3. Trang chi tiết sản phẩm (Product Detail)
Ảnh sản phẩm full width, có zoom chi tiết
Mô tả: công dụng, cách dùng, thành phần nổi bật, phù hợp loại da
Biểu tượng hoặc badge: “Dermatologist tested”, “Cruelty-free”, “Organic”, “Made in Vietnam”
Bảng hướng dẫn sử dụng (sáng / tối / bao lâu 1 lần)
Đánh giá người dùng kèm hình ảnh thật
Gợi ý sản phẩm liên quan (combo routine: serum + toner + kem)
Nút “Thêm vào giỏ hàng” / “Mua ngay” rõ ràng, màu tự nhiên (nâu, xanh lá, be)
4. Giỏ hàng & Thanh toán (Cart & Checkout)
Mini cart dạng slide
Mã giảm giá, voucher hoặc freeship cho đơn hàng đầu tiên
Thanh toán qua Momo, VNPay, ZaloPay, COD
Tính phí ship tự động theo khu vực
Email xác nhận đơn hàng gọn gàng, tone thương hiệu (trắng – xanh nhạt – be)
5. Trang thương hiệu (About / Brand Story)
Giới thiệu sứ mệnh, quy trình sản xuất, triết lý “clean beauty”
Hình ảnh phòng lab, nguyên liệu tự nhiên
Chứng nhận chất lượng hoặc đối tác nghiên cứu
Câu nói / tagline thương hiệu
6. Blog / Cẩm nang làm đẹp
Bài viết hướng dẫn chăm sóc da theo loại da
Cách chọn tinh chất phù hợp, kết hợp sản phẩm đúng cách
Giải thích thành phần (retinol, vitamin C, AHA, BHA, peptide, v.v.)
Tối ưu SEO: từ khóa “tinh chất dưỡng da”, “serum tốt cho da dầu”, “routine chăm da”
7. Trang khuyến mãi / Ưu đãi
Combo theo routine (ví dụ: Bộ làm sáng – Bộ phục hồi – Bộ giảm mụn)
Voucher, quà tặng mini size
Flash sale theo dịp (8/3, 20/10, Black Friday, Tết)
8. Liên hệ & Hỗ trợ
Form liên hệ, hotline, email, bản đồ showroom / spa
Chat trực tuyến (Messenger, Zalo, chatbot tư vấn da)
Chính sách: đổi trả, bảo hành, giao hàng, thanh toán
Hướng dẫn đặt hàng và đăng ký đại lý
9. Tài khoản khách hàng
Đăng ký / đăng nhập
Lưu sản phẩm yêu thích
Theo dõi đơn hàng, cập nhật trạng thái giao hàng
Lịch sử mua & chương trình tích điểm / khách hàng thân thiết
10. Quản trị hệ thống (Admin Panel)
Quản lý sản phẩm, đơn hàng, tồn kho
Quản lý blog, banner, mã giảm giá
Thống kê doanh thu, sản phẩm bán chạy, khách hàng mới
Theo dõi đánh giá và phản hồi khách hàng
11. Gợi ý phong cách giao diện (UI Style)
Tone màu: trắng, be, kem, xanh lá nhạt, xám sáng → cảm giác “sạch & organic”
Font: thanh mảnh, nhẹ nhàng (Inter, Lora, Poppins, DM Sans)
Ảnh: focus vào chai serum & texture tinh chất (ánh sáng tự nhiên)
Hiệu ứng: fade-in nhẹ, motion mượt, hover đơn giản
Bố cục: tối giản, nhiều khoảng thở, tạo cảm giác cao cấp
12. Tùy chọn mở rộng
Gợi ý sản phẩm dựa theo loại da người dùng (AI Skincare Recommender)
Form “Tư vấn da miễn phí” (khách điền loại da → gợi ý routine phù hợp)
AR Preview: xem sản phẩm thật bằng camera (nếu làm app hoặc PWA)
Hệ thống review kèm hình ảnh thật sau khi mua
