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 dans un temps très court pour le travail demandé.
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.
Je suis intervenue à la fois sur la réflexion UX, la conception des maquettes et l’intégration frontend.
J’ai participé à l’analyse des concurrents en identifiant les éléments récurrents sur les différents sites du 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 en place 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 contrastant avec le fond sombre, pour qu’elles soient immédiatement repérables.
Pour la page "Contact", faute de temps, j’ai conçu un formulaire volontairement 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 compactées, mais ce choix était lié aux contraintes de délai et au fait que je devais intégrer les pages en version mobile et ordinateur en très peu de temps tout en partageant mon travail avec l’équipe.
Ce projet m’a surtout appris à travailler efficacement en équipe dans un contexte de temps très contraint.
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, à accepter parfois des compromis, et à mieux communiquer avec les autres membres de l’équipe. Il m’a aussi permis de mieux comprendre l’importance de la cohérence entre UX, UI et intégration technique, surtout quand les délais sont courts.
