KIRA: muziek die je kunt vasthouden.
KIRA is een verzonnen product: een draagbare muziekspeler waarvan elk album op een kaart van parelmoer staat. DTB WEB ontwierp en bouwde de website als concept, om te laten zien hoe een luxeproduct online kan voelen. Je schuift een kaart in de speler en de wereld om de speler verandert mee.
De vraag
Hoe laat je een luxeproduct voelen op een scherm, zonder een rij productfoto’s? We zochten een genre dat nog niet in ons werk stond: Japanse vormgeving, een beetje retro-futurisme en een object dat je wilt vastpakken. Licht en 3D mochten meedoen, maar zacht.
Het idee
De speler stamt af van de walkman en de minidisc. De albums staan op kaarten met parelmoer, zoals bij raden, het Japanse inlegwerk met schelp. Schuif je een kaart in de speler, dan speelt dat album en wordt de lucht achter de speler de plek waar het bij hoort: zes kaarten, zes plekken, van een wolkenzee bij zonsopgang tot sterren boven de wolken. De kaarten bewaar je in een map met negen vakken per pagina.
De techniek
De site is gebouwd met Next.js, three.js, GSAP en Lenis. De speler is in Blender gemodelleerd met al zijn onderdelen, zodat hij in hoofdstuk vijf uit elkaar kan gaan: behuizing, draaiknop, schermglas, kaartlezer en batterij. De glans van het parelmoer verschuift als een kaart beweegt. Het geluid loopt via Web Audio en begint pas na je eerste klik of tik. three.js laadt pas na de eerste weergave, zodat de pagina snel op je scherm staat.
Concept, geen klant
KIRA bestaat niet. De speler, de kaarten, de oplages en de reservering zijn bedacht voor dit ontwerp, en de site zegt dat zelf ook. Wie een speler reserveert, leest aan het eind dat er niets te reserveren valt en dat er niets wordt verstuurd. De website zelf is echt: je kunt hem openen, kaarten wisselen en luisteren.
Uit de live website
