W poniedzia\u0142ek rano dealer flotowy dostaje zapytanie od zarz\u0105du firmy leasingowej: 240 samochod\u00f3w s\u0142u\u017cbowych, trzy warianty nap\u0119du, cztery pakiety wyposa\u017cenia, dostawy roz\u0142o\u017cone na trzy kwarta\u0142y. Wycena musi by\u0107 na czwartek, bo w pi\u0105tek klient siada z konkurencj\u0105. Handlowiec otwiera Excel, dzwoni do importera, wysy\u0142a maile do trzech wsp\u00f3\u0142pracuj\u0105cych ubezpieczycieli. W \u015brod\u0119 o 16:00 wersja robocza ma osiem kolumn, dwa b\u0142\u0119dy sumowania i jedn\u0105 kolumn\u0119 z komentarzem \u201edo potwierdzenia po telefonie do centrali\u201d.<\/p>\n\n\n\n
Klient dostaje ten PDF w czwartek o 15:00. Otwiera go raz, przewija do ostatniej strony, patrzy na sum\u0119, zamyka. Konkurent przys\u0142a\u0142 dwie godziny wcze\u015bniej link do konfiguratora, w kt\u00f3rym prezes floty sam wyklika\u0142 wariant, zobaczy\u0142 samoch\u00f3d w kolorze firmowym, dosta\u0142 kalkulacj\u0119 total cost of ownership na 48 miesi\u0119cy i m\u00f3g\u0142 od razu poprosi\u0107 o umow\u0119.<\/p>\n\n\n\n
Ten artyku\u0142 opisuje jak zbudowany jest konfigurator 3D samochod\u00f3w kt\u00f3ry wygrywa tak\u0105 sytuacj\u0119. Nie w sensie \u201e\u0142adny widget na stronie\u201d, tylko w sensie architektury kt\u00f3ra skraca cykl od zapytania do zaakceptowanej oferty z pi\u0119ciu dni do godzin. Poka\u017cemy z czego sk\u0142ada si\u0119 taka aplikacja, ile kosztuje wdro\u017cenie na trzech poziomach zaawansowania, jak liczy\u0107 ROI zanim zapadnie decyzja, i kiedy inwestycja si\u0119 nie op\u0142aci. Na ko\u0144cu jest interaktywne demo kt\u00f3re mo\u017cna klikn\u0105\u0107 zamiast czyta\u0107 kolejny akapit.<\/p>\n\n\n\n
Konfiguratory samochod\u00f3w z p\u0142askimi zdj\u0119ciami istniej\u0105 od dwudziestu lat. Klient wybiera kolor, system podmienia jpg. To dzia\u0142a dla klienta detalicznego kt\u00f3ry wie \u017ce kupuje jeden konkretny model. W sprzeda\u017cy flotowej i dealerskiej B2B problem jest inny: decydent po drugiej stronie nie jest specjalist\u0105 od samochod\u00f3w. Jest dyrektorem finansowym firmy budowlanej kt\u00f3ry potrzebuje 40 aut dla ekip terenowych. Nie wie jak wygl\u0105da r\u00f3\u017cnica mi\u0119dzy 18-calow\u0105 a 20-calow\u0105 felg\u0105 w prawdziwym \u015bwiecie. Nie potrafi z katalogu wyobrazi\u0107 sobie jak samoch\u00f3d b\u0119dzie si\u0119 prezentowa\u0142 w barwach flagowych klienta ko\u0144cowego.<\/p>\n\n\n\n
Konfigurator 3D usuwa t\u0119 luk\u0119 wyobra\u017ani. Klient obraca samoch\u00f3d, widzi jak \u015bwiat\u0142o odbija si\u0119 od matowego lakieru w por\u00f3wnaniu z po\u0142yskiem, dostrzega \u017ce wersja bez spoilera lepiej pasuje do konserwatywnego wizerunku firmy. To nie jest kwestia estetyki, tylko psychologii zakupu B2B. Cz\u0142owiek kt\u00f3ry zainwestowa\u0142 trzy minuty w obracanie modelu jest emocjonalnie zwi\u0105zany z decyzj\u0105. Ten sam mechanizm kt\u00f3ry sprawia \u017ce IKEA pozwala samodzielnie skr\u0119ci\u0107 meble: efekt IKEA plus efekt endowment.<\/p>\n\n\n\n
Dane z rynku potwierdzaj\u0105 obserwacj\u0119. Audi wprowadzi\u0142o konfigurator 3D dla dealer\u00f3w ju\u017c w 2018 roku. Cadillac raportuje \u017ce klienci kt\u00f3rzy u\u017cywali konfiguratora 3D generuj\u0105 2,4 raza wy\u017cszy wsp\u00f3\u0142czynnik zamkni\u0119cia sprzeda\u017cy ni\u017c ci kt\u00f3rzy korzystali z tradycyjnego procesu. W segmencie B2B efekt jest jeszcze mocniejszy, bo decyzje flotowe zapadaj\u0105 zespo\u0142owo, a wsp\u00f3lne ogl\u0105danie modelu w sali konferencyjnej zast\u0119puje wielokrotne wysy\u0142anie plik\u00f3w PDF.<\/p>\n\n\n\n
Ten sam wzorzec pokazali\u015bmy w kontek\u015bcie produkcji nieseryjnej: kiedy produkt jest wysoko konfigurowalny, a decydent nie jest ekspertem w danej kategorii, warstwa wizualizacji przestaje by\u0107 dodatkiem i staje si\u0119 g\u0142\u00f3wnym narz\u0119dziem sprzeda\u017cy. Rozwijali\u015bmy to szerzej w artykule o konfiguratorze 3D jako centrum operacyjnym firmy<\/a>.<\/p>\n\n\n\n Konfigurator kt\u00f3ry dzia\u0142a na produkcyjnej stronie i przek\u0142ada si\u0119 na leady, a nie tylko na wow-efekt na targach, sk\u0142ada si\u0119 z pi\u0119ciu warstw. Ka\u017cda z nich ma inn\u0105 technologi\u0119, inny zesp\u00f3\u0142 odpowiedzialny za utrzymanie i inne w\u0105skie gard\u0142o je\u015bli chodzi o skalowanie.<\/p>\n\n\n\n Silnik renderuj\u0105cy to fundament, w praktyce dzi\u015b Three.js albo Babylon.js. Oba to biblioteki JavaScript oparte na WebGL, dzia\u0142aj\u0105ce bezpo\u015brednio w przegl\u0105darce bez instalowania niczego. Model samochodu przychodzi w formacie GLB lub glTF, czyli zoptymalizowanym pod web pliku kt\u00f3ry zawiera geometri\u0119, tekstury, materia\u0142y i animacje w jednym. Typowy model auta dla konfiguratora wa\u017cy 8 do 25 megabajt\u00f3w, co przy dobrze skonfigurowanym CDN \u0142aduje si\u0119 w 2-4 sekundy na \u0142\u0105czu 4G.<\/p>\n\n\n\n Trzy decyzje na tej warstwie determinuj\u0105 ca\u0142y bud\u017cet projektu. Pierwsza: sk\u0105d bierzemy model. Producenci samochod\u00f3w rzadko udost\u0119pniaj\u0105 swoje modele CAD dealerom, bo s\u0105 to pliki po kilkaset megabajt\u00f3w zawieraj\u0105ce tajemnice technologiczne. Trzeba je odchudzi\u0107, zremeshowa\u0107 i przygotowa\u0107 pod przegl\u0105dark\u0119. Ten etap wykonuje modeler 3D, koszt to 12-40 tys. z\u0142 za jeden model auta zale\u017cnie od poziomu detalu. Druga: ile wariant\u00f3w wizualnych obs\u0142ugujemy. Je\u015bli klient ma widzie\u0107 samoch\u00f3d z uwzgl\u0119dnieniem 12 kolor\u00f3w lakieru, 4 rozmiar\u00f3w felg w 3 kolorach ka\u017cdy, 3 typ\u00f3w spoiler\u00f3w i 5 pakiet\u00f3w wn\u0119trza, m\u00f3wimy o 12\u00d74\u00d73\u00d73\u00d75 = 2160 kombinacjach. Nie generuje si\u0119 ich osobno, generuje si\u0119 parametrycznie: silnik zmienia materia\u0142 w locie na tym samym meshu. To wymaga rozdzielenia geometrii na komponenty ju\u017c na etapie modelowania. Trzecia: gdzie ko\u0144czy si\u0119 model 3D a zaczyna zdj\u0119cie stockowe. Wn\u0119trze aut jest zwykle zbyt kosztowne do modelowania w 3D dla ca\u0142ej gamy, wi\u0119c dobrym kompromisem jest 360 stopni wn\u0119trza w formie zdj\u0119\u0107 HDR kt\u00f3re klient obraca wewn\u0105trz osobnego widoku.<\/p>\n\n\n\n Renderer pokazuje. Drzewo opcji decyduje co mo\u017cna pokaza\u0107. To druga warstwa, definiowana jako struktura danych, zwykle JSON, opisuj\u0105ca wszystkie dost\u0119pne kroki konfiguracji: nadwozie, nap\u0119d, felgi, spoiler, pakiet, wn\u0119trze, dodatki. Ka\u017cdy krok ma list\u0119 opcji z cen\u0105, opisem, ograniczeniami. Kluczowa jest sekcja regu\u0142: silnik hybrydowy plus 20-calowe felgi minus 60 kilometr\u00f3w zasi\u0119gu w danych demo, pakiet Sport nie wyst\u0119puje z automatyczn\u0105 skrzyni\u0105 z 2023 roku, kolor per\u0142owy nie jest dost\u0119pny dla wersji dealerskiej Fleet.<\/p>\n\n\n\n W przypadku prostej dostawy dealerskiej te regu\u0142y mieszcz\u0105 si\u0119 w 200-500 liniach konfiguracji. W przypadku producenta kt\u00f3ry sprzedaje 12 modeli w 4 rynkach z lokalnymi wariantami wyposa\u017cenia jest to zwykle 5000 do 15000 regu\u0142. Wtedy zwykle wprowadza si\u0119 osobny silnik regu\u0142, typu ods\u0142ony JsonLogic czy DMN, kt\u00f3re pozwalaj\u0105 zespo\u0142owi produktowemu edytowa\u0107 regu\u0142y bez wsparcia programist\u00f3w. To ju\u017c element klasycznego CPQ, opisali\u015bmy szerzej w artykule o architekturze ofertowania w produkcji nieseryjnej<\/a>.<\/p>\n\n\n\n Konfigurator kt\u00f3ry tylko pokazuje kolory nie sprzedaje. Sprzedaje ten kt\u00f3ry m\u00f3wi \u201eta konfiguracja to 187 400 z\u0142 netto plus 4900 z\u0142 za dostaw\u0119 do Warszawy, p\u0142atno\u015b\u0107 w leasingu 48 miesi\u0119cy oznacza rat\u0119 3820 z\u0142 miesi\u0119cznie\u201d. Silnik cenowy w konfiguratorze samochodu B2B nie jest zwyk\u0142ym mno\u017ceniem: musi obs\u0142u\u017cy\u0107 kilkana\u015bcie kategorii zmiennych.<\/p>\n\n\n\n Cena bazowa modelu, dop\u0142ata za wyposa\u017cenie z drzewa opcji, upusty flotowe zale\u017cne od wolumenu, mar\u017ca dealerska ustalana per klient, koszt dostawy zale\u017cny od lokalizacji, ubezpieczenie GAP i AC z wide\u0142ek trzech ubezpieczycieli, koszty rejestracji per wojew\u00f3dztwo, op\u0142ata skarbowa, koszt tablic. Do tego trzy warianty finansowania: got\u00f3wka, leasing operacyjny, wynajem d\u0142ugoterminowy. Ka\u017cdy z innym harmonogramem, buyback value i klauzulami. W praktyce silnik cenowy dla konfiguratora dealerskiego to 800-2000 linii kodu i integracje z 2-5 systemami zewn\u0119trznymi.<\/p>\n\n\n\n Krytyczne jest jedno pytanie: czy ceny wy\u015bwietlane klientowi s\u0105 ostatecznie wi\u0105\u017c\u0105ce, czy tylko orientacyjne. W B2B najcz\u0119\u015bciej stosuje si\u0119 model hybrydowy: cena bazowa i wyposa\u017cenie s\u0105 wi\u0105\u017c\u0105ce na 30 dni z automatycznym generowaniem oferty PDF, natomiast finansowanie jest orientacyjne i wymaga potwierdzenia. To pozwala unikn\u0105\u0107 problem\u00f3w prawnych wynikaj\u0105cych ze zmian kurs\u00f3w walut, cen komponent\u00f3w u dostawc\u00f3w i indeksacji ubezpiecze\u0144.<\/p>\n\n\n\n Gdy klient klika \u201epopro\u015b o ofert\u0119\u201d, konfigurator musi wykona\u0107 sze\u015b\u0107 rzeczy: zwalidowa\u0107 konfiguracj\u0119 przeciwko regu\u0142om, wyliczy\u0107 finaln\u0105 cen\u0119, wygenerowa\u0107 PDF z brandingiem dealera, zapisa\u0107 leada w CRM, przypisa\u0107 handlowca wed\u0142ug algorytmu routingu, wys\u0142a\u0107 powiadomienie mailowe i SMS. To wszystko zwykle w ci\u0105gu 2-4 sekund od klikni\u0119cia.<\/p>\n\n\n\n W\u0105skim gard\u0142em w tej warstwie jest zwykle generowanie PDF. Producenci samochod\u00f3w wymagaj\u0105 \u017ceby oferta wygl\u0105da\u0142a identycznie jak w tradycyjnym procesie: strona tytu\u0142owa z zdj\u0119ciem 3D wyrenderowanym w wysokiej rozdzielczo\u015bci, tabelka wyposa\u017cenia, wykresy finansowania, disclaimery prawne, footer z danymi dealera. Renderowanie zdj\u0119cia 3D w rozdzielczo\u015bci drukarskiej trwa 8-30 sekund po stronie serwera, wi\u0119c dobrym pattern jest asynchroniczne generowanie: klient dostaje potwierdzenie od razu, PDF przychodzi mailem po minucie.<\/p>\n\n\n\n Konfigurator kt\u00f3ry nie zapisuje danych do systemu dealera to atrakcja marketingowa, nie narz\u0119dzie sprzeda\u017cy. W praktyce trzeba zintegrowa\u0107 z co najmniej trzema systemami. DMS (Dealer Management System) kt\u00f3ry \u015bledzi stany magazynowe modeli w drodze do salonu i pozwala rezerwowa\u0107 konkretny egzemplarz dla klienta. CRM w kt\u00f3rym leady l\u0105duj\u0105 z pe\u0142n\u0105 histori\u0105 konfiguracji: co klient klika\u0142, co zmieni\u0142, w kt\u00f3rym momencie porzuci\u0142 lejek. Portal producenta kt\u00f3ry raportuje zam\u00f3wienia flotowe do centrali w celu przyznania rabatu kwartalnego.<\/p>\n\n\n\n Standardem w automotive s\u0105 integracje przez API oparte na formatach OData, JATO, DAT AutoMap. Dealerzy niezale\u017cni od jednej marki musz\u0105 te\u017c liczy\u0107 si\u0119 z integracj\u0105 z portalami finansowymi typu Volkswagen Financial Services, Toyota Bank czy platformy specjalistyczne dla flot jak LeasePlan Connect. Ta warstwa zwykle stanowi 30-40 procent kosztu wdro\u017cenia i jest g\u0142\u00f3wnym powodem czasu kt\u00f3ry trwa d\u0142u\u017cej ni\u017c sam konfigurator wizualny.<\/p>\n\n\n\n Poni\u017cej model referencyjny kt\u00f3rego u\u017cywamy w naszym showroomie do demonstracji stacka renderuj\u0105cego. Mo\u017cna obraca\u0107, przybli\u017ca\u0107, ogl\u0105da\u0107 o\u015bwietlenie z ka\u017cdej strony. Sam model wa\u017cy 12 MB, \u0142aduje si\u0119 przez lazy load i nie wp\u0142ywa na wydajno\u015b\u0107 strony do momentu przewini\u0119cia. To ta sama geometria kt\u00f3ra w pe\u0142nym wdro\u017ceniu obs\u0142uguje 21 opcji konfiguracji, kilkana\u015bcie wariant\u00f3w lakieru, wymienne felgi i spoiler.<\/p>\n\n\n\nAnatomia konfiguratora 3D samochodu: pi\u0119\u0107 warstw pod mask\u0105<\/h2>\n\n\n\n
Warstwa 1: renderer i model 3D<\/h3>\n\n\n\n
Warstwa 2: drzewo opcji i regu\u0142y biznesowe<\/h3>\n\n\n\n
Warstwa 3: silnik cenowy<\/h3>\n\n\n\n
Warstwa 4: quote engine i eksport oferty<\/h3>\n\n\n\n
Warstwa 5: integracje z systemami dealerskimi<\/h3>\n\n\n\n
Interaktives 3D-Modell: kliknij, obr\u00f3\u0107, przybli\u017c<\/h2>\n\n\n\n