Megazone d'Auxerre

Refonte du site du laser game Megazone d'Auxerre

calendier Décembre 2024
équipe Projet d'école en collaboration avec Lucie, Lucy et Marius
outils Figma, Illustrator, GitHub, Docker, Symfony, HTML, CSS, SCSS, JavaScript
logo du Megazone d'Auxerre

Le projet

Refonte intégrale du site internet du Megazone d’Auxerre (89), espace de laser game et autres activités ludiques. Nous avons revu toute l’arborescence du site, ainsi que son identité visuelle : le logo, les typographies, la palette de couleurs, tout y est passé ! Nous avons ensuite maquetté et développé le frontend de 4 pages du site : l’accueil, la page de contact, la présentation des formules de laser game ainsi que celle des escapes games.

La réalisation

Nous avons opté pour un thème sombre avec des touches de violet et vert fluo, pour un effet dynamique néon rappelant des faisceaux lasers. Nous avions pour contraintes de développer le site avec Symfony et SCSS, en respectant les normes d’accessibilité. J’ai pour ma part beaucoup participé à l'élaboration de la maquette, et développé la page “Formules”.

L'expérience

Ce projet a été pour moi pas mal de premières fois :

  • Utiliser Figma pour réaliser une maquette, et me battre avec l’auto layout des frames avant d’en comprendre les subtilités.
  • Travailler à 4 en parallèle sur le même projet Github, apprendre les commandes essentielles, stash, pull, add, commit, push... Et gérer approximativement douze milles conflits de merge (inexistants), une sombre histoire d’encodage de fin de ligne.
  • Premier projet sur Symfony après quelques heures de cours dessus, me familiariser avec les fichiers, la structure, Twig.
  • Installer le watcher pour le scss, utiliser les variables, les mixins... Et râler que mon code ne fonctionne pas avant de me souvenir de relancer le watcher. Je n'ose pas compter combien de fois ça m'ait arrivé durant le projet !

J’ai aussi développé mes connaissances en HTML et CSS, comparé les mérites des flexbox et des grids, fait mes premiers pas en @media, et poursuivi mes réflexions sur l’accessibilité.

Visiter le site
page d'accueil du site Megazone
page des formules de laser game du site Megazone
vue d'ensemble de la maquette du site Megazone : pages d'accueil, Nos formules, 60' Inside et Contact