Praktický obchodní a technický průvodce pro 2D a 3D konfigurátory

Vítejte v éře, kde "standardní nabídka" přestává stačit. Moderní zákazník nechce produkt z regálu, chce produkt, který si sám dotvořil nebo k němu dostal skvělý servis. 3d konfigurátor se tak stal z luxusního doplňku nezbytným prodejním nástrojem pro spoustu klientů.

Tento článek vás provede světem konfigurátorů od první myšlenky po integraci do vašich interních systémů, přičemž oddělíme byznysový pohled od toho technického.

Co je to webový konfigurátor a jaké typy dnes existují

Webový konfigurátor je část webu (nebo aplikace), která uživateli umožní sestavit produkt z variant a zároveň mu ukáže výsledek (vizuálně a často i cenově). Nejde jen o “klikání barev”. Správný konfigurátor řeší i logiku kompatibility, ceny, návaznosti a někdy i výrobu a další funkce kolem. Zároveň pomáhá Vašemu businessu díky automatizaci, odpovídá na opakované dotazy a šetří čas Vašich obchodníků a dalších interních oddělení. 

Běžně dostupné webové verze konfigurátorů

2D konfigurátory

• Přepínání obrázků (varianta = jiná fotka)
• “Layering” (vrstvy PNG/SVG nad sebou – barvy, doplňky)
• Konfigurace rozměrů a textů (např. potisk, gravírování)

3D konfigurátory

• Skutečný 3D model, který se zobrazuje uživateli v prohlížeči
• Uživatel si mění části modelu, materiály, textury, rozměry, doplňky atd.

Hybrid (2D + 3D)

• 3D pro “hlavní zobrazení” a 2D pro rychlé kroky (např. výběr látek jako 2D vzorník)
• Často nejlepší kompromis pro výkon i UX

AR rozšíření (volitelná vrstva nad 3D)

• Uživatel si umí za pomoci telefonu či tabletu (ať už Android nebo iOS)  zobrazit v reálném prostoru konkrétní produkt či jeho variantu (v závistlosti na implementaci)

‍

2D vs 3D a rozdíl pro uživatele i pro rozpočet

Z pohledu uživatele

• 2D je rychlé, jednoduché, často “dostatečné” pro levnější/snazší produkty.
• 3D vizualizace přidává jistotu, jelikož zákazník vidí produkt ze všech stran, v kontextu a často déle zkoumá detaily, což vede k větší důvěře i chuti objednat produkt

Z pohledu náročnosti, ceny a rizik

• 3D prohlížeč modelů je dražší nejen kvůli zobrazování komplexní scény, ale hlavně kvůli:
  
  • přípravě 3D dat (optimalizace, materiály, UV, textury)
  • logice skládání modelu (části, “sockety”, hierarchie, kompatibility)
  • výkonu na mobilních telefonech a tabletech (nejčastější bottleneck)
  • testování (kombinací variant může být stovky až desetitisíce)

Nejdražší na 3D konfigurátoru často není samotné 3D, ale pravidla, integrace a hladké napojení na Váš reálný provoz.

Co má přímý vliv na cenu konfigurátoru (praktický checklist pro Vás)

Funkce, které typicky navyšují rozpočet

• 2D vs 3D
• Přihlášení / registrace (v závislosti na komplexnosti pak ukládání konfigurací, historie, opuštěný košík, práce s cenami dle role, atd.)
• Výpočet MO (maloobchodních) cen
• Výpočet VO (velkoobchodních) cen 
• VO hladiny (např. ceny dle odběratele / obratu / smlouvy / dodatečná sleva / slevové kódy)
• Cenotvorba fixní vs. procentuální
  
  • pevná příplatková cena za doplněk produktu (např. područky +1 200 Kč)
  • procento ze základní nebo aktuální ceny produktu v konfiguraci (např. premium odolná látka +12 %)
  • kombinace obojího
