Vinco®
Cliente
VINCO®, expositores em cartão
Ano
2026
Tecnologias
Three.js, JavaScript, Lenis
(Sobre o projeto)
A VINCO® desenha e produz expositores em cartão para o ponto de venda. O site explica o processo de fabrico com cenas 3D, apresenta as cinco tipologias de expositor e reúne seis estudos, cada um com a sua ficha técnica.
- Direção de arte
- Web design
- 3D interativo
- Desenvolvimento front-end
(01) Hero
Vista explodida
O site abre com o expositor em 3D à frente da marca. Ao passar o rato, os painéis, as prateleiras com luz e os encaixes afastam-se e voltam ao lugar quando o rato sai.
(02) Processo
Quatro capítulos em 3D
Uma cena 3D avança com o scroll. Cada capítulo tem número, texto curto e uma tabela técnica, e os separadores no fundo do ecrã permitem saltar entre eles.
- 01Desenho: o expositor aparece como planificação em linha
- 02Impressão: a placa passa por uma mesa de impressão UV
- 03Montagem: as peças encaixam uma a uma
- 04Loja: o expositor termina numa prateleira de loja
(03) Tipologias e estudos
Tipologias e fichas técnicas
Cada tipologia entra primeiro como desenho técnico e só depois recebe a impressão. Os seis estudos filtram-se por tipologia e abrem uma ficha com dimensões, material, impressão, montagem, tiragem mínima e prazo.
TipologiasBalcão, chão, palete, ilha e POP.
Ficha do estudo Montélio600 × 1800 × 400 mm, canelado BC 7 mm.
(04) Componentes
Componentes da interface
O mesmo conjunto de peças monta o processo, as fichas, os filtros dos estudos e o formulário de contacto.
Separadores numeradosNavegam entre os capítulos do processo e as tipologias.
Etiquetas e tabelasMedidas, materiais e prazos no mesmo formato em todas as fichas.
Botões com setaAbrem os estudos, os formatos e o contacto.
(05) Matéria
Amostra de materiais
Amostra em 3DUma peça de cartão com cotas e notas, como num desenho técnico.
Dois acabamentosOrla branca, que cobre a espessura do cartão, e impressão integral.
Ficha dinâmicaMuda conforme a parte da amostra que está debaixo do rato.
(06) Mobile
Versão mobile
No telemóvel, os separadores do processo e das tipologias ficam no fundo do ecrã e o menu junta as secções, as formas de partida e a lista de estudos.
(07) Estúdio, contacto e formatos
Estúdio e contactoQuatro fases de trabalho e formulário que começa pela tipologia.
Formatos e rodapéFormas de partida à mesma escala e linear de expositores.
(08) Percurso completo
Do hero ao rodapé, acelerado
