CONTEXTE
Les formations en santé abordent régulièrement des sujets de physiologie — systèmes d’organes, mécanismes biochimiques, interactions — qui exigent une compréhension spatiale et dynamique que le texte seul peine à restituer. Pourtant, les ressources pédagogiques disponibles reposent souvent sur des PDFs longs et explicatifs ou des schémas statiques et des contenus peu structurées.
Ce projet est né d’une observation de terrain pendant une formation en phytothérapie : dans le cadre d’un projet test auprès d’un groupe d’apprenants en herboristerie, les questions récurrentes sur le sujet de la circulation sanguine ont révélé que les ressources disponibles ne permettaient pas de visualiser clairement le trajet du sang à travers le cœur. Les illustrations fournies restaient insuffisantes pour ancrer un mécanisme fondamentalement dynamique.
Ce constat a servi de point de départ pour concevoir un prototype de contenu interactif sur étagère — pensé pour s’intégrer dans un LMS existant ou être distribué en autonomie — et démontrer la valeur ajoutée d’un format interactif sur un contenu de physiologie complexe.
LE DÉFI
Comment concevoir un module pédagogique interactif qui :
- Rende accessibles des mécanismes physiologiques complexes (anatomie cardiaque, circulations pulmonaire et générale, valves) sans prérequis techniques de la part de l’apprenant ?
- Fonctionne de manière entièrement autonome — sans LMS, sans connexion, sans installation — pour s’adapter aux contraintes des petites institutions de formation ?
- Permette de mesurer objectivement son impact pédagogique réel, en intégrant une évaluation formative et un dispositif de collecte de retour d’expérience apprenante ?
- Serve de preuve de concept reproductible pour d’autres sujets du même domaine ?
L’enjeu était de produire un livrable professionnel complet en temps contraint (3 jours), en articulant ingénierie pédagogique, conception visuelle et développement front-end — dans une logique de contenu modulaire, réutilisable et intégrable.
APPROCHE & SOLUTION
Analyse des besoins et identification des gaps
Observation directe des difficultés de compréhension dans le groupe test. Analyse des ressources existantes : identification des lacunes visuelles et interactives dans le traitement du sujet. Définition des objectifs pédagogiques par séquence selon le principe d’alignement constructif.
Architecture pédagogique
Structuration du module en quatre séquences progressives : introduction contextuelle, anatomie interactive du cœur (cavités et valves), exploration des deux circulations, évaluation formative. Chaque section articule exposition du concept, visualisation interactive et vérification de la compréhension. Les valves ont été intégrées à la section anatomie pour renforcer la cohérence thématique.
Conception des assets visuels
Utilisation d’illustrations scientifiques comme base — couches SVG superposées activées au clic pour les highlights interactifs. Schémas pour les vues d’ensemble des circulations. Chaque structure anatomique dispose d’un panneau d’information contextuel structuré : tag de catégorie, titre, texte explicatif, encadré de rôle fonctionnel.
Développement front-end
Module développé en HTML/CSS/JavaScript natif – aucune dépendance externe, aucun framework – pour garantir une portabilité maximale. Fichier unique autoportant, déployable sur n’importe quel hébergement ou LMS compatible HTML. Design system cohérent avec la charte visuelle Floraison Savoirs.
Évaluation formative intégrée
Quiz à choix multiples (5 questions) avec feedback immédiat et explication pédagogique. Exercice d’association par glisser-déposer (5 paires structure / définition). Score global restitué avec message adapté au niveau de maîtrise.
Collecte de feedback pilote
Questionnaire d’évaluation intégré directement dans le module (questions : clarté des explications, valeur de l’interactivité, comparaison avec les supports existants, adéquation de la structure, souhait d’intégration en formation, difficultés rencontrées avec les ressources actuelles). Traitement des réponses sans infrastructure backend. Déployé auprès du groupe test.
FORMATS
Module e-learning interactif · Fichier HTML autonome · Compatible tout navigateur desktop / tablette · Intégrable dans un LMS ou distribué en standalone
MON RÔLE DANS LE PROJET
Conception pédagogique intégrale — de l’analyse des besoins à la livraison :
- Architecture et scénarisation
- Conception et intégration des assets visuels
- Développement front-end (HTML / CSS / JavaScript)
- Évaluation formative
- Pilotage du déploiement pilote et collecte de feedback
IMPACT & RÉSULTATS
Module conçu et déployé en moins d’une semaine, sans budget de production. Les premiers retours du groupe test confirment une réaction positive au format interactif, y compris auprès d’apprenants attachés aux supports papier traditionnels — soulignant que l’interactivité est perçue comme complémentaire plutôt que substituable.
Les données collectées via le questionnaire pilote alimentent directement la stratégie de développement de contenus sur étagère pour le marché des écoles de santé naturelle — un segment identifié comme peu couvert par des contenus pédagogiques numériques de qualité.
Ce projet illustre le positionnement de Floraison Savoirs : faire exister visuellement ce que le texte seul ne transmet pas, en servant simultanément l’apprenant et les objectifs pédagogiques de l’institution.