Omoda Dánsko
Prehľad prípadu
Omoda Dánsko je oficiálna digitálna prezentácia automobilovej značky Omoda na dánskom trhu. Slúži ako moderná, interaktívna online predajňa navrhnutá na predstavenie modelu Omoda 5 EV dánskym spotrebiteľom. Platforma kombinuje bohatú prezentáciu obsahu s technickou hĺbkou a slúži ako marketingový nástroj aj ako funkčný most medzi potenciálnymi kupcami a miestnymi predajcami.
Cieľ: Hlavným cieľom je budovať povedomie o značke Omoda ako novom účastníkovi na dánskom trhu s elektrickými vozidlami a zároveň jasne predstaviť technológiu a funkcie vozidla. Okrem povedomia je stránka navrhnutá tak, aby konvertovala návštevníkov na kvalifikované potenciálne zákazníky pomocou zjednodušených nástrojov na zapojenie do predaja — od dopytových formulárov až po žiadosti o testovaciu jazdu.
Kľúčové informácie o projekte
Odvetvia
Automobilový priemysel, elektrické vozidlá (EV), maloobchod a predajné siete — 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ý backend vývoj (proxy vrstva), frontend inžiniering, lokalizačný inžiniering, technické konzultácie o architektúre pre škálovateľnosť viacerých značiek.
Riešenia
Headless CMS oddeľujúci obsah od prezentácie, monorepo umožňujúce viacerým značkovým stránkam fungovať na jednom kóde, živý náhľad pre editorov, dynamické formuláre s podmienenou logikou, postranný panel v aplikácii zobrazujúci obsah CMS.
Technológie
Umbraco CMS (manažment obsahu), NestJS (backend proxy/API vrstva), Next.js (frontend vykresľovanie a routovanie), Tailwind CSS (stylingový systém), TanStack Forms (správa stavov formulárov a validácia).
Výzvy
Dynamické vykresľovanie obsahu
Dynamické vykresľovanie flexibilných obsahových blokov a stránok z Umbraco v rámci frontendu Next.js bez obetovania výkonu alebo flexibility editorov.
Podmienená logika formulárov
Vytváranie viacstupňových formulárov s podmieneným vykresľovaním polí a prísnymi pravidlami validácie na podporu procesov generovania leadov a workflow predajných sietí.
Integrácia živého náhľadu
Prepojenie natívneho režimu náhľadu Umbraco s oddelenou aplikáciou Next.js vrátane bezpečného autentifikovaného prístupu pre administrátorov/editorov a plynulého editovania obsahu.
Monorepo architektúra
Štruktúrovanie zdieľaného kódu, ktorý umožňuje viacerým značkovým webom znovu použiť komponenty, logiku vykresľovania a API pri zachovaní odlišných dizajnov a brandingu.
Podpora viacerých jazykov
Poskytovanie plnej lokalizácie cez systém slovníka Umbraco v kombinácii s locale-aware routovaním v Next.js a plynulým prepínaním jazykov.
Proces
Takto tím pristúpil k budovaniu platformy od základov, krok za krokom.
Nastavenie architektúry
Založená headless architektúra spájajúca Umbraco CMS ako obsahový backend s Next.js ako frontendom, pričom NestJS slúži ako dedikovaná proxy/API vrstva medzi nimi.
Základy Monorepo
Navrhnutá štruktúra monorepo, aby viaceré značkové stránky mohli zdieľať komponenty, logiku vykresľovania a API z jedného udržiavateľného kódu.
Systém obsahových blokov
Vyvinutý dynamický vykresľovací engine, ktorý umožňuje editorom komponovať stránky z opakovane použiteľných obsahových blokov Umbraco bez zapojenia vývojára.
Preview pipeline
Zavedená funkcia živého náhľadu prepojujúca natívny režim náhľadu Umbraco s vrstvou vykresľovania Next.js a autentifikovaným prístupom pre administrátorov.
Vývoj formulárového engine
Vyvinuté pokročilé formuláre na zachytávanie leadov s podmienenou logikou polí a validáciou pomocou TanStack Forms pre zložité obchodné potreby.
Integrácia postranného panelu
Vyvinutý modul postranného panelu umožňujúci zobrazovať kompletné stránky a formuláre Umbraco v rámci stránky, pričom nástroje predajcov zostávajú dostupné bez narušenia hlavného UX.
Riešenia
Kľúčové funkcie riešenia
Headless CMS architektúra: Oddelenie Umbraco od Next.js, čo poskytuje editorom flexibilitu a zároveň udržiava moderný frontend.
Škálovateľné nastavenie Monorepo: Zdieľaný kód umožňujúci značkám Omoda a ďalším spúšťať nové trhy rýchlejšie.
Live preview pipeline: Funkčný živý náhľad pre editorov obsahu, prekonávajúci priepasť medzi headless CMS a oddelenými frontendmi.
Smart Form Engine: Overené viacstupňové formuláre zlepšujúce kvalitu leadov a znižujúce odchod záujemcov.
Správa domácej úlohy: Jednoduché zadávanie, sledovanie a hodnotenie domácich úloh.
Vložený bočný modul: Zobrazovanie CMS stránok a formulárov v kontexte, čím zostávajú nástroje predajcu prístupné.
Výsledky v číslach
35%
Zlepšené dokončenie formulárov vďaka podmienenému logickému spracovaniu a zníženiu prekážok.
40%
Rýchlejšie renderovanie vďaka headless architektúre Next.js + Umbraco.
50%
Nové značkové/trhové stránky môžu byť spustené rýchlejšie použitím zdieľaného monorepa.
30%
Znížený čas publikovania vďaka náhľadu naživo a opakovane použiteľným blokom obsahu.
25%
Nižší odchod používateľov vďaka inteligentným, podmieneným krokom formulára s vylepšeným používateľským vedením.
20%
Zvýšená angažovanosť návštevníkov zo severských krajín mimo Dánska vďaka podpore viacerých jazykov.
