Le studio d’animation Koukaki, dont le dernier film a été nominé aux Oscars, m’a confié la mission d’ajouter des animations dynamiques et interactives à leur site WordPress. L’objectif était d’enrichir l’expérience utilisateur en intégrant des effets visuels et des animations sur la page d’accueil, tout en respectant les bonnes pratiques de développement.

J’ai commencé par installer le site localement, puis j’ai intégré plusieurs animations sur la page d’accueil en utilisant JavaScript et CSS. Les sections du site ont été animées avec des effets d’apparition progressifs (fade-in) et des titres qui apparaissent en fonction du scroll. J’ai ajouté un carrousel interactif pour présenter les personnages du studio, avec SwiperJS, ainsi qu’un effet de parallaxe pour animer les nuages de la section « Lieu ».

Pour la vidéo en header, j’ai veillé à ce qu’elle se charge automatiquement sans montrer les contrôles, tout en intégrant un effet de parallaxe pour donner un sentiment de profondeur avec le titre flottant. J’ai également mis en place un menu burger dynamique avec des animations supplémentaires pour renforcer l’interaction utilisateur. L’ensemble des animations a été optimisé pour être fluide et réactif, même sur mobile.