DTB.WEBMás trabajos
SOLICITAR UNA WEB

KIRA: música que puedes tener en la mano.

KIRA es un producto inventado: un reproductor de música portátil en el que cada álbum va en una tarjeta de nácar. DTB WEB diseñó y desarrolló la web como concepto, para mostrar qué sensación puede transmitir un producto de lujo en internet. Desliza una tarjeta en el reproductor y cambia el mundo que lo rodea.

Primera pantalla de la web de KIRA: un reproductor de música plateado con una tarjeta de nácar sobre un mar de nubes, bajo el titular Sound you can hold
KIRA / DTB WEB · ConceptoVisitar la web

La pregunta

¿Cómo transmites la sensación de un producto de lujo en una pantalla, sin una fila de fotos de producto? Buscábamos un género que aún no aparecía en nuestro trabajo: diseño japonés, un toque de retrofuturismo y un objeto que te apetezca coger. La luz y el 3D podían participar, pero con discreción.

La idea

El reproductor es heredero del Walkman y del MiniDisc. Sus álbumes van en tarjetas de nácar, inspiradas en el raden, el arte japonés de incrustar concha. Desliza una tarjeta y suena ese álbum, mientras el cielo detrás del reproductor se convierte en el lugar al que pertenece: seis tarjetas, seis lugares, desde un mar de nubes al amanecer hasta estrellas sobre las nubes. Las tarjetas se guardan en una carpeta con nueve bolsillos por página.

La técnica

La web está hecha con Next.js, three.js, GSAP y Lenis. El reproductor se modeló en Blender con todas sus piezas, para que el capítulo cinco pueda desmontarlo: carcasa, rueda, cristal de la pantalla, lector de tarjetas y batería. El brillo del nácar cambia cuando se mueve una tarjeta. El sonido funciona con Web Audio y solo empieza después de tu primer clic o toque. three.js se carga después de que la página se muestre por primera vez, así que la ves enseguida en tu pantalla.

Un concepto, no un cliente

KIRA no existe. El reproductor, las tarjetas, las ediciones y la reserva se inventaron para este diseño, y la propia web lo dice. Quien reserva un reproductor lee al final que no hay nada que reservar y que no se envía nada. La web en sí es real: puedes abrirla, cambiar de tarjeta y escuchar.

De la web en directo

El capítulo de las tarjetas: la tarjeta 05, Sakura, con flores de cerezo en la niebla, junto al reproductor con la tarjeta dentro
Cada tarjeta es un álbum y un lugar. Esta es la tarjeta 05, Sakura: flores en la niebla.
El capítulo del reproductor: el reproductor desmontado en cinco piezas, cada una con su etiqueta
El capítulo cinco desmonta el reproductor: cinco piezas, cada una con una nota breve.
La carpeta de KIRA con seis tarjetas de nácar en una página de nueve bolsillos
La carpeta, con nueve bolsillos por página. Elige una tarjeta y suena.
La primera pantalla de KIRA en un móvil: el titular Sound you can hold sobre el reproductor y dos botones
La misma primera pantalla en un móvil: el reproductor bajo el titular y los botones debajo.
Respuesta personal en 24 horas.

Cuéntanos qué quieres crear.

SOLICITAR UNA WEB