3D KONFIGURATOR U POSTOJEĆEM SHOPU SARAJEVO · OD 2020.

Sastavljen na ekranu, napravljen od drveta.

Tochak je radionica iz Sarajeva koja ručno pravi drvene balans bicikle za djecu. Shop je već uspješno radio, ali mu je nedostajalo jedno: da kupac sastavi i vidi svoj bicikl prije nego što ga naruči. Napravili smo konfigurator u kojem se na 3D modelu biraju točkovi, volan i sjedište, pa se bicikl naruči tačno onakav kakvim ga je kupac zamislio.

Uživo · tochak.ba/configurator U produkciji od decembra 2020.

Naručilac je Tochak, sarajevski brend ručno rađenih drvenih balans bicikala i igračaka.

01POTREBA

Kratke upute, precizan zahtjev.

Upute su stigle u tri tačke: mijenja se boja točkova, drvo na volanu i koža na sjedištu. Uz to jedna želja, da se bicikl prvi put pojavi u prirodnom drvetu, kao početna opcija.

Za točkove je u narudžbi morao pisati tačan kod boje, jer pod njim radionica naručuje boju iz Caparolove kolekcije 3D-System PLUS, pa paleta ujedno predstavlja cijeli katalog dobavljača.1

3D model je stigao kakav se koristi u proizvodnji, teški CAD u tri formata. Takav u pregledniku ne funkcioniše zbog performansi, pa smo ga u Blenderu prečistili i razdvojili na dijelove koji se konfigurišu.2

Prije i poslije.

Lijevo je bicikl na skici koju smo od naručioca dobili kao početnu tačku za rad, a desno isti bicikl u stvarnom obliku, spreman za konfiguraciju.

Klijentov render bicikla sa rukom dopisanim uputama na bosanskom, koji dio se
mijenja i kako. — PRIJE · SKICA **Skica sa uputama** Dvije boje kože, tri vrste drveta, izmjena boje točka. Logo ostaje crn, ostatak u boji drveta.

Konfigurator u pregledniku, bicikl u prirodnom drvetu i ladica volana otvorena. — POSLIJE · U PREGLEDNIKU **Bicikl u 3D-u** Ista tri izbora, na 3D modelu koji se može rotirati. Sve onako kako je na skici navedeno.

02FUNKCIONALNOSTI

Od izbora na ekranu do narudžbe u shopu.

01 / 03 Konfiguracija

02 / 03 Naplata

★ / 03 Narudžba

Bicikl u prirodnom drvetu, točkovi u boji šperploče. — tochak.ba/configurator · Isti model, tri izbora

Isti bicikl sa točkovima obojenim u Flamenco 130, kroz boju se vidi zrno drveta. — tochak.ba/configurator · Isti model, tri izbora

Postojeća WooCommerce stranica naplate, kolona sa podacima kupca, ime, firma, država i adresa. — tochak.ba · Naplata, decembar 2020.

Sekcija Child information dodana ispod polja za napomenu, ime i godine djeteta oba obavezna. — tochak.ba · Naplata, decembar 2020.

Potvrda narudžbe #182 iz decembra 2020, sa cijenom i načinom plaćanja. — Potvrda kupcu · Narudžba u shopu

Narudžba #182 u shopu, sa imenom djeteta i vrijednostima Flamenco 130, Orah i Black leather. — Potvrda kupcu · Narudžba u shopu

POTREBA

Kupac ne treba zamišljati kako će bicikl izgledati. Točkovi, volan i sjedište trebaju se mijenjati.

RJEŠENJE

Svaki klik se odmah vidi na modelu. Za točkove 1.291 boja sa tačnim kodom, uz prirodno drvo, za volan tri vrste drveta, a za sjedište dvije vrste kože.

BENEFIT

Kupac vidi bicikl prije narudžbe i dobije tačno ono što je sastavio.

POTREBA

Sve što kupac izabere mora stići u narudžbu, zajedno sa imenom djeteta za koje se bicikl pravi.

RJEŠENJE

Konfiguracija se automatski prenese u narudžbu kroz postojeću naplatu, a kupac dodatno upiše samo ime i godine djeteta.

BENEFIT

Ništa se ne prepisuje niti gubi, narudžba nosi sav izbor i ime djeteta.

POTREBA

Narudžbenica mora tačno opisati šta napraviti, bez dvosmislenosti i potrebe da se kupac kontaktira.

RJEŠENJE

Kupcu stigne potvrda, a radionici specifikacija tačno kako je kupac naručio. Cijena prati odabranu konfiguraciju.

BENEFIT

Radionica zna šta tačno naručiti i napravi bicikl tačno kakvog je kupac zamislio.

Kadrovi su iz konfiguratora i shopa u produkciji. Posljednji kadar trećeg slajda je replika po isporučenoj dokumentaciji, a narudžba #182 je demo narudžba sa izmišljenim podacima.3

03U PRIMJENI

Pet godina kasnije, konfigurator i dalje radi svoj posao.

Konfigurator i danas služi svojoj svrsi na tochak.ba/configurator. Paleta, model razdvojen na grupe i mehanika izbora su isti kao 2020. Registar na stranici danas broji 380 izgrađenih bicikala, svaki numerisan i svaki sa imenom djeteta kojem pripada.4

Dodatak u sistem koji je već radio.

Konfigurator je pisan u vanilla JavaScriptu, bez frameworka. Shop nismo mijenjali nego nadogradili: konfigurisani bicikl se sa svim podacima doda u narudžbu, odredi se cijena, a ostatak radi kako je i dosad radio.

1.292 BOJE U PALETI

2,5 MB MODEL OD 561.050 TROUGLOVA

5 GODINA U PRODUKCIJI

380 IZGRAĐENIH BICIKALA

TEHNOLOGIJE

NAGRADE ZA TOCHAK

bigsee.eu 2019. BIG SEE, dvije nagrade Product Design i Wood Design Award 2019, za bicikl koji je 2017. dizajnirao sarajevski arhitekt Emir Salkić.

gp-award.com Green Products Green Product Award, kartica projekta Tochak među Green Products, 100% reciklažan proizvod sa doživotnom garancijom.

IZVORI Odakle je šta na ovoj stranici

1 PALETA

Paleta ima 1.292 zapisa, 1.291 boju kolekcije Caparol 3D-System PLUS i Natural koji smo dopisali za prirodno drvo, provjereno po Caparolovom vlastitom popisu kolekcije.

2 MODEL

Isporučeni model ima 561.050 trouglova u pet imenovanih dijelova i staje u GLB fajl od 2,5 MB. Brojevi su očitani iz samog fajla.

3 ADMIN EKRAN

Posljednji kadar trećeg slajda je replika po isporučenoj dokumentaciji, a narudžba #182 je demo narudžba, sa izmišljenim podacima.

4 BROJKA 380

Brojka 380 je iz registra izgrađenih bicikala na klijentovoj stranici, stanje u augustu 2026.

Imaš shop koji radi, a fali mu jedna stvar?

Ugrađujemo se u sisteme koji već rade, umjesto da ih mijenjamo.

Javi se tochak.ba/configurator ↗