01 / Tổng quan
Dự án khách hàng · Organon
Mini game tương tác cho giáo dục y khoa
Medref là một mini game giáo dục được phát triển cho Organon, công ty dược phẩm của Hoa Kỳ thành lập từ năm 1923.
Ứng dụng giúp người dùng ghi nhớ kiến thức về thuốc tránh thai thông qua các câu hỏi tương tác ngắn.
Trò chơi hoạt động trên trình duyệt web và máy tính bảng. Phần game được phát triển bằng Unity WebGL, còn hệ thống quản lý nội dung được xây dựng bằng Next.js.
02 / Thách thức
Làm sao để biến những nội dung y khoa thành trải nghiệm học tập ngắn gọn, dễ hiểu và dễ ghi nhớ?
Ứng dụng cần hoạt động ổn định trên cả trình duyệt và máy tính bảng, đồng thời giúp đội ngũ cập nhật nội dung câu hỏi mà không phải chỉnh sửa trò chơi.
03 / Mục tiêu
- Giúp người dùng ghi nhớ kiến thức về thuốc tránh thai
- Hoạt động trên web và máy tính bảng
- Nội dung dễ cập nhật và quản lý
- Trải nghiệm đơn giản, dễ sử dụng
04 / Vấn đề kỹ thuật
Đảm bảo trò chơi hoạt động tốt với cả chuột và màn hình cảm ứng.
Thiết kế cơ chế hỏi đáp vừa trực quan vừa dễ ghi nhớ.
Đồng bộ nội dung giữa hệ thống quản trị và trò chơi.
05 / Nghiên cứu
Chúng tôi làm việc cùng khách hàng để hiểu cách người dùng tiếp cận nội dung y khoa và cách biến chúng thành các câu hỏi ngắn dễ tiếp thu.
Mỗi câu hỏi đều được tổ chức theo cấu trúc rõ ràng để người dùng có thể học và ghi nhớ thông tin qua nhiều lượt chơi.
06 / Kiến trúc
Game và hệ thống quản trị được tách riêng.
- Unity WebGL xử lý toàn bộ trải nghiệm trò chơi
- Next.js quản lý nội dung câu hỏi
- Nội dung được cập nhật độc lập mà không cần chỉnh sửa game
- Người dùng có thể chơi trực tiếp trên trình duyệt
Kiến trúc tham chiếu gồm:
- Game Client: Unity WebGL
- Quản lý nội dung: Next.js CMS
- Lưu trữ dữ liệu: Ngân hàng câu hỏi
- Triển khai: Web & Tablet
Việc tách nội dung khỏi trò chơi giúp cập nhật nhanh và giảm rủi ro ảnh hưởng đến trải nghiệm tương tác.
Đặc tính nền tảng:
- Giao tiếp an toàn
- Quản lý phiên bản nội dung
- Dễ cập nhật và mở rộng
Kiến trúc tham chiếu
Nội dung tách biệt với trò chơi
Game Client
Unity WebGL
Quản lý nội dung
Next.js CMS
Lưu trữ dữ liệu
Ngân hàng câu hỏi
Triển khai
Web · Tablet
07 / Thiết kế
Giao diện được tối ưu cho màn hình cảm ứng với các nút bấm lớn và phản hồi rõ ràng.
Mỗi màn chơi tập trung vào một câu hỏi để người dùng dễ theo dõi và không bị phân tán.
Thư viện giao diện
Khám phá giao diện mini game Medref trên Web và máy tính bảng. Chọn một hình ảnh để xem ở độ phân giải cao.
2 hình ảnh
Web & Máy tính bảng
02 screens08 / Phát triển
Medref được phát triển bằng Unity WebGL nhằm mang lại trải nghiệm giống ứng dụng trên trình duyệt.
Hệ thống quản trị sử dụng Next.js để quản lý bộ câu hỏi, giúp khách hàng dễ dàng cập nhật nội dung mà không cần xây dựng lại trò chơi.
09 / Tối ưu
- Tối ưu dung lượng game WebGL
- Hỗ trợ chuột và màn hình cảm ứng
- Nội dung cập nhật độc lập với trò chơi
10 / Triển khai
Game và hệ thống quản trị được triển khai riêng trên nền tảng web.
- Phát hành nội dung độc lập
- Không cần xây dựng lại game khi cập nhật câu hỏi
- Truy cập nhất quán trên trình duyệt và máy tính bảng
11 / Mở rộng
Kiến trúc cho phép bổ sung thêm:
- Bộ câu hỏi mới
- Chủ đề học mới
- Ngôn ngữ mới
- Thống kê kết quả học tập
Nội dung giáo dục mới có thể được bổ sung mà không thay đổi trải nghiệm game cốt lõi.
12 / Kiểm thử
Ứng dụng được kiểm thử trên nhiều trình duyệt và máy tính bảng để đảm bảo trải nghiệm nhất quán.
- Điều khiển cảm ứng
- Hiển thị giao diện
- Luồng câu hỏi
Các chức năng quan trọng đều được kiểm tra trước khi phát hành.
13 / Kết quả
Đa nền tảng
Một trải nghiệm thống nhất trên web và máy tính bảng.
Dễ cập nhật
Nội dung được quản lý độc lập với trò chơi.
Tương tác trực quan
Giao diện đơn giản, phù hợp với cả chuột và màn hình cảm ứng.
Học tập hiệu quả
Biến kiến thức y khoa thành trải nghiệm hỏi đáp ngắn, dễ tiếp cận và dễ ghi nhớ.
14 / Bài học kinh nghiệm
Một sản phẩm giáo dục hiệu quả không chỉ truyền tải đúng kiến thức mà còn phải tạo động lực để người dùng tiếp tục học. Những phiên tương tác ngắn, phản hồi rõ ràng và trải nghiệm đơn giản giúp việc ghi nhớ trở nên tự nhiên hơn.
Phạm vi trách nhiệm
Thời gian thực hiện
4 tháng
Thời gian triển khai