Postavili jsme digitální jádro značky, které z prohlížeče vozu udělalo zážitek — a z návštěvníka konfiguraci.
Voltera Motors přicházela na trh se dvěma modely elektromobilů, ale s webem, který působil jako PDF katalog. Zákazníci se ke konfigurátoru vůbec nedostali, mobilní verze byla nepoužitelná a marketing neměl kam posílat kampaně. Přebudovali jsme celou digitální vrstvu od strategie po produkční nasazení: nový informační rámec, real-time WebGL konfigurátor vozu a serverless backend, který drží data o modelech, cenách a dostupnosti na jednom místě.
- Klient
- Voltera Motors
- Služby
- Strategie, Web, WebGL konfigurátor
- Rok
- 2025
- Odvětví
- Automotive / EV
- Timeline
- 5 měsíců
Výzva
Prémiový produkt uvězněný v podprůměrném webu
Voltera měla skvělé vozy a mizerný první dojem. Konfigurátor běžel jako samostatná aplikace na jiné doméně, načítal se přes deset vteřin a na telefonu se rozpadal. Značka přitom cílí na early adoptery, kteří rozhodují právě na mobilu.
Analytika ukázala tři jasná úzká hrdla:
- 82 % návštěv přicházelo z mobilu, ale konverze konfigurátoru na mobilu byla pětinová oproti desktopu.
- Data o modelech, cenách a dostupnosti žila ve třech nesynchronizovaných tabulkách.
- Marketing neměl žádné měřitelné cíle — nešlo poznat, co funguje.
Přístup
Nejdřív strategie, pak pixely
Začali jsme dvoutýdenním sprintem se zákaznickými daty a rozhovory s obchodním týmem. Z toho vzešel jasný cíl: web má člověka dovést od „to je hezké auto" ke konfiguraci a rezervaci testovací jízdy v jedné plynulé cestě.
Zvolili jsme architekturu, která spojuje rychlost s vizuálním wow efektem — statická prezentační vrstva v Reactu a interaktivní 3D konfigurátor postavený nad WebGL. Backend jsme přesunuli na serverless (Node.js na AWS Lambda), aby značka platila jen za to, co reálně používá, a mohla škálovat na dny po launchi kampaní.
- Jeden zdroj pravdy pro modely, výbavy a ceny.
- Konfigurátor optimalizovaný pro dotyk jako první.
- Měřitelné mikrokonverze v každém kroku cesty.
Řešení
Konfigurátor, který se chová jako showroom
Výsledný WebGL konfigurátor renderuje vůz v reálném čase — barvy laku, disky, interiér i světelný podpis se mění okamžitě a plynule i na střední třídě telefonů. Progresivní načítání znamená, že první snímek vozu je na obrazovce dřív, než stihnete odložit prst.
Prezentační web běží na Reactu s předrenderovanými sekcemi, takže LCP kleslo z 6,4 na 2,1 sekundy. Node.js API na AWS Lambda drží ceny a dostupnost synchronizované s interním systémem a marketing dostal čistou vrstvu událostí pro měření každého kroku.
Stack: REACT · WEBGL · NODE.JS · AWS LAMBDA.
„Poprvé máme web, který prodává stejně dobře jako naše auta. Čísla po launchi jsme si museli dvakrát ověřit — ale jsou reálná."
Petr Vaněček — Ředitel digitálu, Voltera Motors
Výsledky
Rychlejší web, dražší zákazníci
Za první kvartál po nasazení vzrostl počet dokončených konfigurací o 142 %, bounce rate na vstupní stránce klesl o 38 % a průměrná hodnota rezervované testovací jízdy se posunula výš, protože zákazníci přicházeli na dealership už rozhodnutí. Voltera dnes využívá stejnou platformu jako základ pro každý nový model.