• Multiměnovost a multijazyčnost konfigurátoru
• Návaznosti a kompatibilita
  
  • Volba v kroku 2 ovlivní dostupnost varianty či variant v kroku 5
  • Případně celý krok 5 se skrývá / zneaktivní  na základě volby v kroku 2 (např. po výběru konkrétní zádové opěrky již nelze vybrat všechny varianty ramínka na oblečení ze zadní strany zádové opěrky, nebo nelze přidat žádné přídavné ramínko)
  • Konfigurace rozměrů (parametrické produkty)
  • Ukládání a sdílení konfigurací (odkaz, QR kód, PDF, export, zaslání na email)
  • Napojení na ERP / sklad / ceníky, košík, faktury
  • Generování podkladů pro výrobu (BOM, atd.)
• Odkud a jak “tečou” data pro konfigurátor
• Integrace na Vaše interní systémy
• a další.

Cena konfigurátoru roste s počtem pravidel, počtem kombinací, počtem integrací, počtem komfortních prvků pro uživatele a také (ne)kvalitou dat a dalších prvků.

Jednou z prvních otázek, kterou doporučujeme si položit, je, zda potřebujete, aby konfigurátor sloužil pouze k vizualizaci produktu nebo i jejich samotné koupi a dodání.

Může 3D konfigurátor pomoci obchodníkům?

Ano, typicky výrazně. Dá se na to podívat minimálně z několika různých úhlů:

• Zrychlí konfigurátor práci obchodníka?
• Pomůže vizualizace produktu při prodeji klientovi?
• Kolik času dnes firma ztrácí na opakovaných dotazech k produktům a kdo je musí řešit? (často kombinace nejen obchodu, ale i fakturačního a dalších oddělení)
• Kolik procent objednávek dnes řeší obchodník ručně a kolik by šlo automatizovat?

Pojďme se na to podívat více do detailu.

→ Zrychlí konfigurátor práci obchodníka?

Ano. Konfigurátor odfiltruje rutinu, obchodník nemusí dokola vysvětlovat varianty, hlídat kompatibility a ručně skládat nabídky. To zvládne klient sám nebo místo toho pošle zákazníkovi odkaz na konfiguraci, nebo konfiguraci rovnou projde s klientem na schůzce a během pár minut má hotovou specifikaci včetně ceny a posílá objednávku. Vedle času to snižuje i chybovost. Obchodník přestane být “lidský validátor” pravidel a stane se konzultantem, který řeší potřeby zákazníka.

→ Pomůže vizualizace produktu při prodeji klientovi?

Ano, protože vizualizace snižuje nejistotu a tím i tření v rozhodování. Zákazník si produkt lépe představí (zvlášť u dražších nebo objemných věcí), snáz pochopí rozdíly mezi variantami a má menší potřebu doptávat se na detaily. Navíc hned vidí ceny a to rovnou ve své cenové hladině. U 3D/AR tohle funguje ještě silněji. Klient vidí produkt ze všech stran, v kontextu prostoru, a má vyšší důvěru, že kupuje to správné.

→ Kolik času dnes firma ztrácí na opakovaných dotazech k produktům a kdo je řeší?

Tady se ztrácí překvapivě hodně času a často se to rozlévá napříč odděleními. Typický scénář je, že se zákazník zeptá na kompatibilitu, cenu, termín dodání, dopravu, nebo “jestli jde udělat tato kombinace” svého obchodního zástupce. Obchod odpoví část, zbytek jde interně na podporu, výrobu, sklad, fakturaci nebo produktové oddělení a informace se sbírají ručně. Zabírá to čas všem zúčastněným.

Konfigurátor tuhle zátěž umí výrazně snížit tím, že:

• zviditelní pravidla (co jde / nejde vybrat),
• dá okamžitou rekapitulaci konfigurace,
• často rovnou spočítá cenu včetně VO / MO logiky,
• a může přidat i očekávané termíny / dopravu podle konfigurace.

→ Kolik procent objednávek dnes řeší obchodník ručně a kolik by šlo automatizovat?

Tohle závisí na oboru, ale obecně platí, že čím víc variant a pravidel, tím víc ruční práce. A nejedná se jen o konfiguraci, mnoho práce se skrývá až za ní. Ručně se často řeší:

• kontrola, že konfigurace dává smysl,
• přepis do objednávky / ERP,
• výpočet správné ceny (VO hladiny, slevy, procenta, dodatečné slevy),
• příprava podkladů (PDF, specifikace, BOM),
• kontrola dostupnosti a dopravy.

Konfigurátor umí automatizovat velkou část tohoto procesu a zmenšit množství provedených chyb v procesu. 

