KIRA : une musique que l’on tient en main.
KIRA est un produit inventé : un lecteur de musique portable dont chaque album tient sur une carte de nacre. DTB WEB a conçu et réalisé le site en tant que concept, pour montrer ce qu’un produit de luxe peut faire ressentir en ligne. Glissez une carte dans le lecteur, et le monde qui l’entoure change.
La question
Comment faire ressentir un produit de luxe sur un écran, sans aligner des photos de produit ? Nous cherchions un genre encore absent de notre travail : le design japonais, une touche de rétrofuturisme et un objet que l’on a envie de prendre en main. La lumière et la 3D pouvaient s’inviter, mais avec retenue.
L’idée
Le lecteur descend du Walkman et du MiniDisc. Ses albums tiennent sur des cartes de nacre, inspirées du raden, l’art japonais de l’incrustation de coquillage. Glissez une carte et l’album se lance, tandis que le ciel derrière le lecteur devient le lieu auquel il appartient : six cartes, six lieux, d’une mer de nuages aux premières lueurs jusqu’aux étoiles au-dessus des nuages. Les cartes se rangent dans un classeur de neuf pochettes par page.
La technique
Le site est développé avec Next.js, three.js, GSAP et Lenis. Le lecteur a été modélisé dans Blender avec toutes ses pièces, pour que le chapitre cinq puisse le démonter : boîtier, molette, vitre de l’écran, lecteur de cartes et batterie. L’éclat de la nacre se déplace quand une carte bouge. Le son passe par Web Audio et ne démarre qu’après votre premier clic ou votre premier toucher. three.js ne se charge qu’après le premier affichage, pour que la page apparaisse vite à l’écran.
Un concept, pas un projet client
KIRA n’existe pas. Le lecteur, les cartes, les éditions et la réservation ont été inventés pour ce design, et le site l’indique lui-même. Les visiteurs qui réservent un lecteur lisent à la fin qu’il n’y a rien à réserver et que rien n’est envoyé. Le site, lui, est bien réel : vous pouvez l’ouvrir, changer de carte et écouter.
Extraits du site en ligne
