jeu et data JPO

L’objectif principal de ce projet était de transformer des informations liées à la formation MMI en contenus web interactifs et accessibles. Pour cela, j’ai dû penser les pages pour qu’elles soient responsives, car les visiteurs pouvaient les consulter sur différents supports, notamment sur téléphone pendant la Journée Portes Ouvertes. J’ai donc adapté les tailles, les espacements, les blocs de contenu et les éléments interactifs afin que l’expérience reste claire, même sur un petit écran.

Pour l’intégration des données visuelles, j’ai cherché à rendre les informations plus compréhensibles grâce à des animations en HTML, CSS et JavaScript. Plutôt que d’afficher des données de manière fixe, j’ai mis en place des effets visuels et des interactions permettant de guider l’attention de l’utilisateur. Cela m’a permis de travailler sur une interface plus riche, où le visiteur ne se contente pas de lire une information, mais la découvre de manière plus dynamique.

Pour le mini-jeu, j’ai mis en place une logique de questionnaire avec plusieurs étapes. L’utilisateur répondait à différentes questions, puis un résultat était généré à la fin en fonction de ses réponses. Cette partie m’a demandé de réfléchir aux traitements nécessaires derrière l’application : récupérer les réponses, les analyser, afficher un résultat cohérent, puis permettre à l’utilisateur de l’enregistrer ou de le partager en story. L’utilisation de PHP m’a permis de gérer cette partie plus fonctionnelle et de donner au projet une dimension plus complète qu’une simple page statique.

Ce projet m’a aussi permis d’aborder la question du back office et de la gestion des données. Même si le dispositif restait pensé pour un événement précis, il fallait organiser les contenus, les résultats et les éléments affichés de manière logique pour pouvoir les modifier ou les faire évoluer plus facilement. Cette réflexion m’a aidé à mieux comprendre l’importance d’une structure propre dans un projet web, surtout lorsque celui-ci contient des interactions et des traitements.

J’ai également pris en compte l’optimisation du site, notamment en essayant de garder des pages légères, rapides à charger et simples à parcourir. Comme le projet était destiné à être utilisé pendant une JPO, il fallait que l’expérience soit fluide et immédiate. J’ai donc veillé à ne pas surcharger les pages avec des éléments inutiles, à organiser correctement les fichiers et à garder une navigation claire.

Avec du recul, ce projet m’a permis de progresser dans ma manière de concevoir une application web complète. J’ai travaillé sur le responsive, les interactions, la logique de traitement, la structure des contenus et l’optimisation. Il m’a aussi permis de comprendre qu’un projet web réussi ne repose pas seulement sur l’aspect graphique, mais aussi sur la fluidité de l’expérience, la clarté des informations et la capacité à rendre l’utilisateur acteur du contenu.