Práce s daty, aneb “Můžete vzít data pro konfigurátor z našeho systému?”

Jak už jsem avizoval v předchozí části, konfigurátor není jen o vizualizaci. Pracuje s mnoha daty:

• varianty a pravidla kompatibility, posloupnost kroků
• ceny (MO/VO, hladiny, slevy)
• dostupnost (sklad, výroba)
• doprava (rozměry, hmotnost, výjimky)
• výrobní výstupy (BOM, technický list, případně CNC)
• historie interakcí jako zaslané emaily s konfiguracemi, atd.

Obecně jsou dvě možnosti, jak k datům pro konfigurátor přistoupit a vždy závisí na konkrétním případu pro Váš business.

→ Data jsou přímo v backendu (administraci) konfigurátoru

Konfigurátor má vlastní administraci, ve které se vše spravuje:

• přehled o produktech 
• strom variant
• ceny a cenové hladiny
• informace o klientech, jejich účtech a nastavení
• veškeré 3D modely a jejich části
• různé exporty

Tato možnost se typicky volí v případě, kdy nemáte jako klient data nikde konsolidované nebo nechcete / nemůžete umožnit pro konfigurátor přístup do interních systémů. Nicméně nezávislost na Vašich interních systémech může být v určitých případech i velkou výhodou. 

Další výhodou je také jednodušší vývoj a testování, protože máte všechno v jednom balíku (jedno API, jedna logika). 

Nevýhodou ale může být riziko dvojích dat, kdy máte najednou ERP / svůj admin a do toho ještě druhý admin pro konfigurátor. To vede k vyšším nárokům na správu a disciplínu a nutnosti procesů synchronizace. Záleží vždy na konkrétním případu. V poslední řadě s touto možností se samozřejmě pojí Vyšší časová investice z Vaší strany, jelikož je potřeba všechny produkty nastavit a připravit. 

→ Konfigurátor čerpá data z backendu klienta (ERP / stávající admin či data u třetí strany)

V tomto případě máte již nastavené procesy, do toho i pravděpodobně určitou formu webové administrace, s produkty již dávno pracujete a prodáváte je. V nejčastějších případech se setkáváme s tím, že máte jako klient data pro produkty již v ERP a nebo v e-shopu. Máte už také z velké části vyřešenou celou logiku za produkty jako MO / VO ceny, speciální ceníky, přihlášení a registrace, skladovost jednotlivých variant, atp. V takovém případě tedy dochází k napojení konfigurátoru na Vaše systémy.

Jednou z největších výhod je jediný zdroj pravdy, protože všechny potřebné data jsou na jednom místě. Z toho vyplývá i jednodušší správa. 

Nevýhodou jsou vyšší náklady na veškeré integrace do Vašich interních systémů, tak aby všechno běželo jako po drátkách. Také velmi záleží na kvalitě Vašich dat. A protože dochází k časté synchronizace dat mezi Vašim systémy a konfigurátorem, je potřeba nad rámec konfigurátoru vyřešit různé cache, předpočty a fallbacky v případě rozvázání komunikace s ERP atd.

Hybridní model

Setkáváme se v ojedinělých případech  s tím, že z různých důvodů není možné volit první ani druhou variantu výše. V takovém případě pak vzniká ještě hybridní varianta. Vy dodáváte business data, tedy produkty, dostupnost, ceny, atd. Administrace konfigurátoru se stará o pravidla, 3D modely a jejich části, předpočty, logiku skládání, AR, atd. 

Abychom dobře zvolili vhodný model, je potřeba na začátek určit jak jste s daty pro konfigurátor daleko a kde a v jaké kvalitě se Vaše data nachází. Je to e-shop, ERP, Excel, v hlavě Vašeho obchodníka? 

AR (augmentovaná realita) - jak ji správně integrovat a proč je to důležité pro business

AR dává největší smysl tam, kde zákazník řeší:

• velikost v prostoru (nábytek, vybavení)
• sladění s interiérem (barvy, materiály)
• potřebu “ujistit se” před nákupem

Business důvody, proč AR dává smysl

• snižuje nejistotu a často dochází k méně vrácením / reklamacím
• zvyšuje engagement (zákazníci si s tím “hrají” a ukazují to ostatním ve firmě)
• dává prodejní argument (“vyzkoušejte doma / v kanceláři, jednoduše ve svém prostoru”)

