Roam Moon Software
Home

Healthcare education · Game · Case 03

Medref

An educational mini game that helps users retain contraceptive medicine knowledge through short, clear, and accessible interactive questions on the Web and tablets.

Client project · Organon

01 / Overview

Client project · Organon

An interactive mini game for medical education

Medref is an educational mini game developed for Organon, a United States pharmaceutical company founded in 1923.

The application helps users retain contraceptive medicine knowledge through short interactive questions.

The game runs in Web browsers and on tablets. Unity WebGL powers the game experience, while a Next.js system manages the content.

02 / Challenge

How can medical content become a concise, understandable, and memorable learning experience?

The application needed to work reliably across browsers and tablets while allowing the team to update questions without modifying the game itself.

03 / Goals

  • Help users retain contraceptive medicine knowledge
  • Work across Web and tablets
  • Make content easy to update and manage
  • Keep the experience simple and accessible

04 / Technical problems

01

Ensure the game works well with both mouse and touch screens.

02

Design a question-and-answer mechanic that is visual and easy to remember.

03

Synchronize content between the administration system and the game.

05 / Research

We worked with the client to understand how users approach medical information and how it could be converted into short, accessible questions.

Each question follows a clear structure so users can learn and reinforce information over repeated play sessions.

06 / Architecture

The game and content-management system are separated.

  • Unity WebGL handles the complete game experience
  • Next.js manages question content
  • Content updates independently without modifying the game
  • Users play directly in the browser

The reference architecture includes:

  • Game Client: Unity WebGL
  • Content management: Next.js CMS
  • Data storage: Question bank
  • Deployment: Web & Tablet

Separating content from the game keeps updates fast and reduces the risk of changing the interactive experience.

Platform qualities:

  • Safe communication
  • Content version management
  • Easy updates and expansion

07 / Design

The interface is optimized for touch screens with large controls and clear feedback.

Each game screen focuses on one question so users can follow the learning flow without distraction.

Interface gallery

Explore the Medref mini game interface across the Web and tablets. Select an image to view it at high resolution.

2 images

02 screens
01Medref educational Web game overview
02Medref interactive question interface

08 / Development

Medref uses Unity WebGL to deliver an application-like experience in the browser.

The Next.js administration system manages the question bank, allowing the client to update content without rebuilding the game.

Unity WebGLNext.jsResponsive WebTablet

09 / Optimization

  • Optimized Unity WebGL bundle size
  • Support for mouse and touch screens
  • Content updates independently from the game

10 / Deployment

The game and administration system are deployed separately on the Web.

  • Independent content releases
  • No game rebuild for question updates
  • Consistent browser and tablet access

11 / Scaling

The architecture can be expanded with:

  • New question sets
  • New learning topics
  • New languages
  • Learning-result analytics

New educational content can be introduced without changing the core game experience.

12 / Testing

The application is tested across multiple browsers and tablets to ensure a consistent experience.

  • Touch controls
  • Interface rendering
  • Question flow

Every critical interaction is checked before release.

13 / Result

Multi-platform

One consistent experience across the Web and tablets.

Easy to update

Content is managed independently from the game.

Intuitive interaction

A simple interface designed for both mouse and touch screens.

Effective learning

Turns medical knowledge into short, accessible, and memorable question-and-answer experiences.

14 / Lessons learned

An effective educational product must do more than communicate accurate knowledge—it should also motivate people to continue learning. Short interactions, clear feedback, and a simple experience make retention feel more natural.

Our responsibilities

Unity WebGL developmentNext.js content managementResponsive interactionCross-device testing

Duration

4 months

Deployment date

Start a project

Let’s build the right solution for your business.

Tell us about the challenge you are facing. We will work with you to analyze your needs, advise on the solution, and propose an appropriate delivery approach.