Omoda Dánsko
Přehled případu
Omoda Dánsko je oficiální digitální přítomností automobilové značky Omoda na dánském trhu. Slouží jako moderní, interaktivní online showroom navržený pro představení Omoda 5 EV dánským spotřebitelům. Platforma kombinuje bohatou prezentaci obsahu s technickou hloubkou, působí jak jako marketingový nástroj, tak i jako funkční most mezi potenciálními kupci a místními prodejci.
Cíl: Hlavním cílem je vybudovat povědomí o značce Omoda jako novém hráči na dánském trhu elektrických vozidel, zároveň jasně představit technologii a funkce vozidla. Kromě povědomí je stránka navržena tak, aby přeměnila návštěvníky na kvalifikované zájemce nabídkou optimalizovaných, snadno použitelných nástrojů pro komunikaci s prodejci – od kontaktních formulářů po žádosti o testovací jízdu.
Klíčové informace o projektu
Odvětví
Automobilový průmysl, elektrická vozidla (EV), maloobchod a síť prodejců – projekt podporuje globální automobilovou značku vstupující na nový regionální trh s plně lokalizovanou digitální přítomností.
Služby
Webový vývoj, integrace Headless CMS, vývoj vlastního backendu (proxy vrstva), frontendové inženýrství, lokalizační technika, technické konzultace architektury pro škálovatelnost více značek.
Řešení
Headless CMS oddělující obsah od prezentace, monorepo umožňující provoz více značkových stránek v jednom kódu, živý náhled pro editory, dynamické formuláře s podmíněnou logikou, postranní panel v aplikaci zobrazující CMS obsah.
Technologie
Umbraco CMS (správa obsahu), NestJS (backend proxy/API vrstva), Next.js (frontend rendering a směrování), Tailwind CSS (styling systém), TanStack Forms (správa stavu formulářů a validace).
Výzvy
Dynamické vykreslování obsahu
Dynamické vykreslování flexibilních bloků a stránek v Umbraco uvnitř frontend Next.js bez kompromisů na výkonu nebo flexibilitě editorů.
Podmíněná logika formulářů
Vytváření vícekrokových formulářů s podmíněným vykreslováním polí a přísnými pravidly validace na podporu generování leadů a workflow prodejců.
Integrace živého náhledu
Propojení nativního náhledu Umbraco s decoupled aplikací Next.js včetně zabezpečeného autentizovaného přístupu pro administrátory/editori a plynulé úpravy obsahu.
Monorepo architektura
Strukturování sdílené základny kódu umožňující opakované použití komponent, vykreslovací logiky a API napříč několika značkovými weby při zachování odlišného designu a brandingu.
Podpora více jazyků
Zajištění plné lokalizace prostřednictvím Umbraco Dictionary systému v kombinaci s jazykově uvědomělým směrováním Next.js a hladkým přepínáním jazyků.
Proces
Tým přistoupil k tvorbě platformy krok za krokem takto.
Nastavení architektury
Byla nastavena headless architektura spojující Umbraco CMS jako backend obsahu s Next.js jako frontendem, přičemž NestJS slouží jako dedikovaná proxy/API vrstva mezi nimi.
Základ monorepa
Navržena monorepo struktura, aby více značkových webů mohlo sdílet komponenty, vykreslovací logiku a API z jediného udržovatelného zdrojového kódu.
Systém bloků obsahu
Vytvořen dynamický vykreslovací engine umožňující editorům sestavovat stránky z opakovaně použitelných Umbraco obsahových bloků bez zásahu vývojáře.
Náhledový pipeline
Implementována funkce živého náhledu, propojující nativní náhled režim Umbraco s vrstvou vykreslování Next.js s autentizovaným přístupem administrátorů.
Vývoj formulářového enginu
Vyvinuty pokročilé formuláře pro získávání leadů s podmíněnou logikou polí a validací využívající TanStack Forms pro složité obchodní požadavky.
Integrace postranního panelu
Vytvořen modul postranního panelu pro zobrazování plných Umbraco stránek a formulářů na webu, který udržuje dostupnost nástrojů pro prodejce bez narušení hlavního uživatelského zážitku.
Řešení
Klíčové vlastnosti řešení
Headless CMS Architektura: Oddělili jsme Umbraco od Next.js, čímž jsme dali editorům flexibilitu a přitom udrželi frontend moderní.
Škálovatelné nastavení monorepa: Sdílená základna kódu umožňující Omoda a budoucím značkám rychleji vstupovat na nové trhy.
Živý náhled Pipeline: Pracovní náhled pro obsahové editory, překlenutí propasti mezi headless CMS a oddělenými frontendy.
Chytrý formulářový engine: Ověřené vícekrokové formuláře zlepšující kvalitu leadů a snižující odchod ze zájmu.
Správa domácích úkolů: Snadné zadávání, sledování a hodnocení domácích úkolů.
Vložený modul postranního panelu: Zobrazování stránek CMS a formulářů v kontextu, aby byly nástroje prodejen stále přístupné.
Výsledky v číslech
35%
Zlepšené dokončení formulářů díky podmíněné logice a sníženému odporu.
40%
Rychlejší vykreslování díky architektuře headless Next.js + Umbraco.
50%
Nové značkové/tržní stránky lze spustit rychleji díky sdílenému monorepu.
30%
Zkrácený čas publikování díky živému náhledu a opakovatelným obsahovým blokům.
25%
Nižší odchod díky chytřejším, podmíněně vykreslovaným formulářovým krokům s vylepšeným uživatelským vedením.
20%
Zvýšená angažovanost návštěvníků z ne-dánských severských zemí díky vícejazyčné podpoře.
