---
title: Mipogg
description: "Discover Mipogg, the medical platform for clinical decision support, designed and optimized by Kffein."
url: "https://kffein.com/en/projects/mipogg"
date_modified: "2026-09-24T14:54:14-04:00"
---

 *Version française : [Mipogg](https://kffein.com/fr/projets/mipogg)*

# Project: Mipogg

**A WebGL experience that breaks from medical conventions**

The web platform we developed for McGill University's MIPOGG program is radically different from what’s typically done in medical spaces. We designed a multi-scene, particle-based WebGL experience in which each scroll expands the visual universe, revealing relevant medical content in an engaging way.

- **Client:** McGill University
- **Category:** Experiential website
- **Year:** 2023
- **Website:** <https://mipogg.com/en/>

## When Pediatric Oncology Meets WebGL

MIPOGG is a clinical decision-support tool developed by McGill University to help physicians identify genetic predispositions to cancer in children. For its web platform, Kffein designed and developed a particle-based WebGL experience that intentionally looks unlike anything else typically seen in the medical sector.

## Context and challenges

**Context**  

The medical web space suffers from near-universal visual uniformity: white backgrounds, restrained typography, and clinical iconography. MIPOGG had loftier ambitions. It sought to create an immersive visual environment that could offer a strong visual identity while displaying complex scientific information.

**Challenges**  

Designing a WebGL experience in a medical context raises unusual challenges. The visual immersion had to reinforce content clarity, rather than work against it.The choreography of WebGL scenes needed to respond to user navigation without ever sacrificing the readability of clinical information.

Our Approach

### A particle-based experience

Kffein developed a multi-scene WebGL experience built around a visual grammar of particles, breaking from medical sector conventions. Particle behaviour, density, and motion respond to the user's scrolling, creating continuity between the visual experience and content readability.

### Dynamic depth of field

The rendering includes a dynamic depth-of-field effect that reinforces the immersiveness while guiding attention toward priority content. Such technical refinement is rare in a medical context, and it’s this precisely this context that helps the project stand out.

### Design and development

Kffein managed the design and development of the platform, working from the artistic direction delivered by studio Bitesize. The tech stack is built on HTML, JavaScript, and Three.js (WebGL).

Accolades