Portfólio
Marca de bebida

PIQUE Energy

Uma lata 3D realista que conduz a rolagem do começo ao fim.

O site abre em uma nova aba. Funciona no computador e no celular.

Sobre o projeto

Site de lançamento de um energético brasileiro de fruta (marca fictícia, criada do zero: nome, logo, rótulos e lata). Logo na abertura, as cinco latas giram num anel entre dois pedestais de luz. A pessoa arrasta ou usa as setas para escolher o sabor, e a cor do cenário inteiro muda junto.

Ao rolar, a lata escolhida fica sozinha, gira para mostrar os benefícios impressos no verso, passa por trás da palavra gigante da marca, se junta às outras na linha completa e termina pousada no pedestal, ao lado da newsletter. Tudo acontece numa única cena 3D com materiais de lata de verdade, som gerado no navegador e animações suaves também no celular.

Three.jsWebGLGSAPBlender
  • 01
    Lata de verdade em 3D
    Alumínio, verniz e rótulo impresso com reflexos de estúdio, como foto de produto.
  • 02
    Carrossel de sabores
    Arraste ou use as setas: a cor da luz, da névoa e do nome muda junto.
  • 03
    Rolagem que conta a marca
    Perfil, benefícios no verso da lata, linha completa e newsletter numa sequência só.