Primicia 3D Lab Line Background
Product CGI Real-time WebGL E-commerce

PRIMICIA

Lab Line — Real-time 3D Configurator

A real-time 3D configurator for the Lab line that lets customers assemble their own case component by component, with instant price feedback and photoreal previews.

Role 3D Artist & WebGL Developer
Client Primicia — Lab Line
Year 2026
Duration 16 weeks (Feb–May)
Stack Blender · Substance 3D Painter · Three.js · WebGL · Tiendanube
Deliverables Real-time configurator, optimized asset library, cart integration
01

CONTEXT

Primicia is one of Argentina's leading luggage brands. With the Lab line, they moved into customizable product: instead of buying a finished case, the customer assembles one — shell, base, details, divider, lining, organizers — each selected separately. The value isn't in any single piece. It's in the combination.

Render 3D fotorrealista de la valija Primicia Lab
02

THE PROBLEM

Static photography can't sell a configurable product.

Customers could see the pieces. They could never see their combination. Without a live preview, the buying decision rested on imagination — which produced hesitation, repeated color inquiries, and abandoned carts.

Captura de UI del configurador web con selector de componentes y colores
03

OBJECTIVES

Three hard targets framed the work:

< 2s Full 3D load on 4G mobile
60 fps Interaction on mid-range phones
1.26 M Possible combinations, with no performance penalty
04

CONSTRAINTS

Mobile-first

Mid-range Android was the baseline — not a desktop GPU.

No third-party visualization SDK

No monthly licensing, no external viewer dependency.

Native to the store

The configurator had to live inside the existing e-commerce platform and feed its native cart.

One page, no apps

No plugins, no separate experience to install or maintain.

05

PROCESS

Component architecture

Every part defined as an independent sub-model, mapped to the UI state.

Modular modeling

Clean topology, low poly count, consistent pivots across pieces.

Procedural texturing

Map baking in Substance 3D Painter for polymers, textiles, and metal hardware.

Web integration & QA

Real-time pipeline, on-demand loading, cart logic, and device testing.

Jerarquía y estructura de sub-modelos modulares en Blender
Capas y texturizado procedural de polímeros y textiles en Substance 3D Painter
06

KEY DECISIONS

Every part as an independent sub-model

Rather than one heavy asset, each component loads on demand, keeping the initial payload minimal.

One source of truth

The same state that drives the 3D view also drives the price breakdown and cart summary — no duplication, no desync.

Native over third-party

A custom WebGL engine instead of a licensed viewer meant zero recurring costs for the client and full control over performance.

Cart as a set

Configured pieces are grouped so a design travels to checkout as one unit, not as scattered line items.

Esquema técnico y arquitectura de componentes del configurador
07

RESULTS

1.2 MB Initial payload
< 2s 3D load on 4G mobile
60 fps Stable interaction on mid-range devices
+38% Average time on page
-27% Manual color inquiries
$0 Monthly licensing cost
Captura del carrito de compra con la valija configurada como set unitario
Render final y puesta en escena editorial del configurador 3D en funcionamiento
08

LEARNINGS

“If I ran it again, I'd build the material system first, so the catalog could grow without rework for every new texture. It would have shortened the second half of the project.”