Réalisation : Epidaure Market de l'ICM

#Un serious game au service de l'éducation

Épidaure Market

Pour un jeu pédagogique destiné aux collégiens, le site doit être à la fois ludique, clair et immédiatement engageant. L'expérience utilisateur (UX) a été pensée pour deux publics complémentaires : les élèves, qui jouent et apprennent en s'amusant, et les enseignants, qui pilotent l'activité en classe. Un univers visuel coloré et dynamique, à l'image d'un projet qui transforme l'éducation à la santé en véritable expérience de jeu.

#Un élément clé

Apprendre en jouant, accompagner sans complexité

La réussite d'un serious game tient à sa capacité à captiver tout en restant simple d'accès. Le site devait donc proposer un parcours évident — accéder au jeu directement ou de façon guidée, séance après séance — et donner aux enseignants les clés pour l'utiliser sereinement avec leurs classes. Une navigation fluide, des appels à l'action clairs et un ton adapté aux jeunes lèvent les freins et donnent envie de se lancer dans le défi des courses.

#Une expérience de jeu intégrée

Un supermarché virtuel pour apprendre à choisir

Au cœur du dispositif, un véritable jeu intégré : l'élève fait ses courses dans un supermarché virtuel pour organiser un anniversaire, une fête ou un petit-déjeuner, et apprend ainsi à décrypter les techniques de vente et à composer une alimentation équilibrée. Espaces de connexion dédiés, parcours pédagogiques par niveau et ressources pour les enseignants font de ce site bien plus qu'une vitrine : un outil éducatif complet, pensé pour vivre dans la salle de classe.

#Un projet soutenu par les institutions

La rigueur scientifique au service de la prévention

Derrière le jeu, une exigence : celle d'un outil de prévention fiable, conçu avec et pour des acteurs de référence. Épidaure Market s'appuie sur l'expertise de l'Institut du Cancer de Montpellier et le soutien de partenaires institutionnels — académie de Montpellier, DRAAF, ARS Occitanie, Région. Cet ancrage a guidé la conception du site, pensé pour servir une mission de santé publique avec sérieux et crédibilité, tout en restant accessible et engageant pour les élèves comme pour les enseignants.

Les étapes de réalisation

  • 1

    DESIGN

    • Charte graphique
    • Iconographie & navigation
    • Design front office et back office
  • 2

    DÉVELOPPEMENT

    • Architecture de l'information
    • Développement HTML5-CSS3-Javascript
    • Intégration Web Design responsive
  • 3

    COMMUNICATION

    • Référencement naturel
    • E-mail marketing
  • 4

    ACCOMPAGNEMENT

    • Stratégie digitale
    • Formation
    • Hébergement