Refonte des pages liées aux pratiques pédagogiques du site web de l’institut. Création des maquettes et collaboration avec une integratice web pour leur donner vie sur le site.

Contexte : De 2018 à 2021, j’ai été responsable de la communication de l’institut Villebon – Georges Charpak. Cet institut est un lieu de conception et d’expérimentation de nouvelles pratiques pédagogiques. Il offre aux enseignants un cadre de formation innovant qui leur permet d’imaginer de nouveaux concepts pédagogiques, de les mettre en forme, de les expérimenter et de les prototyper. Les étudiants de l’institut échangent en permanence avec leurs enseignants et contribuent largement à évaluer ces améliorations pédagogiques.

L’ambition de l’institut est de participer à la rénovation du cycle licence de l’enseignement supérieur en donnant envie aux enseignants de faire évoluer leurs pratiques pour que chaque étudiant puisse exprimer pleinement son potentiel et trouver sa voie.

Le besoin : Pour diffuser les pratiques pédagogiques imaginées et/ou testées par les enseignants de l’institut, nous avons créé des fiches recettes de pratiques pédagogiques (voir le projet ici). Ces fiches, ainsi que plusieurs jeux en sciences développés à l’institut étaient mis à disposition sur le site internet dans la rubrique « pratiques pédagogiques ». Cette rubrique était peu attractive et peu intuitive. J’ai donc décidé de la refondre.

Je voulais « humaniser » les pratiques pédagogiques de l’institut car derrière chaque enseignement innovant se cache une équipe passionnée et désireuse de partager son expérience. L’institut est un lieu convivial dans lequel l’entraide est une valeur forte. L’ancienne mise en page était froide et peu chaleureuse et ne véhiculait pas le bon message.

Voici quelques captures d’écran, des pages liées aux pratiques pédagogiques avant la refonte :

Actions : J’ai dans un premier temps, créé 3 maquettes pour illustrer avec précision quelles étaient mes attentes (avec plein de petits commentaires dans les PDF pour expliquer mes choix) :

– une maquette pour définir la nouvelle page d’accueil des pratiques pédagogiques (fiches recettes + jeux) ;

– une maquette pour définir l’environnement dans lequel serait présentée chaque fiche recette ;

– et enfin, une maquette pour définir comment serait présenté chaque jeu.

Comme vous pouvez le voir ci-dessus, la partie gauche de ces nouvelles présentations est dédiée à la pratique pédagogique (jeu ou fiche recette) avec un diaporama et divers boutons situés en dessous, dans lesquels diverses ressources complémentaires sont mises à disposition (supports de cours, vidéos, témoignages étudiants, photos, lien vers pedagomaker.fr pour créer soi-même sa propre fiche recette etc.).

La partie droite est dédiée au créateur ou à la créatrice de la pratique pédagogique. Dans la bulle en haut à droite, une vidéo dans laquelle elle·il présente sa pratique est lue automatiquement quand on arrive sur la page. Il y a également son nom, son poste, le nom de ses collaborateur·ice·s, des liens vers les autres pratiques qu’elle·il a mises en place, sa fiche de présentation et ses coordonnées pour pouvoir lui écrire un message.

Dans un second temps, pour donner vie à mes maquettes sur le site web de l’institut, j’ai fait appel à une intégratrice web freelance qui s’appelle Mathilde Letard. Elle a fait un super boulot car elle a reproduit mes maquettes trait pour trait !

Pour voir le résultat, je vous invite à vous rendre sur la page des pratiques pédagogiques du site web de l’institut ici.

Voici tout de même quelques captures écrans :