Le défi principal de ce projet résidait dans la superposition des composants du Hero, avec un masquage dynamique des éléments textuels et des boutons qui le forment. Il s’agit d’une animation dynamique subtile réalisée en threeJS, qui génère un clone SVG de la forme en 3D afin de l’appliquer comme masque sur le contenu.

Une prouesse technique qui a été mise en œuvre afin d’être incorporée dans un site réalisé avec Webflow, étant donné que l’arrière-plan coloré du site est lui-même animé en dehors de la scène ThreeJS (en GSAP). Cet isolement du volume central garantit une adaptation optimale en version mobile.