Trang chủ / works / Ứng dụng Web / Phát triển WebAR - 3D interactive Product Viewer

Phát triển WebAR - 3D interactive Product Viewer

Phát triển WebAR - 3D interactive Product Viewer
data
Nội dung

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ố.

QRCode-page

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 Flowyline Design

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ả

Video kết quả phát triển WebAR – 3D interactive Product Viewer

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
RELATED

OneTech đã tiến hành nâng cấp cải thiện hiệu suất của trang web với khả năng xử lý lượng truy cập đồng thời lớn thông qua các thành phần AWS API Gateway, Lambda và DynamoDB. Hệ thống này được sử dụng để thực hiện các buổi hội thảo trực tuyến và kiểm tra chất lượng sau buổi hội thảo.

Chúng tôi đã phát triển lại nền tảng website phát video trực tiếp "CURTAIN CALL" trên nền tảng AWS Cloud! Curtain Call là một nền tảng phát trực tiếp âm nhạc và video chuyên nghiệp, tập trung vào các hoạt động biểu diễn nghệ thuật, đặc biệt là âm nhạc cổ điển.

Chúng tôi đã hoàn thành việc phát triển một nền tảng phân phối video giáo dục trực tuyến và cấp chứng chỉ số tiêu chuẩn thế giới với việc áp dụng công nghệ Serverless của AWS. Hệ thống có thể đáp ứng lên đến hàng chục nghìn người truy cập cùng một lúc.

Chúng tôi đã xây dựng một nền tảng WEB cho phép trưng bày sản phẩm trên WEB và phát hành báo giá cho khách hàng BtoB. Dự án này có kế hoạch nâng cấp thành một hệ thống trực tuyến 3D trong tương lai. Chúng tôi hỗ trợ khách hàng từ giai đoạn lập kế hoạch, đề xuất cho đến vận hành để thành công trong kinh doanh.

Dự án này đã được thực hiện di chuyển từ hệ thống VB6.0 sang VB.NET. Cơ sở dữ liệu cốt lõi Oracle 10G tại trung tâm dữ liệu đã được di chuyển sang AWS Cloud RDS for Oracle 19c.

liên hệ