Koukaki

2024

Ecran de la page d'accueil du site web du studio d'animation

Contexte du projet

Pour dynamiser la présence en ligne du studio d’animation Koukaki, j’ai été chargé d’enrichir leur site WordPress avec des animations immersives et des effets interactifs. L’objectif était clair : créer une expérience visuelle marquante qui reflète l’univers créatif du studio tout en restant fluide et performante. À partir des maquettes et prototypes fournis, j’ai développé un thème enfant sur mesure, intégrant vidéos, effets de parallaxe, transitions fluides et animations CSS pour donner vie aux différentes sections de la page d’accueil.

Le travail a nécessité la combinaison de plusieurs technologies : animations CSS pour des effets légers et continus (comme la rotation des fleurs), JavaScript et jQuery pour manipuler le DOM et déclencher des interactions, et SwiperJS pour mettre en place un carrousel interactif présentant les personnages du court-métrage. J’ai ajouté une vidéo en arrière-plan du hero, accompagnée d’un effet de flottement sur le titre et d’un défilement parallaxe au scroll. Des effets d’apparition progressifs, inspirés des intentions d’animation du designer, ponctuent désormais chaque section et ses titres. L’ensemble du CSS a été structuré avec Sass, garantissant un code clair et facile à maintenir.

Grâce à ces améliorations, le site du studio Koukaki offre une navigation vivante et immersive, captivant l’utilisateur dès les premières secondes. Les animations, pensées pour rester performantes, renforcent la personnalité du studio sans alourdir le chargement des pages. Ce travail démontre ma capacité à marier design, technique et performance pour créer des interfaces à la fois esthétiques, interactives et optimisées pour WordPress.