Trải Nghiệm Game Online Đặc Sắc "Scooter Game" Từ Motul

Idea & Concept

Đáp ứng mong muốn kết hợp hai yếu tố quan trọng nhất là quảng bá sản phẩm và cung cấp kiến thức về phụ tùng xe của Motul, Marvy đã cho ra đời ý tưởng ra mắt Game AR mới lạ và hấp dẫn - “Scooter Game”. “Scooter Game” không chỉ là game giải trí mà còn là một nơi cung cấp những kiến thức về bảo trì xe máy. Bên cạnh đó, việc quảng bá thương hiệu dầu nhớt Motul cũng là yếu tố quan trọng mà Marvy cần khéo léo ở cách truyền tải. 

Lấy cảm hứng từ những Game checkin đổi quà khác, nhưng “Scooter Game” đã được nâng cấp cao hơn khi áp dụng công nghệ XR Virtual, giúp người chơi mãn nhãn với những hiệu ứng 3D hấp dẫn và mới lạ. Ngoài ra, để khéo léo nâng cao tính tương tác giữa người chơi và thương hiệu, Marvy đã tích hợp tính năng đổi điểm và làm nhiệm vụ  từ các vòng trắc nghiệm để lấy voucher mua hàng tại Motul. 

Lập trình Game

Dựa trên các thiết kế sẵn có, đội ngũ Marvy đã dựng hình 3D để tái hiện lại các thiết kế lên nền tảng Web dưới định dạng 3D. Bên cạnh đó, để đảm bảo tính mượt mà trong quá trình trải nghiệm game của người dùng, Marvy đã khéo léo tối ưu hóa các thiết kế để cải thiện hiệu năng trên website nhưng vẫn giữ được chất lượng hình ảnh. 

Lập trình WebXR

Với công nghệ XR - Extended Reality (Thực tế mở rộng), người dùng chỉ cần truy cập Website và tương tác mà không cần sử dụng các thiết bị chuyên dụng hay tải thêm ứng dụng hỗ trợ. Nhiều tính năng đa dạng được tích hợp giúp nâng cao trải nghiệm người dùng. 

Các tính năng và cách triển khai:

• Đăng ký tạo tài khoản:

Nhập thông tin tạo tài khoản chơi game:

• Username 
• Họ tên
• Email
• Số điện thoại
   

• Đăng nhập:

Nhập thông tin:

• Số điện thoại
• Mật khẩu
   

• Khôi phục mật khẩu:
  • Bấm nút "Quên mật khẩu"
  • Nhận mật khẩu mới qua SMS
  • Đặt lại mật khẩu mới?
     
• Chọn xe máy:

Havas cung cấp thiết kế kèm thông tin xe nào là xe trung cấp hoặc cao cấp.  
 

• Tạo bảng tên:

Auto gắn Username vào bảng tên trong garage
 

• Mời bạn bè:

Mỗi người chơi có một mã mời unique:

• Gửi mã mời cho bạn qua ứng dụng tin nhắn
• Chia sẻ mã trực tiếp trên Facebook
   

• Kết bạn:
  • Gửi lời mời kết bạn đến user khác
  • Chấp nhận lời mời 
  • Thành hàng xóm
  • Từ chối lời mời
     
• Thăm hàng xóm:
  • Ghé qua garage của user trong danh sách kết bạn
  • Ghé qua garage của user bất kỳ mà không cần kết bạn
  • Xe xuống cấp sau khi ghé qua 5 nhà hàng xóm
  • Mỗi lần qua nhà hàng xóm, màn hình loading hiển thị fact ngẫu nhiên về kiến thức bảo trì (Motul cung cấp danh sách fact, 20 - 30 fact)
     
• Nhiệm vụ hàng ngày:
  
  

Thực hiện nhiệm vụ trong danh sách để thu thập điểm số

Havas cung cấp danh sách nhiệm vụ, số điểm của nhiệm vụ, thời gian reset nhiệm vụ, số lần làm tối đa (ưu tiên), 10 nhiệm vụ.
 

• Redeem voucher:
  
  

Dùng điểm số để quy đổi ra voucher

Havas cung cấp danh sách voucher (mã voucher, số lượng, hạn sử dụng)

• Inventory
  • Lưu voucher
  • Lưu vật phẩm mua (sắp xếp theo category: đồ bảo dưỡng, đồ trang trí, đồ bảo vệ)
     
• Trò chơi hỏi đáp:
  
  
  • Chơi hỏi đáp để thu thập xu
  • Mỗi lượt chơi cách nhau 10 phút
  • Havas cung cấp nội dung câu hỏi và câu trả lời (100 - 150 câu)
     
• Mua vật phẩm:
  • Dùng xu để mua vật phẩm tại cửa hàng
  • Havas quy định giá trị của vật phẩm
     
• Bảo dưỡng xe:
  • Dùng vật phẩm để bảo dưỡng xe
  • Hình thức: chọn vật phẩm yêu cầu vào xe cho đến khi thanh tình trạng của xe đạt mức xanh
     
• Trang trí xe /garage:

Dùng vật phẩm để trang trí xe máy và garage

Hình thức:

• Xe máy: Chọn vật phẩm trang trí vào xe máy
• Garage: Chọn nội thất vào vị trí phù hợp
   

• Bảo vệ xe:
  
  

Dùng vật phẩm ổ khóa để vật phẩm
 

• Nâng cấp xe:
  
  
  • Dùng vật phẩm yêu cầu để nâng cấp xe. Tổng điểm số của vật phẩm phải bằng hoặc lớn hơn mức yêu cầu mới nâng cấp được
  • Sau khi nâng cấp, có thể ghé qua nhiều nhà hơn (7 nhà)
  • Havas quy định rõ số điểm nâng cấp của dòng xe trung cấp và cao cấp
     
• Vật phẩm:
  • Mỗi vật phẩm sẽ tương ứng với một điểm số được quy định
  • Havas cung cấp thiết kế kèm thông tin số điểm quy ước
     
• Bán xe:
  
  
  • Sau khi nâng cấp, user bán xe để đổi lại số điểm tương ứng
  • Havas quy định điểm
     
• Trộm phụ tùng:
  
  
  • Nhấp vào 1 trong 6 mystery boxes -> Hiện ra vật phẩm bất kì -> Lấy
  • Chọn trúng hộp rỗng hoặc hộp có khóa bảo vệ -> Không lấy được
     
• Chọc phá hàng xóm:
  • Vẽ bậy lên xe
  • Tạt sơn lên xe
  • Chọi đá rớt bảng tên
     
• Tặng quà cho hàng xóm:
  
  

Tặng vật phẩm cho hàng xóm (vật phẩm có sẵn trong inventory của người chơi)

Lập trình CMS

Marvy đã lập trình trang admin giúp Motul có thể theo dõi và quản lý Game cũng như kho quà, lịch sử đổi voucher của người chơi dễ dàng hơn.

Chi tiết về tính năng CMS:

• Theo dõi mã voucher
• Quản lý người dùng đăng nhập
• Ghi nhận người dùng mới, người dùng quay lại, người dùng qua mã mời
• Ghi nhận thời gian trung bình một user dành ra để chơi
• Xuất dữ liệu Excel code voucher giảm giá
• Set điểm số đổi voucher
• Set điểm cho trò chơi 
• Set giá và điểm cho vật phẩm trong cửa hàng
• Set điểm nâng cấp xe
• Quản lý vật phẩm
• Quản lý lịch sử đổi voucher
• Quản lý lịch sử bán xe máy
  
  
  Trải nghiệm ngay: 
  https://motul.marvyco.com/game/index.html