e-learning & serious game

Formation professionnelle, apprentissage distanciel, applications ludo-éducatives

Module e-learning | Agence de la biomedecine

Parcours d'un donneur

Module e-learning : la greffe de CSH

J’ai participé à la création de ressources visuelles pour un module de formation professionnelle sur la greffe de CSH à destination des professionnels de santé.

Cette formation proposée par l’Agence de la Biomédecine, comprenaient des unités d’apprentissages distancielles. Mon travail a été de contextualiser par l’illustration certaines activités conçues par les ingénieurs pédagogiques, mais aussi de synthétiser des notions complexes sous forme de schémas et d’illustrations pédagogiques. J’ai créé un véritable vocabulaire iconographique (pictogrammes) permettant d’organiser le parcours de la formation et de simplifier les schémas. J’ai aussi créé des animations (Flash) pour introduire en douceur l’apprenant dans sa formation. Enfin, j’ai mis en page l’ensemble des écrans du module à partir d’une charte graphique prédéfinie. L’intégration sur la plateforme LMS s’est faite en interne par l’agence.

Mon travail

  • Charte graphique & interface
  • Illustration
  • Animation (Flash)
  • Graphiques et schémas scientifiques

Animation (Flash) de présentation de la formation

Partie 2

(re)voir la vidéo

Visuels du module A

Recherches : chartes graphiques

Recherches graphiques

Progression utilisateur dans un module d’activité

Ce diaporama nécessite JavaScript.

 

Série de vidéo | Formation buraliste

Vidéos de formation professionnelle — Formation Buraliste

J’ai travaillé en totale autonomie sur ce projet, en assurant la direction artistique et la recherche de personnage.

Pour chaque vidéo, j’ai adapté le script fourni par l’organisme de formation pour créer le story-board. Création des illustrations et des animations (sur Flash) et de l’habillage sonore (banque de sons, voix off fournie par l’agence).

 

Mon travail

  • Direction artistique
  • Recherche de personnage
  • Story-board
  • Illustrations
  • Animations (Flash)
  • Montage sonore et export vidéo
  • Design newsletter

 

Recherches de personnages

Recherche de la mascotte qui donnera les cours en ligne (vidéos) à partir du logo de l’organisme de formation

Story-board

Newsletter

Design des courriel annonçant les vidéos de formation.

Visuels épisode : « La cigarette électronique »

Ce diaporama nécessite JavaScript.

Visuels épisode :  » La loi accessibilité »

Ce diaporama nécessite JavaScript.

Serious game — « Apprendre les acides aminés »

Serious-game-jeux-pour-apprendre-acides-amimes

Application web

Dans le cadre de mes enseignements de programmation pour des étudiants en licence de biologie, j’ai créé un serious game (en HTML5/CSS3) pour aider mes étudiants à apprendre les acides aminés.

Il est aujourd’hui référencé par plusieurs universités. 22 000 parties sont jouées par an (Google Analytics).

 

Jouer

Mon travail

  • Game-design
  • Webdesign
  • Développement (HTML5, CSS3, Javascript)

Continue reading