Omoda Dánsko
Přehled případu
Omoda Dánsko je oficiální digitální prezentace automobilové značky Omoda na dánském trhu. Slouží jako moderní, interaktivní online showroom navržený k představení modelu Omoda 5 EV dánským spotřebitelům. Platforma kombinuje bohatou prezentaci obsahu s technickou hloubkou, funguje jak jako marketingový nástroj, tak jako funkční most mezi potenciálními zákazníky a místními dealery.
Cíl: Hlavním cílem je vybudovat povědomí o značce Omoda jako nováčkovi na dánském trhu elektromobilů a zároveň jasně představit technologie a funkce vozidla. Kromě povědomí je stránka postavena tak, aby přeměnila návštěvníky na kvalifikované zájemce poskytováním jednoduchých nástrojů pro kontaktování dealerů — od formulářů poptávek až po žádosti o testovací jízdu.
Klíčové informace o projektu
Odvětví
Automobilový průmysl, elektromobily (EV), maloobchod a sítě dealerů — projekt podporuje globální automobilovou značku vstupující na nový regionální trh s plně lokalizovanou digitální prezentací.
Služby
Vývoj webu, integrace Headless CMS, vývoj vlastního backendu (proxy vrstva), frontendové inženýrství, lokalizační inženýrství, technické poradenství v architektuře pro škálovatelnost více značek.
Řešení
Headless CMS oddělující obsah od prezentace, monorepo umožňující více značkových webů na jedné kódové základně, živý náhled pro editory, dynamické formuláře s podmíněnou logikou, panel aplikace zobrazující obsah CMS.
Technologie
Umbraco CMS (správa obsahu), NestJS (backend proxy/API vrstva), Next.js (frontend rendering a směrování), Tailwind CSS (stylingový systém), TanStack Forms (správa stavu formulářů a validace).
Výzvy
Dynamické vykreslování obsahu
Dynamické vykreslování flexibilních Umbraco obsahových bloků a stránek v Next.js frontendu, bez ztráty výkonu nebo flexibility pro editory.
Podmíněná logika formulářů
Vytváření vícekrokových formulářů s podmíněným vykreslováním polí a přísnými validačními pravidly pro podporu generování leadů a pracovních toků dealerů.
Integrace živého náhledu
Propojení nativního náhledu Umbraco s oddělenou aplikací Next.js, včetně zabezpečeného autentizovaného přístupu pro administrátory/editory a bezproblémové editace obsahu.
Architektura monorepa
Strukturování sdílené kódové základny umožňující znovupoužití komponent, vykreslovací logiky a API pro více značkových webů při zachování odlišného designu a brandingu.
Podpora více jazyků
Plná lokalizace pomocí systému slovníku Umbraco v kombinaci s lokalizovaným směrováním Next.js a bezproblémovým přepínáním jazyků.
Proces
Tým přistoupil k vývoji platformy krok za krokem následovně.
Nastavení architektury
Zavedli jsme headless architekturu, kde Umbraco CMS slouží jako obsahový backend a Next.js jako frontend, přičemž NestJS funguje jako dedikovaná proxy/API vrstva mezi nimi.
Základ monorepa
Navrhli jsme monorepo strukturu, aby více značkových webů mohlo sdílet komponenty, vykreslovací logiku a API z jedné snadno udržovatelné kódové základny.
Systém obsahových bloků
Vyvinuli jsme dynamický vykreslovací engine, který umožňuje editorům sestavovat stránky z opakovaně použitelných Umbraco obsahových bloků bez nutnosti zásahu vývojáře.
Pipeline náhledu
Implementovali jsme funkci živého náhledu, která propojuje nativní režim náhledu Umbraco s Next.js vykreslovací vrstvou s autentizovaným přístupem administrátorů.
Vývoj formulářového engine
Vyvinuli jsme pokročilé formuláře pro zachycení leadů s podmíněnou logikou polí a validací pomocí TanStack Forms pro složité obchodní požadavky.
Integrace postranního panelu
Vytvořili jsme modul postranního panelu pro zobrazení kompletních Umbraco stránek a formulářů na webu, přičemž nástroje pro dealery zůstávají přístupné bez narušení hlavního UX.
Řešení
Klíčové vlastnosti řešení
Headless CMS architektura: Oddělili jsme Umbraco od Next.js, což editorům umožnilo flexibilitu a frontend zároveň udrželi moderní.
Škálovatelné monorepo nastavení: Sdílená kódová základna umožňující Omodě a budoucím značkovým webům rychlejší vstup na nové trhy.
Pipeline živého náhledu: Funkční náhled pro editory obsahu, který překonává propast mezi headless CMS a oddělenými frontendovými aplikacemi.
Chytrý formulářový engine: Ověřené vícekrokové formuláře zlepšující kvalitu leadů a snižující počet opuštění dotazníku.
Správa domácích úkolů: Jednoduché přiřazování, sledování a hodnocení domácích úkolů.
Zabudovaný modul postranního panelu: Zobrazujte stránky a formuláře CMS v kontextu, aby byly nástroje pro dealery stále přístupné.
Výsledky v číslech
35%
Zlepšení dokončení formulářů díky podmínkové logice a snížení překážek.
40%
Rychlejší vykreslování díky architektuře Next.js + Umbraco headless.
50%
Nové značky/trhy lze rychleji nasadit díky sdílenému monorepu.
30%
Zkrácení doby publikování díky náhledu v reálném čase a znovupoužitelným obsahovým blokům.
25%
Nižší míra opuštění díky chytřejším, podmíněně vykreslovaným krokům formuláře s lepším uživatelským vedením.
20%
Zvýšená angažovanost návštěvníků z nordických zemí mimo Dánsko díky podpoře více jazyků.
