A 3D CONFIGURATOR INSIDE AN EXISTING SHOP SARAJEVO · SINCE 2020

Built on screen, made in wood.

Tochak is a Sarajevo workshop making wooden balance bikes for children by hand. The shop was already doing well, but it was missing one thing, letting the customer build and see the bike before ordering it. We built a configurator where the wheels, the handlebar and the seat are chosen on a 3D model, so the bike is ordered exactly as the customer imagined it.

Live · tochak.ba/configurator In production since December 2020
Commissioned by Tochak, a Sarajevo brand of handmade wooden balance bikes and toys.
01THE NEED

A short brief, a precise requirement.

The brief arrived in three points: the wheel colour changes, the handlebar wood and the seat leather. Plus one wish, that the bike first appear in bare wood, as the starting option.

For the wheels, the order had to carry the exact colour code, because under it the workshop orders the paint from Caparol’s 3D-System PLUS collection, so the palette doubles as the supplier’s entire catalogue.1

The 3D model arrived as it is used in production, heavy CAD in three formats. In a browser that does not perform, so in Blender we cleaned it up and split it into the parts that get configured.2

Before and after.

On the left, the bike on the sketch we received from the client as the starting point. On the right, the same bike in its real form, ready to configure.

The client’s own render of the bike, annotated by hand in Bosnian, marking which
          part changes and how.
BEFORE · THE SKETCH The annotated sketch Two leather colours, three woods, the wheel colour changes. The logo stays black, the rest in the wood’s own colour.
The configurator in the browser, the bike in bare wood, handlebar tray open.
AFTER · IN THE BROWSER The bike in 3D The same three choices, on a 3D model that can be rotated. Everything just as the sketch laid it out.
02FEATURES

From the choice on screen to the order in the shop.

01 / 03 The configuration

02 / 03 The checkout

/ 03 The order

tochak.ba/configurator · One model, three choices
Bare, as it comes off the bench
Wheels, Flamenco 130
Walnut handlebar, black leather seat
tochak.ba · Checkout, December 2020
Existing WooCommerce
What we added
The customer’s confirmation · The order in the shop
NEED

The customer should not have to imagine what the bike will look like. The wheels, the handlebar and the seat need to change.

SOLUTION

Every click shows on the model at once. For the wheels 1,291 colours, each with its exact code, plus bare wood, for the handlebar three kinds of wood, and for the seat two kinds of leather.

BENEFIT

The customer sees the bike before ordering and gets exactly what they built.

NEED

Everything the customer picks has to reach the order, along with the name of the child the bike is for.

SOLUTION

The configuration is carried into the order through the existing checkout, and the customer types in only the child’s name and age.

BENEFIT

Nothing is retyped or lost, the order carries the full choice and the child’s name.

NEED

The order sheet has to say exactly what to build, with no ambiguity and no need to contact the customer.

SOLUTION

The customer gets a confirmation, the workshop the specification exactly as ordered. The price adjusts to the chosen configuration.

BENEFIT

The workshop knows exactly what to order and builds the bike just as the customer imagined it.

The frames come from the configurator and the shop in production. The last frame of the third slide is a replica built from the delivered documentation, and order #182 is a demo order with fictional details.3

03IN USE

Five years on, the configurator is still doing its job.

The configurator still serves its purpose at tochak.ba/configurator. The palette, the model split into groups and the mechanics of choosing are the same as in 2020. The register on the site now counts 380 bikes built, each numbered and each carrying the name of the child it belongs to.4

An addition to a system that already worked.

The configurator is written in vanilla JavaScript, no framework. The shop was not changed but extended: the configured bike is added to the order with all its details, the price is set, and the rest works as it always did.

1,292 COLOURS IN THE PALETTE
2.5 MB A 561,050 TRIANGLE MODEL
5 YEARS IN PRODUCTION
380 BIKES BUILT

TECHNOLOGY

AWARDS FOR TOCHAK

SOURCES Where everything on this page comes from

1 THE PALETTE

The palette holds 1,292 records, the 1,291 colours of the Caparol 3D-System PLUS collection plus the Natural we appended for bare wood, checked against Caparol’s own published composition of the collection.

2 THE MODEL

The delivered model carries 561,050 triangles across five named parts and fits into a 2.5 MB GLB file. The numbers are read out of the file itself.

3 THE ADMIN SCREEN

The last frame of the third slide is a replica built from the delivered documentation, and order #182 is a demo order, with fictional details.

4 THE NUMBER 380

The number 380 comes from the register of bikes built on the client’s own site, as it stood in August 2026.

Have a shop that works, missing the one thing it cannot do?

We build into systems that already work, rather than replacing them.

Ask about our services, projects, or how we work. Answers come from what is published on this site. For anything else, write to hello@rootid.dev.

AI answers from this site, usually in seconds. They can be wrong, and we save conversations.