4035 Rue Saint-Ambroise, - #407
Montréal, Québec, H4C 2E1

Plateforme éducative Type1Support

  • Conception de sites web
  • Développement Web
  • Designs Digitaux
  • Illustrations
  • Image de Marque
  • Mise à jour et Maintenance
  • Sites web standards

Étude de cas Une plateforme éducative sur le diabète de type 1

Dans le cadre d’un programme de recherche médicale entourant le diabète de type 1, l’Université McGill et l’Institut de Recherches Cliniques de Montréal ont voulu mettre en place une plateforme éducative qui serait accessible aux personnes atteintes de ce type de diabète. Portant le nom Type1Support, cette plateforme a pour but d’éduquer les utilisateurs en leur proposant du contenu didactique pour mieux gérer leur maladie au quotidien. Ce contenu est proposé sous forme de cours en ligne. Par la suite, un certificat est remis aux utilisateurs ayant complété les six cours.

Objectifs

Au printemps 2019, l’Université McGill a fait appel à Nara afin de créer et mettre en ligne la plateforme éducative Type1Support, une plateforme qui se veut conviviale, attrayante et facile d’utilisation, tout en étant optimisée pour l’aspect éducatif médical.

Type1Support devait aussi permettre la création de profils personnalisés pour chaque utilisateur pour faciliter l’apprentissage.
Par ailleurs, le programme de recherche dans lequel s’imbriquait la plateforme nécessitait l’intégration d’un système de suivi complet et d’un système de rappels automatisés par courriel.

Tout en insistant sur l’aspect ludique et informatif, nous avons donc opté pour une présentation épurée d’une médiathèque incluant des vidéos, des PDF, des calculateurs et un glossaire.

Dans le but de permettre la mise à jour de la plateforme sans faire appel à nos services, nous avons facilité l’ajout de contenu en ligne par l’équipe de Type1Support.

Solutions

Pour mener à bien ce mandat, nous avons procédé à une étude approfondie du domaine de la recherche médicale et scientifique ainsi que des plateformes éducatives déjà présentes dans ces domaines. Nous avons ensuite créé une identité visuelle pour le projet afin d’uniformiser les illustrations, les icônes, les PDF et les graphiques qui allaient être mis en place.

Cette démarche était essentielle pour construire une plateforme intuitive qui répond aux besoins du programme de recherche, tout en la rendant accessible et facile d’utilisation pour le public cible.

Le projet s’articulait en quatre grandes étapes : le développement du site Web, la gamification, la compilation des données et l’optimisation du codage et des scripts.

Développement
Comme le site Web présentait plusieurs fonctions, son développement exigeait donc plusieurs étapes.

Tout d’abord, la plateforme devait permettre à chaque utilisateur de s’inscrire en créant un compte et en personnalisant son profil. Ceci lui donnait accès à un tableau de bord présentant un récapitulatif de son expérience ainsi que sa progression au fil des cours complétés.
Bien évidemment une structure de cours modulable s’imposait.

Nous avons donc créé des interfaces de cours contenant divers chapitres, médias et jeux-questionnaires, ainsi qu’un récapitulatif des éléments débloqués à la fin du cours.

La plateforme inclut aussi une médiathèque mettant en avant des vidéos, des PDF, des calculateurs et un glossaire.
D’autre part, nous voulions que l’interface soit dynamique et que la navigation entre les différentes pages du site Web soit fluide et efficace pour l’apprenant.

De plus, nous avons intégré un forum de discussion et d’actualités qui permet aux utilisateurs de communiquer entre eux et d’être à jour avec les dernières nouvelles concernant le diabète de type 1.

Par la suite, nous avons procédé à l’intégration du contenu fourni par l’Université McGill.

Gamification
En outre, la mise en place d’un système de récompense maintenait l’intérêt de l’utilisateur. Ainsi, il reçoit des trophées ou des certificats à la fin de certains niveaux. Certaines fonctionnalités se déverrouillent au fil de la progression de l’utilisateur dans les cours. Ce déblocage graduel s’effectue par un système de niveau pour classer les cours.

De plus, un système de rang et de points d’expérience a été mis en place afin de suivre les activités des utilisateurs sur la plateforme.


Compilation des données et optimisation
Il fallait également procéder à la compilation des données en analysant toutes les interactions avec les utilisateurs et en permettant un suivi individuel de ceux-ci dans le cadre du programme de recherche.

La dernière étape du développement de la plateforme a permis de la peaufiner en optimisant le codage et les scripts.
Une fois le développement terminé, Nara a procédé au lancement du site Web en créant un bêta test et en effectuant un test et un dépannage.

Toutes ces tâches ayant été effectuées avec succès, nous avons lancé le site Web.

#FBFBFB
#6495F6
#5CDEDF
#6DE59C
#FFBD67
#FD636B
#F88CA9
#9688FF

Un choix de couleurs attrayant La palette de couleurs qui a été méticuleusement choisie pour ce projet rend la plateforme conviviale et visuellement attrayante pour l’utilisateur. Les couleurs attirent l’œil, tout en étant non agressives. De plus, il n’y a pas confusion possible entre les différentes catégories. Cette palette est utilisée sur toute la plateforme pour uniformiser l’aspect visuel.

Design intuitif et ludique Il est impératif que l’utilisateur ait accès à l’information sur la plateforme facilement et d’une manière intuitive. Pour ce faire, nous avons créé une identité visuelle originale basée sur des illustrations vibrantes et adaptées aux différents sujets.

À ceci, nous avons ajouté des personnages récurrents et de nombreux avatars.S’ajoutent à ceci, des icônes et un header qui renforcent l’image conviviale et pertinente de la plateforme.

Suivi en profondeur pour les projets de recherche

La plateforme Type1Support ayant été créée dans le cadre du programme de recherche, collaboration entre l’Université McGill et l’Institut de Recherches Cliniques de Montréal, il fallait que ladite plateforme permette de faire un suivi individuel des participants.

Ce suivi devait être exhaustif et en accord avec le comité éthique du programme de recherche.

Pour atteindre cet objectif, nous avons mis en place une structure de rapports personnalisés et adaptés ainsi qu’un système d’encodage pour protéger les informations personnelles des utilisateurs.

Lumos Service d'éclairage

Lumos est une entreprise montréalaise desservant tout le Québec pour des services d’installation lumineuse ainsi que de location d’éclairage. Les services de d’équipement d’éclairage de haute performance s’inscrivent sous trois volets :
• Service locatif : pour la location d’équipement d’éclairage de haute performance
• Service résidentiel : pour mettre en valeur les domiciles de manière créative
• Service événementiel : pour réinventer les espaces grâce aux solutions techniques et à l’expertise-conseil
Le site web de Lumos reflète le développement de l’entreprise ainsi que son expertise dans le domaine.

Consulter le projet
Lumos