Proč je AR technicky náročnější, než vypadá

• pro augmentovanou realitu jsou potřeba modely ve specifických formátech a s jinými limity
• uživatel chce v augmentované realitě ideálně vidět přesně tu variantu, kterou si sám naklikal, což má samozřejmě přímý vliv na komplexitu a cenu konfigurátoru

AR formáty a rozdíly iOS vs Android

Pro AR se typicky používá:

• GLB pro Android
• USDZ pro iOS

iOS a Android s augmentovanou realitou pracují trochu jinak (workflow, podporované materiály, očekávání formátu), proto je bohužel nutné optimalizovat na dva různé formáty.

Dvě strategie pro AR varianty

→ Dynamické sestavení modelu pro augmentovanou realitu podle konfigurace

• Nejvíc “wow”, ale technicky a datově je to náročnější. Uživatel si může v augmentované realitě zobrazit jakoukoliv variantu, kterou si sám v konfigurátoru “nakliká”.

→ Jeden model pro augmentovanou realitu na produkt

• Je to levnější, jednodušší, ale neukáže uživateli přesnou variantu. Vždy je možné zobrazit jen jednu konkrétní předem definovanou variantu.

Košík, objednávka, sklad, doprava a PDF faktury

Tady často roste náročnost celého řešení, ale na oplátku poté dává skvělou hodnotu a smysl. Ke konfigurátoru se postupně přidávají propojení na různé systémy třetích stran nebo Vaše vlastní informační systémy.

Velmi často se to řeší hlavně v případě, kdy konfigurátor slouží primárně také pro nákup a ne jen jako podpůrný vizualizační a prodejní nástroj. 

V případě, že má konfigurátor umožnit rovnou i nákup, často se řeší:

• správné varianty / SKU a jejich generování
• cena a slevy
• napojení na košík
• kontrola skladových zásob
• objednávkový proces
• generování dokumentů (PDF, typicky rekapitulace objednávky, faktura, atp.)
• potvrzení do e-mailu
• evidence do ERP
• doprava.

A u dopravy se ještě zastavíme, jelikož u objemných věcí se často řeší, že:

• dopředu nevíte přesný termín doručení
• dopravce se volí podle rozměrů / místa doručení nebo hledáte alternativního dopravce
• cena dopravy může být podmíněná konfigurací nebo situací na trhu

A co když chcete konfigurátor integrovat ještě více, např. s vaší výrobou?

Konfigurátor může po objednávce generovat a posílat veškeré nutné informace pro začátek výroby. Tedy například:

• PDF s rekapitulací pro zákazníka i výrobu
• Technický výkres, který k danému produktu patří
• Kompletní BOM (bill of materials) na základě dat z ERP
• Případně data pro CNC stroje, pokud jsou k dispozici. 

Toto je bod, který je často podceňovaný, ale může pro Vás mít velmi pěknou návratnost ve zkrácení a zefektivnění celého procesu. 

Jsou konfigurátory nějak omezené?

Tohle je opět jedna z nejčastějších otázek a je důležité odlišit technické limity od businessových limitů.

→ Technické limity

Technicky se konfigurátor může dostat do situace, kdy má zpracovávat:

• velmi vysoký počet produktů,
• extrémní množství variant,
• nebo velké množství kombinací a pravidel.

V praxi to neznamená, že “to nejde”. Spíš to znamená, že se musí správně navrhnout a optimalizovat:

• načítání dat (lazy-load, stránkování, cachování),
• správná práce s 3D objekty (komprese, CDN, streaming částí),
• výkon (předpočty, indexace pravidel, atd.),
• a škálování (oddělení produktových katalogů, optimalizace dotazů).

Tedy u velkých katalogů se konfigurátor zpravidla neomezuje, ale optimalizuje pro konkrétní případy.

→ Businessové limity

Když se klienti ptají na limity, většinou je zajímají právě businessové limity. Typická otázka je: “Nebude nás to stát víc, až přidáme další produkty / varianty / nové kolekce?”

Konkurence to má různě, často právě ve stylu stupňování podle počtu produktů nebo počtu variant, atd.

U nás to tak není. 

