Projet 1

M2L

Dans le cadre d’un exercice en cours, nous avons simulé une situation professionnelle : par groupes de 4, créer le site de la Maison des Ligues.

Contexte

Dans le cadre d’un exercice en cours, nous avons simulé une situation professionnelle : par groupes de 4, créer le site de la Maison des Ligues. Le livrable comprenait une page d’accueil générale et trois sous-sites dédiés à des sports. Ma mission portait sur le Football. J’ai conçu un sous-site qui répertorie les effectifs (équipes et joueurs), les coachs, les lieux d’entraînement, le planning des séances et une page contact.

Objectifs

  • Structurer le contenu Football (équipes, joueurs, staff, lieux, planning, contact) de manière claire.
  • Assurer un affichage lisible et responsive (mobile, tablette, desktop) en respectant la DA du groupe.
  • Mettre en place un planning simple (lecture par jour/catégorie) et des listes faciles à parcourir.
  • Présenter les lieux d’entraînement avec les informations utiles (adresse, créneaux).
  • Fournir une page contact propre (coordonnées + formulaire basique).
  • Garantir une accessibilité minimale.

Mon rôle

Référent du sous-site Football : recueil du besoin avec l’équipe, réalisation des maquettes rapides, intégration HTML/CSS, logique JavaScript pour le listing (effectifs, staff) et le planning. J’ai normalisé les données (structures simples réutilisables) et veillé à l’alignement graphique avec la page d’accueil du groupe. Coordination avec les 3 autres membres (répartition des tâches, revues rapides).

Résultats

  • Sous-site Football complet : effectifs, coachs, lieux, planning et contact.
  • Navigation claire avec sections bien identifiées et contenus homogènes.
  • Pages responsives et cohérentes avec la charte du projet.
  • Contenus organisés (structures communes) pour faciliter l’ajout d’autres sports.

Preuves / livrables

Accès au site

Galerie (captures)

Bilan

Ce projet m’a permis de travailler en équipe de 4 sur une situation proche d’un contexte professionnel. J’ai découvert l’importance de coordonner les rôles et de garder une cohérence visuelle et technique entre nos différentes parties. Sur le plan technique, j’ai renforcé mes compétences en HTML/CSS pour structurer et mettre en page les contenus, ainsi qu’en JavaScript pour gérer l’affichage des effectifs, du planning et des données organisées.