KOUKAKI
Améliorez le site d'un studio d'animation avec JavaScript et des animations CSS
Objectifs:
- Manipuler des éléments du DOM avec JavaScript
- Mettre en œuvre des animations CSS
Compétences:
- Ajout d’animations interactives et dynamiques grâce à JavaScript, CSS et des bibliothèques spécialisées
- Manipulation d’éléments du DOM avec JavaScript pour ajouter de l’interactivité au site
- Intégration d’animations telles qu’une vidéo, un carrousel, des effets de parallaxe et d’apparition
- Utilisation d’animations CSS pour enrichir l’expérience utilisateur du site
- Utilisation de Sass, un pré-processeur CSS
- Utilisation de bibliothèques telles que JQuery et SwiperJS
- Respect des bonnes pratiques de WordPress
- Assurance d’une intégration propre et efficace des scripts
Capture d'écran
Contexte:
Pour ce projet, je suis intégrateur WordPress chez MyCustomiWP, une agence spécialisée dans le développement de thèmes personnalisés. Martine, la cheffe de projet de l’agence, a fait appel à mes services car elle voudrait dynamiser le site internet du studio d’animation Koukaki, dont le dernier film a été nominé aux Oscars du meilleur court-métrage d’animation. Pour ce faire, je suis missionné d’intégrer l’interface du site à partir de la maquette visuelle fournie par l’UX designer de l’agence. Je dois également ajouter des animations.
Description:
- Étape 1 : Analyse des tâches à réaliser
- Étape 2 : Modification de l’affichage général du site
- Étape 3 : Ajout de la vidéo dans le hero header
- Étape 4 : Animation des personnages avec un carrousel JavaScript
- Étape 5 : Animation des éléments d’interface du lieu
- Étape 6 : Dynamisation du menu du site
- Étape 7 : Envoi du site
