DTB.WEBMais trabalhos
PEDIR UM SITE

KIRA: música que pode ter na mão.

O KIRA é um produto inventado: um leitor de música portátil em que cada álbum está num cartão de madrepérola. A DTB WEB desenhou e desenvolveu o site como conceito, para mostrar a sensação que um produto de luxo pode transmitir online. Deslize um cartão para dentro do leitor e o mundo à volta dele muda.

Abertura do site do KIRA: um leitor de música prateado com um cartão de madrepérola acima de um mar de nuvens, sob o título Sound you can hold
KIRA / DTB WEB · ConceitoVisitar o site

A pergunta

Como se faz sentir um produto de luxo num ecrã, sem uma série de fotos de produto? Queríamos um género que ainda não estava no nosso trabalho: design japonês, um toque de retrofuturismo e um objeto em que apetece pegar. A luz e o 3D podiam entrar, mas com discrição.

A ideia

O leitor descende do Walkman e do MiniDisc. Os álbuns estão em cartões de madrepérola, inspirados no raden, a arte japonesa de incrustação de concha. Deslize um cartão para dentro e esse álbum começa a tocar, enquanto o céu atrás do leitor se transforma no lugar a que o álbum pertence: seis cartões, seis lugares, desde um mar de nuvens ao amanhecer até às estrelas acima das nuvens. Os cartões guardam-se numa pasta com nove bolsas por página.

A técnica

O site foi construído com Next.js, three.js, GSAP e Lenis. O leitor foi modelado no Blender com todas as peças, para que o capítulo cinco o possa desmontar: caixa, seletor, vidro do ecrã, leitor de cartões e bateria. O brilho da madrepérola muda quando um cartão se move. O som usa Web Audio e só começa depois do seu primeiro clique ou toque. O three.js só é carregado depois da primeira apresentação da página, para que esta apareça depressa no seu ecrã.

Um conceito, não um cliente

O KIRA não existe. O leitor, os cartões, as edições e a reserva foram inventados para este design, e é o próprio site que o diz. Quem reserva um leitor lê no fim que não há nada para reservar e que nada é enviado. O site em si é real: pode abri-lo, trocar de cartão e ouvir.

Do site ao vivo

O capítulo dos cartões: o cartão 05 Sakura, com flor de cerejeira no nevoeiro, ao lado do leitor com o cartão lá dentro
Cada cartão é um álbum e um lugar. Este é o cartão 05, Sakura: flores no nevoeiro.
O capítulo do leitor: o leitor desmontado em cinco peças, cada uma com uma etiqueta
O capítulo cinco desmonta o leitor: cinco peças, cada uma com uma nota curta.
A pasta do KIRA com seis cartões de madrepérola numa página de nove bolsas
A pasta, com nove bolsas por página. Escolha um cartão e ele começa a tocar.
A abertura do KIRA num telemóvel: o título Sound you can hold por cima do leitor e dois botões
A mesma abertura num telemóvel: o leitor por baixo do título e os botões mais abaixo.
Resposta pessoal em 24 horas.

Conte-nos o que pretende criar.

PEDIR UM SITE