--- title: Mipogg description: "Découvrez le projet de plateforme médicale d'aide à la décision clinique Mipogg, conçu et optimisé par Kffein." url: "https://kffein.com/fr/projets/mipogg" date_modified: "2026-09-24T14:54:14-04:00" --- *English version : [Mipogg](https://kffein.com/en/projects/mipogg)* # Projet : Mipogg **Une expérience WebGL qui sort le médical de l'ordinaire.** La plateforme web du programme MIPOGG de l'Université McGill est radicalement différente de ce qui se fait habituellement dans le secteur médical. Une expérience multi-scènes à base de particules en WebGL, où chaque scroll fait évoluer l'univers visuel en cohérence avec le contenu clinique. - **Client :** Université McGill - **Catégorie :** Site expérientiel - **Année :** 2023 - **Site web :** ## Quand l'oncologie pédiatrique rencontre le WebGL MIPOGG est un outil d'aide à la décision clinique développé par l'Université McGill pour aider les médecins à identifier les prédispositions génétiques au cancer chez les enfants. Pour sa plateforme web, Kffein a conçu et développé une expérience WebGL à base de particules délibérément différente de ce que l'on trouve habituellement dans le secteur médical. ## Contexte et enjeux **Contexte** Le secteur médical en ligne souffre d'une homogénéité visuelle presque universelle : fonds blancs, typographies sobres, iconographie clinique. MIPOGG avait une ambition différente : celle de créer un environnement visuel immersif capable de donner une identité forte à des contenus scientifiques complexes. **Enjeux** Concevoir une expérience WebGL dans le contexte médical soulève des défis inhabituels. L'immersion visuelle devait renforcer la clarté du contenu, et non l'inverse. De plus, la chorégraphie des scènes WebGL devait répondre à la navigation de l'utilisateur, sans jamais sacrifier la lisibilité de l'information clinique. Notre approche ### Une expérience à base de particules Kffein a développé une expérience WebGL multi-scènes construite autour d'une grammaire visuelle de particules. Cette approche créait une rupture assumée avec les codes visuels du secteur médical. Le comportement des particules, leur densité et leur mouvement réagissent au scroll pour créer une continuité entre l'expérience visuelle et la lecture du contenu. ### Profondeur de champ dynamique Le rendu intègre un effet de profondeur de champs dynamiques qui renforcent le sentiment d'immersion tout en guidant l'attention vers les éléments de contenu prioritaires. Ce niveau de finesse technique est rare dans le contexte médical et c'est précisément ce contraste qui constitue la valeur différenciatrice du projet. ### Conception et développement Kffein a assuré la conception et le développement de la plateforme, en s'appuyant sur la direction artistique livrée par le studio Bitesize. La stack technique repose sur HTML, JavaScript et Three.js (WebGL). Distinctions