Contexte et objectifs
En équipe de 4, dans le cadre du cours de gestion de projet, l'équipe pédagogique a commandé la réalisation d'un site web promotionnel consacré au Japon, en imposant une méthodologie complète de conduite de projet.
L'objectif était de ne pas démarrer directement le développement, mais de suivre un cycle complet : comprendre le contexte, identifier les cibles utilisateurs, définir les fonctionnalités, construire une arborescence, concevoir une charte graphique, maquetter chaque page, puis développer le site et le présenter à l'oral.
J'ai participé activement à toutes les phases : organisation de l'équipe et répartition des rôles, rédaction des besoins (personas, fonctionnalités), conception de l'arborescence et de la charte graphique, réalisation de maquettes, développement HTML/CSS avec versionnage GIT, et préparation de la présentation orale finale.
Le site web thématique Japon a été livré avec l'ensemble des livrables de conduite de projet (personas, arborescence, charte, maquettes) et présenté à l'oral. Cette SAE m'a appris à ne jamais sauter directement au code sans avoir d'abord bien compris le besoin et formalisé le projet.
Étapes du projet
- 1Organisation d'équipe — Répartition des rôles, définition des responsabilités et des délais à respecter.
- 2Compréhension et rédaction des besoins — Identification des cibles (personas), des fonctionnalités attendues et des contraintes techniques.
- 3Arborescence du site — Construction d'une structure de navigation cohérente avec le contenu et les besoins identifiés.
- 4Charte graphique — Définition des couleurs, typographies, styles visuels en accord avec l'univers japonais.
- 5Maquettage — Réalisation des maquettes de chaque page avant développement.
- 6Développement avec GIT — Programmation HTML/CSS/JS avec versionnage GIT et travail collaboratif.
- 7Présentation orale en équipe — Restitution du projet devant un jury avec support de présentation.
Ce qui a été réalisé
- Expression des besoins client formalisée (personas, fonctionnalités, contraintes)
- Arborescence complète et cohérente du site
- Charte graphique thématique (couleurs, typographies, pictogrammes)
- Maquettes de chaque page avant développement
- Site web HTML/CSS/JS multipage versionné sur GIT
- Présentation orale structurée devant jury
Aperçus du projet
