Free Your Mind - Agence de booking DJ
Visuel 1 sur 3
Site vitrine pour une agence de booking DJ. La page principale est le roster : une mosaïque d'artistes posée à côté d'une platine vinyle. Cliquer sur un artiste fait glisser son disque sur la platine, lance son extrait audio et ouvre sa fiche détaillée avec un formulaire de booking.
Contexte
L'agence voulait un site qui donne à entendre et à voir son univers, pas une simple liste d'artistes.
Défis rencontrés
Faire passer une carte d'artiste de la mosaïque à sa fiche détaillée sans que l'élément disparaisse puis réapparaisse. Et gérer plusieurs sources audio sans qu'elles se superposent quand on enchaîne les artistes.
Solutions
Les transitions utilisent le plugin Flip de GSAP : il mesure la position de départ et d'arrivée de chaque élément et anime le déplacement, donc la carte cliquée devient la fiche sans être démontée. Pour le son, un seul contrôleur gère la lecture et coupe la piste en cours avant d'en lancer une autre.