Refonte d'un site de Laser Game et Escape Game
Ce projet est une refonte du site d’un Laser Game et Escape Game réalisée en groupe.
Nous étions une équipe de 3 et nous avons travaillé pendant 2 semaines sur la refonte d’un site de Laser Game et Escape Game. Le projet s’est passé en 2 parties.
La 1er partie était pour l’analyse : étudier le site existant, analyser les concurrents, réorganiser les parcours utilisateur et réfléchir sur l’ergonomie grâce à un tri de cartes. Cette phase nous a permis de comprendre les besoins des utilisateurs.
La 2e partie était dédiée à la conception et à l’intégration : créer un prototype interactif sur Figma, puis intégrer de la maquette en Symfony et SASS (SCSS).
Les objectifs du projet étaient de produire une analyse et un prototype interactif, de proposer une expérience utilisateur plus ergonomique, et de concevoir un site plus accessible et éco-conçu.
J'ai participé à la fois à la réflexion UX, la conception des maquettes et l’intégration frontend.
J’ai analysé les sites des concurrents pour voir ce qui revenait souvent dans le secteur.
J’ai ensuite réalisé sur Figma les maquettes des pages "Nos jeux" et "Contact", en réfléchissant à leur structure, à la hiérarchisation des informations et à la lisibilité du contenu.
J’ai choisi d’utiliser des visuels en néon en arrière-plan des pages "Nos jeux", "Contact" et "Formules" afin de rappeler l’univers visuel flashy du Laser Game.
Sur la page "Nos jeux", j’ai mis des listes de type accordéon (dépliables avec + / -) afin de gagner de la place, d’éviter de surcharger la page en texte et de laisser l’utilisateur choisir ce qu’il souhaite lire. J’ai aussi mis en valeur certaines informations importantes (comme la capacité des salles d’escape game) à l’aide d’un encadré blanc pour contraster avec le fond sombre afin qu’elles soient repérables facilement.
Pour la page "Contact", faute de temps, j’ai conçu un formulaire volontairement très simple, avec les champs essentiels (nom, prénom, téléphone, date, heure, nombre de parties). Avec du recul, je trouve que ce formulaire manque de lisibilité car les informations sont trop les unes sur les autres, mais ce choix était dû au manque de temps et au fait que je devais intégrer les pages en version mobile et ordinateur rapidement tout en partageant mon travail avec mon équipe.
Ce projet m’a surtout appris à travailler efficacement en équipe dans un contexte de temps assez restreint.
La principale difficulté a été l’organisation du travail de groupe et la gestion du temps. Nous étions 3 à travailler en parallèle, avec seulement quelques jours pour intégrer, tester et ajuster l’ensemble du site. Même si nous avions mis en place un fichier SCSS commun pour les bases (couleurs, typographies, boutons, etc.), il fallait souvent se synchroniser pour éviter les conflits. Ce projet m’a appris à prioriser, à faire des choix rapides et à accepter parfois des compromis.