Pokud máte konfigurátor od nás, pak dostanete konfigurátor se vším všudy a neřešíte žádné businessové limity typu ‘máte jen X produktů’ nebo ‘platíte za každou variantu navíc’. Z pohledu plánování to znamená, že se můžete soustředit na rozvoj (přidávání produktů a kolekcí) bez obavy, že Vám s tím skokově poroste cena za licenci.

Jak si ověřím nový produkt v konfigurátoru před nasazením do produkčního webu?

Je běžné, že do konfigurátoru přidáváte nové produkty, varianty či celé kolekce nebo kompletně nové řady produktů. Přirozeně se pak chcete před vypuštěním k Vašim zákazníkům podívat, že je všechno v pořádku. 

Tento náhled možný je, ale konkrétní workflow často opět závisí na tom, kde je zdroj pravdy a tedy odkud data do konfigurátoru tečou. V rámci jednotné administrace konfigurátoru je to relativně jednoduché a na náhled se můžete podívat například ve speciálním okně. 

V případě, že data tečou z Vašich interních systémů, se často postupuje podobným stylem, jen je toto speciální náhledové okno postaveno jako mezivrstva na konkrétní URL a to mezi tekoucími daty od Vás a finálním zobrazením na produkčním webu. 

Alternativou pak v obou případech bývá ještě plné testovací prostředí, které je dostupné pouze Vám a nikoliv Vašim klientům. 

Dovolím si tvrdit, že ať už zvolíme jakoukoliv kombinaci nebo její variantu náhledu, je klíčové pohlídat si primárně samotný proces přidávání nových produktů či variant. Tedy to, kdo se o tento proces stará, kdy a kde je nový produkt “ready”, kdo to potvrzuje, atd. Díky tomu se pak do produkce nedostane konfigurace, která je:

• vizuálně rozbitá,
• cenově špatně,
• nebo umožňuje neplatné kombinace případně další problémy.

Konfigurátor na celou stránku (tzv. fullscreen) nebo jen jako součást produktové stránky?

Tato otázka vždy záleží na typu produktů, které chcete v konfigurátoru prodávat. Pokud to má být opravdu hlavně zážitek, nabízí se konfigurátor na celou obrazovku. To je typické pro konfigurace kuchyní, kol, aut, campingových vanů, atd.

Jako menší součást produktové stránky se to typicky hodí u produktů, které nemají tak široké možnosti konfigurace, nebo není potřeba zobrazit detailní změny. Tedy typicky gravírování, barvy, pár voleb produktové konfigurace).

Ať už se rozhodnete jakkoliv, je vhodné myslet také na mobilní UX (gesta, zoom, CTA tlačítka a podobně). Pro uživatele by ideálně mělo být pohodlné konfigurace vybírat i na mobilních zařízeních nebo tabletech. 

Jakým způsobem se nejčastěji řeší integrace konfigurátoru do stávajících řešení?

Nejjednodušší je konfigurátor integrovat přitom, když stavíte kompletně nové řešení včetně webové prezentace. To ale není vždy reálné. Pokud tedy řešíte otázku “Půjde konfigurátor vložit do mého e-shopu / webu / appky?”, odpověď je v 90% případů ano. Nejčastější metody jsou iFrame a nebo nativní integrace. 

iFrame

+ Výhody

• rychlé nasazení bez velkých zásahů do e-shopu, možnost nasadit teoreticky kdekoliv

- Nevýhody

• horší SEO (konfigurátor “nepatří” stránce)
• složitější předávání dat (varianty, ceny, analytika)
• někdy horší UX (nutnost scrollovat, responzivita, přihlášení, atd.)

API / nativní integrace

+ Výhody

• nejlepší UX i SEO
• čisté napojení na košík, objednávky, uživatele
• analytika je přesná

- Nevýhody

• vyšší náklady a potřeba kvalitní architektury

Nativní řešení je téměř vždy lepší pro SEO i UX pro Vaše uživatele. iFrame je často dobrý pro MVP nebo v místech, kde není UX tak kritické.

Data jsou základ a bez správných podkladů konfigurátor i business trpí

Níže uvedené platí pro 2D i 3D, ale u 3D dvojnásob

• u 2D je to hlavně o konzistentním renderingu, stejný úhel, stejné světlo, správné vrstvy
• u 3D pak topologie, UV mapy, textury, materiály, optimalizace, hierarchie částí

