Phát triển WebAR - 3D interactive Product Viewer
Lĩnh vực | Nội thất, Thương mại điện tử |
---|---|
Giải pháp | WebAR - 3D Product Viewer |
Môi trường / nền tàng | Web Browser (Chrome/Safari/Edge...) |
Thiết bị / Hệ điều hành | Desktop / Laptop / Mobile (Android/iOS) |
Công nghệ | Javascript, Html, Css, WebXR Augmented Reality |
3D Model Support | Only glTF/GLB |
OneTech Asia là công ty phần mềm hàng đầu về lĩnh vực XR (VR/AR/MR). Chúng tôi hiện đang cung cấp các giải pháp WebAR – 3D interactive Product Viewer giúp doanh nghiệp tăng khả năng hiển thị sản phẩm, thu hút khách hàng và thúc đẩy doanh số.
Khách hàng
Flowyline Design (https://flowyline.com/) là công ty thiết kế và kinh doanh nội thất với sản phẩm chính là các mẫu chân bàn kim loại cao cấp. Flowyline Design mong muốn phát triển và tích hợp tính năng xem hình sản phẩm dạng 3D và hiển thị giúp khách hàng có thể đặt thử sản phẩm vào trong không gian thực tế tại nhà mình.
Khách hàng đã có trang thương mại điện tử đang hoạt động được xây dựng và vận hành trên nền tảng Shopify. Nhắm tăng khả năng hiển thị trực quan và thuyết phục khách hàng khi sử dụng website, Flowyline Design muốn phát triển và tích hợp tính năng xem hình sản phẩm dạng 3D và hiển thị giúp khách hàng có thể đặt thử sản phẩm vào trong không gian thực tế tại nhà mình để cảm nhận thực tế cũng như phối hợp nội thất với các đồ nội thất hiện tại có phù hợp hay không?
Giải pháp
OneTech Asia đã phát triển và tích hợp tính năng WebAR – 3D Product Viewer vào trang web thương mại điện tử của Flowyline Design. Đây là một trải nghiệm độc đáo, thú vị và hoàn toàn mới mẻ do trước đây chúng không dễ dàng có thể thực hiện. Bây giờ chỉ với chiếc smartphone, khách hàng có thể dễ dàng đặt các mô hình sản phẩm nội thất 3D chất lượng cao vào trong không gian và quan sát hoặc chụp ảnh, quay video thực tế để chia sẻ, trước khi quyết định mua sản phẩm.
Các tính năng chính:
- Xem sản phẩm 3D chất lượng cao trên website hoặc xem trong không gian thực tế tăng cường (AR).
- Tích hợp với CMS của Shopify để quản lý các model 3D một cách dễ dàng, trực quan thông qua việc kéo thảo và gallery sản phẩm.
- Chuyển đổi linh hoạt giữa chế độ xem AR và 3D
- Điều khiển, xoay, di chuyển vị trí, phóng to, thu nhỏ sản phẩm
- Quét mặt sàn và chọn vị trí đặt sản phẩm
- Chia sẻ trải nghiệm AR với bạn bè và gia đình
- Trên Mobile: Chế độ xem AR có thể kích hoạt trực tiếp khi truy cập website sản phẩm.
- Trên PC: Chế độ AR được hỗ trợ hiển thị nhanh thông qua việc dùng smartphone quét mã QRCode được hiện ra.
Một số tính năng cải thiện khác:
- Tăng cường chất lượng đồ họa với đổ bóng và tạo chất liệu kim loại cho model giống với thực tế.
- Mã QR cố định riêng cho từng sản phẩm giúp bạn có thể chia sẻ mọi nơi như trên các trang bán hàng thứ ba, mạng xã hội, tin nhắn, chia sẻ ảnh, ngay trên showroom và chỉ cần dùng điện thoại quét mã QR này để xem ngay AR của sản phẩm.
- Customize loading
- Tối ưu SEO Performance giúp các trang web tải nhanh và đặt chuẩn SEO cao
- Tracking và theo dõi hành vi của khách hàng khi quét mã QR.
- Tính năng Variant cho phép 1 sản phẩm có nhiều hình hiển thị 3D.AR khách nhau như màu sắc, kích thước.
Kết quả
Dự án đã hoàn thành thành công trong vòng 1 tháng với gần 200 model 3D của sản phẩm đã được update lên website. Các kết quả thu được bao gồm:
- Tăng doanh thu: Dữ liệu kinh doanh cho thấy doanh thu của Flowyline Design đã tăng đáng kể sau khi triển khai tính năng WebAR.
- Tăng tỷ lệ chuyển đổi: Tỷ lệ chuyển đổi từ khách truy cập thành khách hàng mua hàng cũng tăng đáng kể.
- Cải thiện trải nghiệm khách hàng: Khách hàng rất hài lòng với tính năng WebAR và đánh giá cao sự tiện lợi và tính tương tác của nó.
- Tăng nhận diện thương hiệu: Flowyline Design đã nhận được nhiều lời khen ngợi từ truyền thông và khách hàng về tính năng WebAR mới của mình.
- Tăng độ canh tranh: Flowyline Design làn thương hiệu dẫn đầu trước các đối thủ trong việc ứng dụng công nghệ WebAR vào hiển thị sản phầm trên website.
Tính năng tương lai
Flowyline Design và OneTech Asia đang hợp tác để phát triển thêm các tính năng WebAR mới cho Flowyline Design, bao gồm:
- Cho phép thay đổi chất liệu và màu sắc sản phẩm trong thời gian thực
- Hiển thị thêm thông tin sản phẩm: Chất liệu, giá cả, kích thước… ngay trong không gian 3D
- Hiển thị nhiều sản phẩm cùng lúc trong chế độ xem Collections
Kết luận
Dự án WebAR của Flowyline Design là một ví dụ điển hình về cách thức mà WebAR có thể giúp doanh nghiệp tăng doanh thu, cải thiện trải nghiệm khách hàng và tăng nhận diện thương hiệu.
Liên hệ
Để tìm hiểu thêm về các giải pháp WebAR của OneTech Asia, vui lòng liên hệ với chúng tôi:
- Website: https://onetech.vn/lien-he
- Email: info@onetech.vn
- Phone: (+84)2866-529-333