Viajando a mi universo...David Langarica © 2026

0
Proyectos / PLUPack Embalajes

PLUPack Embalajes

Tienda Shopify y desarrollo creativo

Visitar sitio web
PLUPack Embalajes — web design and development project by David Langarica
Rol
Diseñador UX/UI y desarrollador creativo
Equipo
David Langarica · JP Cabrera
Responsabilidades
Diseño UX/UI, desarrollo de tema Shopify, integración de React, implementación de motion y 3D
Tecnologías
Shopify, Liquid, React
Fechas
Enero - Abril 2026
PLUPack Embalajes — web design and development project by David Langarica

Una forma más expresiva de explorar un negocio de insumos esenciales.

Una tienda Shopify a medida para PLUPack Embalajes que une una homepage animada, inspirada en sus materiales, con un camino claro hacia su catálogo de insumos.

Un proveedor con más que mostrar

PLUPack abastece a empresas de Argentina con embalajes, descartables y otros insumos esenciales. El sitio tenía que mostrar la amplitud de esa oferta y, al mismo tiempo, ayudar a explorar los productos y entender el valor de concentrar las compras en un proveedor. Al cliente le gustó una dirección visual basada en materiales y texturas, y quiso que el motion y el 3D le dieran más presencia a la marca.

Diseñé y desarrollé una experiencia a medida en Shopify que conecta una homepage expresiva con un catálogo familiar. El reto principal fue lograr que ambas partes se sintieran como un solo sitio.

PLUPack homepage desktop screenshot

La homepage publicada combina movimiento inspirado en los materiales con un camino claro hacia los productos de PLUPack.

React dentro de Liquid

La parte de la que estoy más orgulloso está detrás de lo que se ve. Integré componentes de React dentro del tema Liquid de Shopify para construir y ajustar las secciones animadas y en 3D con un flujo de desarrollo más ágil, mientras Shopify seguía encargándose de la tienda. Así pude trabajar las transiciones y las interacciones sin convertir todo el storefront en una aplicación independiente.

La homepage pasa de la propuesta general de la marca a razones concretas para trabajar con PLUPack, su cobertura nacional, los productos y las soluciones por industria. Mantuve visible el camino hacia el catálogo junto a la narrativa visual, con enlaces directos a productos y artículos destacados.

La secuencia de industrias en movimiento, grabada en la tienda publicada.

PLUPack homepage mobile screenshot

La homepage móvil mantiene visibles el producto destacado y los accesos principales en un formato más estrecho.

El movimiento también cuesta

La animación y el 3D aportaron el carácter que buscaba el cliente, pero también hicieron del rendimiento un reto real de implementación. Tuve que revisar cuánto trabajo le pedía la página al navegador y en qué momento, sobre todo en las secciones más elaboradas de la homepage. Me gusta cómo se siente el resultado considerando esa dificultad, aunque no lo convertiría en una afirmación de velocidad sin mediciones comparables.

La claridad importaba igual. Las decisiones posteriores de contenido simplificaron el hero, dirigieron a las personas hacia la sección de industrias existente y evitaron prometer filtros del catálogo que no estaban ahí. Así, el trabajo visual podía acompañar el recorrido de compra real.

PLUPack product catalog screenshot

El catálogo lleva a las personas de la homepage animada a las categorías de productos de PLUPack.

El resultado

PLUPack tiene hoy una tienda activa en Shopify donde la narrativa de marca, las secciones animadas y la exploración de productos conviven en una misma experiencia. Para mí, lo más satisfactorio es la integración: React me dio el control creativo y el flujo de trabajo que buscaba dentro de Liquid, mientras el sitio sigue funcionando como una tienda que la gente puede usar. El trabajo de rendimiento forma parte de ese cuidado, sin convertirlo en una cifra que no he medido contra una base comparable.