Omoda Dánsko
Prehľad prípadu
Omoda Dánsko je oficiálna digitálna prítomnosť automobilovej značky Omoda na dánskom trhu. Slúži ako moderná, interaktívna online výstava navrhnutá na predstavenie Omoda 5 EV dánskym spotrebiteľom. Platforma kombinuje bohatú prezentáciu obsahu s technickou hĺbkou, pôsobí ako marketingový nástroj a zároveň ako funkčný most medzi potenciálnymi kupujúcimi a miestnymi predajcami.
Cieľ: Hlavným cieľom je vybudovať povedomie o značke Omoda ako nováčikovi na dánskom trhu elektromobilov a zároveň jasne predstaviť technológiu a funkcie vozidla. Okrem povedomia je stránka navrhnutá na prevod návštevníkov na kvalifikované kontakty ponúkaním zjednodušených nástrojov na zapojenie sa s predajcami — od dopytových formulárov po žiadosti o skúšobnú jazdu.
Kľúčové informácie o projekte
Odvetvia
Automobilový priemysel, elektrické vozidlá (EV), maloobchod a sieť predajcov — projekt podporuje globálnu automobilovú značku vstupujúcu na nový regionálny trh s plne lokalizovanou digitálnou prítomnosťou.
Služby
Vývoj webu, integrácia Headless CMS, vlastný vývoj backendu (proxy vrstva), frontendové inžinierstvo, lokalizačné inžinierstvo, technické poradenstvo ohľadom architektúry pre škálovanie viacerých značiek.
Riešenia
Headless CMS oddeľuje obsah od prezentácie, monorepo umožňuje viacero značkových stránok na jednej kódovej báze, živý náhľad pre editorov, dynamické formuláre s podmienenou logikou, bočný panel v aplikácii zobrazujúci obsah CMS.
Technológie
Umbraco CMS (správa obsahu), NestJS (backend proxy/API vrstva), Next.js (frontend renderovanie a smerovanie), Tailwind CSS (systém štýlovania), TanStack Forms (správa stavu a validácia formulárov).
Výzvy
Dynamické vykresľovanie obsahu
Dynamické vykresľovanie flexibilných obsahových blokov a stránok Umbraco vo frontend Next.js bez ohrozenia výkonu alebo flexibility pre editorov.
Podmienená logika formulárov
Vytváranie viacstupňových formulárov s podmieneným zobrazovaním polí a prísnymi validačnými pravidlami na podporu generovania leadov a pracovných tokov predajcov.
Integrácia živého náhľadu
Prepojenie natívneho náhľadu Umbraco s oddelenou aplikáciou Next.js vrátane bezpečného overeného prístupu pre administrátorov/editorov a plynulého upravovania obsahu.
Architektúra Monorepo
Štruktúrovanie zdieľanej kódovej bázy, ktorá umožňuje viacerým značkám opätovne používať komponenty, vykresľovaciu logiku a API pri zachovaní odlišného dizajnu a brandingov.
Podpora viacerých jazykov
Plná lokalizácia prostredníctvom systému slovníka Umbraco v kombinácii s regiónovo citlivým smerovaním Next.js a bezproblémovým prepínaním jazykov.
Proces
Takto tím pristupoval k tvorbe platformy krok za krokom.
Nastavenie architektúry
Zavedenie headless architektúry kombinujúcej Umbraco CMS ako obsahový backend s Next.js ako frontend, s NestJS ako dedikovanou proxy/API vrstvou medzi nimi.
Základy Monorepo
Navrhnutá štruktúra monorepo tak, aby viaceré značkové weby mohli zdieľať komponenty, vykresľovaciu logiku a API z jednej udržiavateľnej kódovej bázy.
Systém obsahových blokov
Vytvorený dynamický vykresľovací engine, ktorý umožňuje editorom skladať stránky z opakovane použiteľných obsahových blokov Umbraco bez potreby vývojára.
Preview Pipeline
Implementovaná funkcia živého náhľadu, prepájajúca natívny režim náhľadu Umbraco s vrstvou renderovania Next.js s overeným prístupom administrátora.
Vývoj systému formulárov
Vyvinuté pokročilé formuláre na zachytávanie leadov s podmienenou logikou polí a validáciou pomocou TanStack Forms pre komplexné obchodné požiadavky.
Integrácia bočného panela
Vyvinutý modul bočného panela zobrazujúci kompletné stránky a formuláre Umbraco v rámci stránky, pričom nástroje pre predajcov zostávajú prístupné bez narušenia hlavného používateľského zážitku.
Riešenia
Kľúčové vlastnosti riešenia
Architektúra Headless CMS: Oddeľuje Umbraco od Next.js, čím poskytuje editorom flexibilitu a zároveň udržiava moderný frontend.
Škálovateľné nastavenie Monorepo: Zdieľaná kódová báza umožňujúca Omoda a budúcim značkovým stránkam rýchlejšie vstupovať na nové trhy.
Živý náhľad pipeline: Funkčný náhľad pre editory obsahu, ktorý premožuje priepasť medzi headless CMS a oddelenými front-endmi.
Inteligentný formulárový engine: Overené viacstupňové formuláre zlepšujúce kvalitu leadov a znižujúce odpadávanie dopytov.
Správa domácich úloh: Jednoduché zadávanie, sledovanie a hodnotenie domácich úloh.
Vložený modul postranného panela: Zobrazovanie stránok CMS a formulárov v kontexte, aby boli nástroje predajcu stále prístupné.
Výsledky v číslach
35%
Zlepšené dokončenie formuláru vďaka podmienkovej logike a zníženej prekážke.
40%
Rýchlejšie vykresľovanie vďaka architektúre headless Next.js + Umbraco.
50%
Nové značkové/trhové stránky sa môžu spustiť rýchlejšie použitím spoločného monorepa.
30%
Skrátený čas publikovania vďaka živému náhľadu a opakovane použiteľným blokom obsahu.
25%
Nižšie odpadávanie vďaka inteligentnejším, podmieneným krokom formulára s vylepšeným vedením používateľa.
20%
Zvýšená angažovanosť nórskych návštevníkov mimo Dánska vďaka podpore viacerých jazykov.