Když jsou data špatně připravená, není moc možností, jak udělat skvělý konfigurátor. Proto tuto část nepodceňujte a na datech si dejte opravdu záležet. 

GLB/GLTF jako standard pro web a proč je to praktické

Umíme zpracovat hodně 3D formátů, ale pro web je dnes aktuálně nejlepší využít GLB/GLTF a to z těchto důvodů:

• je to standard pro web
• je kompaktní
• nese hierarchii objektů a často i materiály/textury
• může obsahovat “body napojení” (v praxi se často pracuje se sockety / anchory / pivoty)

Příklad na produktu kancelářské židle

• model má základní kostru (sedák, nohy, opěrák)
• jednotlivé varianty dílů se na pozadí “zacvakávají” do definovaných míst
• uživatel jen přepíná varianty a prohlížeč si skládá finální model
• co se textur týče, v ideálním případě už je textura v GLB a jen se přepíná, co se má vykreslit uživateli (alternativou je globální sada materiálů na produktové řady nebo kolekce produktů, což je typické právě pro židle, pohovky, atd. )

Jak funguje zobrazování (rendering) v prohlížeči a proč je optimalizace zásadní

Zobrazení (tzv. rendering) probíhá u uživatele na počítači, resp. jeho prohlížeči. Konfigurátor typicky udělá tyto kroky:

• načte základ produktu
• stáhne potřebné části
• složí je dohromady podle vybraných variant
• hlídá výkon (LOD / komprese / lazy-loading, atd.)

Modely se samozřejmě primárně optimalizují již na vstupu, tedy u společnosti, která Vaše modely vytváří. 

Dělá se to proto, že:

• velké modely = dlouhé načítání = odchody uživatelů
• mobilní zařízení mají limit GPU i paměti
• cílem je “rychle vidím alespoň něco” + “postupně se to upřesňuje”

Co se děje na pozadí - předpočítávání, logika a příprava konfigurací

Toto je část, kterou v podstatě žádným způsobem nevidí finální uživatel, ale je důležitá pro pochopení toho co a jak konfigurátor dělá. Bavíme se primárně o:

• hlídání pravidel konfigurátoru (co s čím lze / nelze konfigurovat, jaké jsou jednotlivé kroky)
• ceníky a cenové hladiny (MO/VO)
• dostupnost (sklad, výroba a lze interaktivně také řešit více způsoby)
• výstupy (BOM, PDF, objednávka)
• Predpočítávání různých parametrů kvůli zvýšení rychlosti a responzivitě konfigurátoru (např.: ceny pro jednotlivé klienty či varianty, celkové ceny u různých konfigurací, validace variant, aby nedocházelo k nabízení variant, které nejsou skladem, atd.)

Závěrečné myšlenky a praktická doporučení

Konfigurátor se vyplatí ve chvíli, kdy potřebujete zjednodušit / zautomatizovat výběr produktů pro Vaše zákazníky a zároveň chcete zvýšit důvěru zákazníka a jistotu výběru. Dále pokud chcete snížit zátěž Vašich interních oddělení včetně obchodu (kvůli opakovaným dotazům) a chcete nadále škálovat prodej bez toho, aby všechno řešil obchodník nebo podpora ručně. 

Největší návratnost pak přichází, když se konfigurátor plynule integruje na Vaše reálné procesy, tedy práci s vizualizací produktů, ceny, objednávky, sklad, dopravu, atd. A díky tomu dokážeme část celého procesu automatizovat. 

Správně navržený a fungující konfigurátor je spojená nádoby obsahující mnoho informací. Důležité je správně určit, co má konfigurátor v první řadě vlastně dělat a jak má Vašemu businessu pomoci dosáhnout Vašich cílů. Klíčové je nepodcenit práci s daty a vybrat, zda bude konfigurátor spravovat katalog sám, nebo bude čerpat z Vašeho ERP či jiných zdrojů jako jediného zdroje pravdy. 

Když jsou data připravená a logika dobře navržená, konfigurátor a automatizace Vašich procesů se dá dlouhodobě rozvíjet. 

Rádi Vám s implementací konfigurátoru pomůžeme. Pokud potřebujete pomoci, ozvěte se mi.