FÉVRIER 2025
Le Jardin Migrateur - Le Muséum DÉPARTEMENTAL du Var
Dans le cadre d’un projet d’études, nous avons collaboré avec le Muséum départemental du Var afin de concevoir un dispositif numérique et interactif. L’objectif était d’attirer davantage de visiteurs au Jardin du Las, un espace naturel où se situe le Muséum, en vue de la fermeture temporaire de ce dernier. Ce projet devrait permettre aux visiteurs, notamment les enfants, de découvrir l’histoire du jardin et ses éléments de manière ludique et immersive.
UX / UI DESIGN
GRAPHISME
INTEGRATION WEB
AUDIOVISUEL
FIGMA
HTML / CSS / ...
Le Projet : Une Application Interactive
Pour répondre à la demande du Muséum, nous avons développé une application web accessible via des QR codes. L’idée était d’installer des QR codes sur différents éléments du jardin. En les scannant, les visiteurs accédent à une courte vidéo éducative, inspirée du style de C’est pas sorcier, avec une touche d’humour.
Afin d’enrichir l’expérience utilisateur, nous avons intégré un système de points et de quiz :
- 1 scan de QR code = 10 points
- 1 bonne réponse au quiz = 5 points
- Classement : Les visiteurs peuvent entrer un pseudo et figurer dans un tableau des scores mis à jour en temps réel.
L’objectif était de proposer une expérience interactive et ludique, tout en transmettant des connaissances sur la faune et la flore du Jardin du Las.
Mon Rôle dans le projet
Dans ce projet, je me suis principalement occupé du développement de l’application web et j’ai également apporté mon aide sur la réalisation des vidéos (cadrage, prise de son).
Maquette Figma
Avant le développement, nous avons conçu une maquette sur Figma, afin d’assurer une interface fluide et intuitive. L’accent a été mis sur l’ergonomie, les fonctionnalités interactives et le parcours utilisateur, pour garantir une navigation claire et accessible.
Développement de l’Application
Pour offrir un produit facilement administrable par le personnel du Muséum, nous avons d’abord choisi de développer le site sous WordPress, en intégrant du code PHP via une extension. Cette approche permettait de créer de nouvelles pages sans connaissances en développement.
Cependant, nous avons rencontré un problème avec la gestion des cookies qui ne se sauvegardait pas. Il était essentiel de stocker certaines données comme les pages visités pour empêcher la triche (ex. : empêcher un visiteur de scanner plusieurs fois le même QR code pour accumuler des points). De plus, il fallait que la progression soit sauvegardée en cas de fermeture du navigateur.
La solution a été de développer entièrement le site à la main, garantissant un meilleur contrôle sur les fonctionnalités, au prix d’une contrainte : la création de nouvelles pages nécessitait une connaissance minimale en HTML.
Côté hébergement, j’ai utilisé mon propre serveur pour la présentation du projet, en attendant que le Muséum puisse mettre en place une solution d’hébergement dédiée.
Gestion Administrateur
Pour assurer un suivi efficace, nous avons mis en place une interface administrateur permettant au personnel du Muséum de :
- Modérer le tableau des scores en supprimant les pseudos offensants.
- Réinitialiser le classement pour que les visiteurs réguliers puissent rejouer.
- Créer et supprimer des quiz.
- Gérer les comptes administrateurs, afin d’ajouter de nouveaux modérateurs.
Retours du Muséum
Le Muséum a particulièrement apprécié notre approche, soulignant que notre application répondait parfaitement à son rôle de médiation entre la science et les visiteurs. L’équipe a salué notre volonté de proposer une solution simple et efficace, tout en permettant une gestion autonome du site. Malgré la nécessité de maîtriser un minimum le HTML pour créer de nouvelles pages, ils ont trouvé le produit bien adapté à leurs besoins.
Conclusion
Ce projet a été une excellente opportunité pour mettre en pratique mes compétences en développement web, UX/UI design et gestion de projet. Travailler avec un acteur culturel tel que le Muséum du Var a été une expérience enrichissante, démontrant la tendance actuelle des solutions numériques pour valoriser le patrimoine culturel.
Liens des vidéos :