Vinco®
Cliente
VINCO®, expositores de cartón
Año
2026
Tecnologías
Three.js, JavaScript, Lenis
(Sobre el proyecto)
VINCO® diseña y produce expositores de cartón para el punto de venta. El sitio web explica el proceso de fabricación con escenas 3D, presenta las cinco tipologías de expositor y reúne seis estudios, cada uno con su ficha técnica.
- Dirección de arte
- Diseño web
- 3D interactivo
- Desarrollo front-end
(01) Hero
Vista explosionada
El sitio web se abre con el expositor en 3D delante de la marca. Al pasar el ratón, los paneles, las baldas con luz y los encajes se separan y vuelven a su sitio cuando el ratón sale.
(02) Proceso
Cuatro capítulos en 3D
Una escena 3D avanza con el scroll. Cada capítulo tiene número, un texto breve y una tabla técnica, y las pestañas de la parte inferior de la pantalla permiten saltar entre ellos.
- 01Dibujo: el expositor aparece desplegado y dibujado en línea
- 02Impresión: la plancha pasa por una mesa de impresión UV
- 03Montaje: las piezas encajan una a una
- 04Tienda: el expositor termina en una estantería de tienda
(03) Tipologías y estudios
Tipologías y fichas técnicas
Cada tipología aparece primero como dibujo técnico y solo después recibe la impresión. Los seis estudios se filtran por tipología y abren una ficha con dimensiones, material, impresión, montaje, tirada mínima y plazo.
TipologíasMostrador, suelo, palé, isla y POP.
Ficha del estudio Montélio600 × 1800 × 400 mm, cartón ondulado BC de 7 mm.
(04) Componentes
Componentes de la interfaz
El mismo conjunto de piezas monta el proceso, las fichas, los filtros de los estudios y el formulario de contacto.
Pestañas numeradasNavegan entre los capítulos del proceso y las tipologías.
Etiquetas y tablasMedidas, materiales y plazos con el mismo formato en todas las fichas.
Botones con flechaAbren los estudios, los formatos y el contacto.
(05) Materia
Muestra de materiales
Muestra en 3DUna pieza de cartón con cotas y notas, como en un dibujo técnico.
Dos acabadosCanto blanco, que cubre el grosor del cartón, e impresión integral.
Ficha dinámicaCambia según la parte de la muestra que queda bajo el ratón.
(06) Móvil
Versión móvil
En el móvil, las pestañas del proceso y de las tipologías quedan en la parte inferior de la pantalla y el menú reúne las secciones, las formas de partida y la lista de estudios.
(07) Estudio, contacto y formatos
Estudio y contactoCuatro fases de trabajo y un formulario que empieza por la tipología.
Formatos y pie de páginaFormas de partida a la misma escala y una línea de expositores.
(08) Recorrido completo
Del hero al pie de página, acelerado
