Mooshfy
Service 013D Product Configurators

Let customers build itbefore they buy it.

A configurator is not a gallery with swatches. It is a real-time render of the exact product a customer is commissioning — with your manufacturing rules, your prices and your lead times built in.
Rendering
Three.js / WebGL
Assets
GLB / glTF
Commerce
Shopify
Typical build
8–14 weeks
01Try it

A working configurator,not a mockup.

Everything here runs in your browser right now: real geometry, real materials, real rules. Choose the steel bracelet with the gold case and watch the configurator resolve the conflict.
Three.js · WebGL · live render5 components

Made to order in Europe

Reference 01

38mm automatic · sapphire · made to order

Case

Round · polishedA plain polished bezel. The classic dress silhouette.

Case finish

Polished steel316L stainless, mirror polished.

Dial

SunburstRadially brushed under lacquer, with applied baton indices.

Hands

BatonStraight, diamond-cut and squared off.

Strap

Stitched leatherVegetable-tanned calf with two rows of saddle stitching.

Your configuration

€890

Lead time

14 days

02Capabilities

What we buildinto every one.

The difference between a configurator that sells and one that gets abandoned is almost entirely in these six things.

Component logic

Cases, dials, fabrics, finishes, sizes — modelled as data, not as hardcoded variants. Adding a colourway is a row, not a release.

Compatibility rules

Some combinations cannot be manufactured. The configurator knows which, and repairs a configuration the moment it becomes unbuildable.

Live pricing

Every component carries a price adjustment and a lead time. Totals and delivery estimates are derived from the selection, never maintained by hand.

Material accuracy

Physically based materials with measured metalness and roughness. Brushed steel behaves differently from polished steel because it is described differently.

Camera choreography

The camera moves to the component being configured — the strap when you change the strap — so the customer always sees the thing they just changed.

Shareable builds

Every configuration serialises to a URL, so a customer can send their build to a partner or back to your sales team.

03Process

From CAD fileto checkout.

Four stages. Most projects run eight to fourteen weeks from kickoff to a live configurator on your storefront.
  1. 01

    Your 3D models

    You provide your existing CAD or 3D models. STEP, IGES, SolidWorks, Rhino, Blender, ZBrush — whatever your product team already works in.

    No model yet? We arrange the scanning or the modelling.

  2. 02

    We optimise

    We prepare GLB/glTF assets for fast web performance: retopology, sensible UVs, Draco-compressed geometry and KTX2 textures.

    A 240MB CAD assembly becomes a sub-megabyte web asset.

  3. 03

    We build

    We create the Three.js/WebGL experience and the configuration logic — components, materials, pricing, compatibility rules and camera choreography.

    Built as data, so your team can extend the catalogue.

  4. 04

    We connect

    We integrate the experience with Shopify: pricing, inventory, the cart and checkout, so a configured product becomes a real, fulfillable order.

    Your operations team keeps the tools they already use.

04Questions

Before you ask

What do you need from us to start?
Your existing CAD or 3D models and your component catalogue — what can be combined with what, and what each option costs. If you have no 3D models, we arrange the modelling or scanning.
Will it slow the site down?
Not if it is built properly. Geometry is Draco-compressed, textures are KTX2, scenes mount only when they approach the viewport, and the render loop stops when they leave it. Devices that cannot render WebGL efficiently get a static fallback instead.
Can our team add products afterwards?
Yes — that is the reason the configurator is data-driven. When it is connected to Shopify, components live as metaobjects your merchandising team edits in the admin.
Does it work on phones?
Yes. Touch drag rotates, pinch zooms, and geometry and resolution budgets are reduced on mobile GPUs. The configurator controls are designed for thumbs first.
07Configurators

Have a product that deserves to be experienced?

Let's turn your product into an interactive 3D shopping experience.

Replies in minutes, not days — or email info@mooshfy.com.