Projet Koukaki – Étude technique et accompagnement
Contexte de la mission
Dans le cadre de la formation Développeur WordPress chez OpenClassrooms, j’ai accompagné des étudiants sur le projet Studio Koukaki, qui consistait à dynamiser la page d’accueil du site d’un studio d’animation dont le dernier court-métrage a été nommé aux Oscars.
Mon rôle a été de guider les étudiants dans la compréhension et l’implémentation d’animations CSS et JavaScript simples, tout en respectant les bonnes pratiques WordPress.
Description du projet
Le projet visait à rendre le site plus interactif et immersif, en mettant l’accent sur :
- la navigation modale animée avec gestion du scroll,
- des animations décoratives en CSS (rotation continue des fleurs, transitions fluides),
- l’intégration d’une vidéo en hero header,
- un carrousel JavaScript pour animer les personnages,
- l’optimisation responsive afin d’assurer la compatibilité sur tous les appareils.
Pour les étudiants, l’enjeu principal était de structurer le CSS avec Sass, de manipuler le DOM avec JavaScript, et d’apprendre à intégrer les scripts proprement dans un thème enfant WordPress, sans recourir à un page builder.
Étapes guidées
- Analyse des besoins et cadrage du projet.
- Mise en place du thème enfant WordPress.
- Structuration du CSS avec Sass.
- Ajout progressif des animations (vidéo, carrousel, modales).
- Optimisation responsive et test multi-appareils.
- Vérification des performances et livrable final.
Points pédagogiques clés
- Travailler en progressivité : poser les bases avant d’ajouter les animations.
- Comprendre la liaison entre CSS et JavaScript dans la gestion des animations.
- Respecter les bonnes pratiques WordPress pour l’intégration des scripts.
- Sensibilisation au design responsive dès la conception.
Mon rôle : accompagner et outiller les étudiants pour qu’ils développent eux-mêmes leurs animations, tout en leur transmettant des méthodes de travail claires et adaptées à un projet WordPress.