DTB.WEBWeitere Arbeiten
WEBSITE ANFRAGEN

KIRA: Musik zum Anfassen.

KIRA ist ein erfundenes Produkt: ein tragbarer Musikplayer, bei dem jedes Album auf einer eigenen Karte aus Perlmutt erscheint. DTB WEB hat die Website als Konzept gestaltet und gebaut, um zu zeigen, wie sich ein Luxusprodukt online anfühlen kann. Schieb eine Karte in den Player, und die Welt um ihn herum verändert sich.

Startbereich der KIRA-Website: ein silberner Musikplayer mit einer Perlmuttkarte über einem Wolkenmeer, unter der Überschrift Sound you can hold
KIRA / DTB WEB · KonzeptLive-Website ansehen

Die Frage

Wie macht man ein Luxusprodukt auf einem Bildschirm spürbar, ohne eine Reihe von Produktfotos? Wir wollten ein Genre, das es in unserer Arbeit noch nicht gab: japanisches Design, ein wenig Retro-Futurismus und ein Objekt, das man in die Hand nehmen möchte. Licht und 3D durften mitspielen, aber leise.

Die Idee

Der Player stammt vom Walkman und von der MiniDisc ab. Seine Alben erscheinen auf Karten aus Perlmutt, angelehnt an Raden, die japanische Kunst der Einlegearbeit mit Muschelschalen. Schiebst du eine Karte hinein, spielt dieses Album, und der Himmel hinter dem Player wird zu dem Ort, an den es gehört: sechs Karten, sechs Orte, von einem Wolkenmeer im ersten Morgenlicht bis zu Sternen über den Wolken. Die Karten stecken in einer Sammelmappe mit neun Fächern pro Seite.

Die Technik

Die Website ist mit Next.js, three.js, GSAP und Lenis gebaut. Der Player wurde in Blender mit allen Einzelteilen modelliert, damit Kapitel fünf ihn zerlegen kann: Gehäuse, Drehrad, Displayglas, Kartenleser und Batterie. Der Glanz des Perlmutts verschiebt sich, wenn sich eine Karte bewegt. Der Ton läuft über Web Audio und startet erst nach deinem ersten Klick oder Tipp. three.js lädt nach dem ersten Bildaufbau, damit die Seite schnell auf deinem Bildschirm steht.

Ein Konzept, kein Kunde

KIRA gibt es nicht. Der Player, die Karten, die Auflagen und die Reservierung wurden für diesen Entwurf erfunden, und die Website sagt das auch selbst. Wer einen Player reserviert, liest am Ende, dass es nichts zu reservieren gibt und dass nichts verschickt wird. Die Website selbst ist echt: Du kannst sie öffnen, Karten wechseln und zuhören.

Aus der Live-Website

Das Kapitel über die Karten: Karte 05 Sakura mit Kirschblüten im Nebel, neben dem Player mit der Karte darin
Jede Karte ist ein Album und ein Ort. Hier Karte 05, Sakura: Blüten im Nebel.
Das Kapitel über den Player: der Player, zerlegt in fünf beschriftete Teile
Kapitel fünf zerlegt den Player: fünf Teile, jedes mit einer kurzen Erklärung.
Die KIRA-Sammelmappe mit sechs Perlmuttkarten auf einer Seite mit neun Fächern
Die Sammelmappe, neun Fächer pro Seite. Wähl eine Karte, und sie wird abgespielt.
Der Startbereich von KIRA auf dem Handy: die Überschrift Sound you can hold über dem Player und zwei Buttons
Derselbe Startbereich auf dem Handy: der Player unter der Überschrift, die Buttons darunter.
Persönliche Antwort innerhalb von 24 Stunden.

Erzähl uns, was du gestalten möchtest.

WEBSITE ANFRAGEN