3D Configurator Gobelets.com
A 3D configurator that lets customers personalise and preview their cup in real time before ordering.
ClientGobelets.com
Visit the site
+0%
Online sales
Leader
Market position
60 FPS
3D rendering
0+
Combinations
Selling a product the customer cannot see yet
Gobelets.com sells customisable drinkware: the product being sold is not held in stock, it comes into being through the customer’s configuration.
On this kind of purchase, visual uncertainty is the main brake on ordering. An approximate preview gets paid for either in abandoned carts or in returns.
Faithful rendering, in the browser, without lag
Displaying a textured 3D object in real time in a browser imposes a tight performance budget: rendering has to stay fluid while the user manipulates their artwork, including on modest machines.
The render also had to stay faithful to the actual print — material, curvature, how artwork distorts on a tapered vessel — or it would promise something other than what ships.
A real-time 3D engine inside the purchase funnel
We built a configurator where personalisation applies directly to a manipulable 3D model, embedded in the purchase journey rather than presented as a separate tool.
Real-time 3D rendering
Artwork is applied to a 3D model the user can rotate, with rendering that stays fluid throughout the manipulation.
Faithful distortion on tapered vessels
Artwork is projected accounting for the product’s real geometry, so the preview matches the printed result rather than a flat thumbnail.
Multiple combinations
Shapes, capacities, colours and print areas combine freely, with the preview recomputed on every change.
Wired into checkout
The approved configuration passes straight to the order, with no rework between creation and purchase.
The technologies we chose
Three.js and WebGL for the rendering engine, a Vue.js interface for the configuration journey, and direct integration with the e-commerce checkout.
Three.js
WebGL
Vue.js
JavaScript
Visual uncertainty removed before payment
Customers approve their product on a faithful render rather than a description. Personalisation becomes a selling point instead of a source of hesitation.
Working on something similar?
Give us thirty minutes. We will tell you plainly what is feasible, at what budget and on what timeline.