Bỏ qua menu, vào nội dung chính

Thiết kế website 3D tương tác

Website 3D tương tác cho khách xoay, phóng to, bấm vào từng bộ phận của sản phẩm, dây chuyền hay phòng máy ngay trên trình duyệt, không cần cài ứng dụng. Chính alodev.vn được kỹ sư ALODEV dựng theo cách này: mô hình 3D thật, điểm bấm mở thông tin, ảnh render chất lượng cao cho máy yếu.

Tóm tắt

Hợp với
Trưng bày sản phẩm, nhà máy, hạ tầng, bất động sản
Công nghệ
three.js, Spline, Blender, Next.js
Thiết bị
Máy tính và điện thoại, có bản nhẹ cho máy yếu
Hình thức
Trọn gói theo dự án, mã nguồn và mô hình thuộc doanh nghiệp

Khi nào nên làm website 3D

3D có tác dụng khi khách cần hiểu hình dạng, cấu tạo hoặc vị trí: một thiết bị nhiều bộ phận, một nhà máy nhiều khu, một sản phẩm có nhiều phiên bản màu. Khi nội dung chủ yếu là chữ và bảng, website thường vẫn là lựa chọn nhanh và rẻ hơn.

  • Trưng bày sản phẩm: xoay 360 độ, đổi màu, mở từng bộ phận.
  • Giới thiệu nhà máy, kho, phòng máy: đi qua từng khu, bấm vào máy để xem thông số.
  • Sơ đồ có điểm bấm: mỗi điểm mở một thẻ thông tin hoặc dẫn sang trang chi tiết.
  • Ảnh và video render từ cùng mô hình cho banner, catalogue, mạng xã hội.

Cách ALODEV dựng

Mô hình được dựng hoặc chuẩn hoá một lần, dùng lại cho cảnh tương tác trên web, ảnh render và video. Kỹ sư tối ưu số đa giác và kích thước ảnh bề mặt để cảnh tải nhanh; máy yếu hoặc mạng chậm nhận ảnh render thay cho cảnh 3D.

  • Dựng hoặc nhận mô hình từ tệp CAD, Blender, Spline của doanh nghiệp.
  • Tối ưu mô hình và ảnh bề mặt cho web, nén theo chuẩn glTF.
  • Ghép cảnh vào trang Next.js, điểm bấm mở thẻ thông tin theo nội dung doanh nghiệp.
  • Đo tốc độ tải và độ mượt trên máy tính và điện thoại trước khi bàn giao.

Bộ công nghệ

Chi tiết
  • 3D

    Blender, three.js, Spline

  • Giao diện web

    Next.js, React, TypeScript

Quy trình

Chi tiết
  1. Trao đổi và chọn cảnh

    Thống nhất vật cần trưng bày, góc nhìn, điểm bấm, nội dung từng điểm.

  2. Dựng mô hình

    Dựng hoặc chuẩn hoá mô hình, duyệt bằng ảnh và cảnh xoay thử.

  3. Ghép vào website

    Cảnh tương tác, bản nhẹ cho điện thoại, nội dung từng điểm bấm.

  4. Kiểm và bàn giao

    Đo tốc độ và độ mượt trên máy tính và điện thoại, bàn giao mã nguồn và tệp mô hình gốc.

Bàn giao

  • Website có cảnh 3D tương tác trên tên miền doanh nghiệp
  • Tệp mô hình gốc và bản tối ưu cho web
  • Ảnh render dùng cho banner và tài liệu
  • Mã nguồn, tài liệu và hướng dẫn cập nhật điểm bấm

Quyền sở hữu

Mã nguồn đứng tên doanh nghiệp · Không phí bản quyền · 3 đến 5 buổi đào tạo vận hành

Bảo hành

Bảo hành theo hợp đồng · Thời gian phản hồi sự cố theo gói bảo trì trong hợp đồng · Điều khoản tiến độ và bồi thường thỏa thuận trong từng hợp đồng

Thanh toán

Nghiệm thu từng chặng · Chia 3 đợt, có hoá đơn VAT

Câu hỏi thường gặp

Tất cả câu hỏi
Website 3D có chậm không?

Không bắt buộc. Mô hình được tối ưu cho web, cảnh chỉ tải khi khách cuộn tới, máy yếu nhận ảnh render thay cho cảnh 3D.

Doanh nghiệp đã có tệp CAD hoặc mô hình thì sao?

Dùng lại được. Kỹ sư chuyển và tối ưu tệp sẵn có cho web, chỉ dựng mới phần còn thiếu.

Mô hình thuộc về ai?

Thuộc doanh nghiệp. Tệp mô hình gốc, bản tối ưu và mã nguồn website bàn giao cùng dự án.

Chi phí tính thế nào?

Trọn gói theo dự án, tuỳ số mô hình và mức tương tác. Ước tính nhanh ở trang Ước tính chi phí, báo giá chi tiết sau khi trao đổi.

Ước tính chi phí cho dự án

Cần tư vấn?