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.
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.
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.
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.