Toutes les réalisations
Vinyle Stack

Vinyle Stack

Un bac à disques qu'on fouille du curseur.

Plateforme
Web
Type
Expérience
Au studio
Conçue et développée par Bloomwise Studio.
Site
vinyle-stack.vercel.app

Le site, en direct

Le vrai site, dans le cadre : faites-le défiler pour le visiter. Sortez du cadre pour reprendre la lecture de cette page.

Vinyle Stack

Points forts

  • Une file, pas une grille

    Les pochettes sont posées perpendiculairement au fil, comme des dossiers dans un bac : on n'en voit qu'une tranche, et celle qu'on prélève se découvre entière.

  • Le prélèvement au ressort

    La pochette visée sort latéralement, dépasse un peu sa position et revient. Ses deux voisines la suivent de 10 %, les suivantes de 5 %, et l'espacement de la file ne bouge jamais.

  • Le disque sort de sa pochette

    Il n'apparaît qu'au prélèvement, proportionnellement à la sortie. C'est la signature du bac.

  • Un défilement sans fin

    La file est une boucle fermée, un disque par album : le premier revient après le dernier, sans doublon ni trou, et les deux extrémités du fil tombent hors cadre.

  • Le rangement par couleur

    La teinte dominante n'est pas dans les données : elle est lue sur la pochette elle-même, par vote pondéré sur 36 secteurs de teinte, gris et noirs écartés.

  • Trente secondes de musique

    Les extraits viennent de Deezer, sans compte et sans connexion. La playlist est figée à la fabrication : le visiteur tombe dessus directement.

  • Sans cadre de travail

    Des modules ES, une projection isométrique maison et des transformations CSS. 120 images par seconde avec la file entière à l'écran.

Questions

Faut-il un compte pour écouter ?
Non. Les extraits de trente secondes sont publics : ni compte, ni connexion, ni abonnement.
Peut-on changer la playlist ?
Oui, en une commande : le studio refige une playlist Deezer, télécharge les pochettes et le site repart dessus. Il n'y a rien d'autre à toucher.
Pourquoi certains albums restent-ils muets ?
La disponibilité des extraits dépend du territoire. Ces albums gardent leur place et leur pochette dans le bac ; seul le bandeau signale que l'extrait n'est pas diffusable ici.
L'aperçu de cette page est-il le vrai site ?
Oui, c'est le site lui-même, rendu en direct. Dans la vignette du catalogue il est montré sans son texte et il tourne tout seul : la file défile et chaque pochette sort au passage.

Stack technique

  • HTML
  • CSS
  • JavaScript
  • Deezer
  • Vercel