Contexte
Le studio d’animation Koukaki, récemment nominé aux Oscars pour son dernier court-métrage, souhaitait moderniser son site web afin de mieux refléter son dynamisme et son univers créatif.
En tant qu’intégrateur WordPress chez MyCustomiWP, ma mission a été de dynamiser la page d’accueil et de mettre en avant la nomination aux Oscars, tout en respectant les bonnes pratiques de développement WordPress.
Description du projet
Ce projet consistait à :
L’objectif était d’améliorer l’expérience utilisateur et de rendre le site plus immersif et engageant, tout en gardant un code propre, optimisé et maintenable.
- Ajouter un effet de fade-in sur les sections pour qu’elles apparaissent progressivement au chargement et au scroll.
- Intégrer une vidéo en arrière-plan dans le hero header avec une image de fallback et un effet de parallaxe sur le titre.
- Mettre en place un carrousel interactif des personnages en utilisant SwiperJS avec effet Coverflow.
- Créer un effet de parallaxe sur les nuages de la section “Lieu”.
- Développer un menu burger plein écran animé (rotation des fleurs, flottement des têtes de chats, effets au survol).
- Ajouter une section événementielle dédiée aux Oscars, facilement désactivable après l’événement grâce à un template partiel.
Technologies utilisées
J’ai conçu et intégré plusieurs animations dynamiques et éléments interactifs pour enrichir l’expérience utilisateur :
- WordPress (thème enfant)
- PHP (template partiels)
- Sass (structuration du CSS)
- JavaScript & jQuery (animations et logique interactive)
- SwiperJS (carrousel des personnages)
- HTML5 / CSS3 (animations avec @keyframes, transitions, parallaxe)