Site Web JO Paris 2024

SAÉ 1.05 - Recueil des besoins - Conception et réalisation d'un site web olympique

HTML CSS JavaScript UX/UI Design Responsivité

Présentation du projet

Cette SAE consistait à concevoir et réaliser un site web répondant aux besoins de Tony Estanguet, Président du Comité d'Organisation des Jeux Olympiques Paris 2024. L'objectif était de créer une plateforme web moderne et responsive mettant en valeur l'olympisme et les disciplines sportives.


Le projet s'inscrit dans le cadre de la compétence "Identifier les besoins métier et informatiques" et plus spécifiquement l'apprentissage critique "Appréhender les besoins du client".

Informations clés

  • Module : SAE 1.05
  • Compétence : Identifier les besoins métier et informatiques
  • Apprentissage critique : Appréhender les besoins du client
  • Langage : HTML, CSS, JavaScript
  • Organisation : 4 étudiants
  • Durée : 3 mois
  • Livrables : page Web, diaporama, PDF, Maquettage

Étapes du projet

1
Expression des besoins
2
Charte graphique
3
Maquettage
4
Développement
Arborescence du site
Charte Graphique

Description du site

Le site web développé comprend plusieurs pages spécialisées respectant une arborescence de 3 niveaux maximum :

Page Accueil (Niveau 0)

Page principale présentant les Jeux Olympiques Paris 2024 et promouvant les contenus phares du site avec navigation intuitive.

Page Discipline Sportive

Présentation détaillée d'une discipline olympique choisie parmi celles proposées, avec historique et règles.

Page Épreuve Spécifique

Focus sur une épreuve particulière de la discipline avec calendrier, participants et informations techniques.

Page Portrait Sportif·ve

Biographie et parcours d'un·e athlète représentatif·ve de la discipline, avec ses performances et objectifs.

Méthodologie

Le développement de ce projet a suivi une approche structurée en plusieurs phases chronologiques :

Phase 1: Expression des besoins

Analyse de l'interview client et rédaction d'une synthèse complète des besoins fonctionnels et techniques. Cette phase comprenait la personnalisation avec le choix d'une catégorie et discipline sportive spécifiques.

Phase 2: Charte graphique

Création d'une identité visuelle harmonisée avec l'univers olympique et parisien. Définition des couleurs, typographies, logoNoms et éléments graphiques en cohérence avec l'image des JO Paris 2024.

Phase 3: Maquettage

Conception de wireframes et maquettes responsive pour formats desktop et smartphone. Création des maquettes pour toutes les pages principales en respectant les principes UX/UI.

Phase 4: Développement

Programmation du site en HTML/CSS/JavaScript avec implémentation de la responsivité via flexbox et media queries. Code commenté et versionné sous GIT avec respect des standards web.

Compétences développées

Ce projet m'a permis d'acquérir et d'approfondir des compétences transversales en développement web et gestion de projet :

Recueil et analyse des besoins

Capacité à identifier, analyser et formaliser les besoins d'un client réel dans un contexte professionnel complexe.

Conception UX/UI

Maîtrise des principes de design d'interface et d'expérience utilisateur pour créer des sites web attractifs et fonctionnels.

Développement web responsive

Programmation HTML/CSS/JavaScript avec implémentation native de la responsivité sans framework externe.

Travail en équipe

Collaboration efficace en équipe pluridisciplinaire avec répartition des tâches et respect des délais de livraison.

Gestion de projet

Planification et suivi d'un projet sur plusieurs mois avec livrables intermédiaires et contraintes temporelles.

Communication professionnelle

Rédaction de documentation technique et présentation de solutions à un client dans un contexte professionnel.

↑