Lá Sương Cosmetics · Mỹ phẩm
Trang ra mắt serum với chai 3D xoay theo cuộn trang
Chai serum 3D xoay, tách lớp thành phần khi người xem cuộn, chạy mượt trên điện thoại tầm trung.
- Dịch vụ
- Website 3D & chuyển động
- Năm
- 2026
- Thời gian thực hiện
- 7 tuần
Bài toán
Thương hiệu cần một trang ra mắt khác biệt cho dòng serum mới, nhưng 80% lượt truy cập đến từ điện thoại qua quảng cáo mạng xã hội — trang nặng là mất khách.
Cách Zenith giải
- 01Dựng mô hình chai 3D, nén còn 1,4 MB và chỉ tải khi người xem cuộn tới.
- 02Mỗi đoạn cuộn tách một lớp thành phần, kèm chú thích công dụng ngắn.
- 03Tự chuyển sang bản ảnh tĩnh trên máy yếu, nút mua luôn hiện ở đáy màn hình.
Kết quả sau ra mắt
3:48
phút xem trung bình mỗi lượt
+2,3×
tỷ lệ thêm vào giỏ so với trang cũ
60 fps
trên máy Android tầm trung
Công nghệ
- Next.js
- Three.js
- GSAP
- Nén mô hình 3D
- Theo dõi chuyển đổi
“Người xem ở lại trang lâu gấp ba và tự chia sẻ đoạn quay màn hình. Đó là thứ quảng cáo không mua được.”
Bạn có bài toán tương tự?
Gửi brief, kỹ sư phụ trách gọi lại trong một ngày làm việc.
