3D konfigurátor, WebGL

Phase konfigurátor

Klient
Phase
Typ
3D konfigurátor, WebGL
Rok
2025
Otvoriť projekt
Phase konfigurátor

Cieľ:

Cieľom bolo vytvoriť pre nábytkovú značku Phase online konfigurátor, v ktorom si zákazník poskladá sedačku podľa seba z domu — na počítači aj na mobile — hneď vidí, ako bude vyzerať, koľko bude stáť a kedy mu ju dovezú, a môže si ju rovno objednať.

Kreatívny proces:

Konfigurátor sme postavili v Unity a vydali ako WebGL aplikáciu, takže beží priamo v prehliadači a nič sa neinštaluje. Zákazník ním prechádza po krokoch: najprv vyberie model, potom tvar zostavy a následne v 3D pohľade upravuje rozmery jednotlivých dielov, poťah, nožičky a funkcie. Každá zmena sa okamžite prejaví na 3D modeli aj v cene.

Dáta konfigurátora, napríklad ponuku modelov a ich náhľady, načítava aplikácia zo Strapi backendu, takže sa tento obsah dá meniť bez nového buildu aplikácie.

Výsledky:

Phase spustil konfigurátor v septembri 2025 na svojom slovenskom aj českom webe.

  • Konfigurácia po krokoch: Model, tvar zostavy, rozmery dielov, poťah, nožičky a funkcie.
  • Okamžitý 3D náhľad: Sedačka sa po každej zmene prekreslí a dajú sa na nej zobraziť rozmery.
  • Cena a termín dodania: Aktuálna cena vrátane prípadnej zľavy a predpokladaný termín dodania sú viditeľné počas celej konfigurácie.
  • Cenová ponuka v PDF: Hotovú konfiguráciu si zákazník stiahne ako cenovú ponuku alebo si ju pošle e-mailom.
  • Objednávka online: Sedačka sa dá objednať priamo z konfigurátora.
  • Počítač aj mobil: Tá istá aplikácia funguje v prehliadači na počítači aj na mobile.

Čo sme urobili:

  • Implementácia používateľského rozhrania a UX dizajnu
  • Vývoj webovej aplikácie
  • Vývoj backendu
  • QA & Testovanie

Tech stack:

  • Unity
  • C#
  • WebGL
  • Strapi

Záver:

Phase konfigurátor presúva výber sedačky na mieru zo showroomu do prehliadača: zákazník ešte pred nákupom vidí presne to, čo si objednáva. A kto si chce sedačku pozrieť naživo, príde do showroomu s hotovou konfiguráciou.

Phase konfigurátor

Máte nápad? Poďme ho postaviť.

Napíšte nám o svojom projekte — do 24 hodín sa ozveme s jasným ďalším krokom.

Začať projekt