Omoda Danska
Pregled slučaja
Omoda Danska je službena digitalna prisutnost Omoda automobilske marke na danskom tržištu. Služi kao moderan, interaktivan online salon dizajniran za predstavljanje Omoda 5 EV danskim potrošačima. Platforma kombinira bogatu prezentaciju sadržaja s tehničkom dubinom, djelujući i kao marketinški alat i kao funkcionalni most između potencijalnih kupaca i lokalnih prodajnih mjesta.
Cilj: Primarni cilj je izgraditi svijest o brendu Omoda kao novom sudioniku na danskom tržištu električnih vozila, istovremeno jasno prikazujući tehnologiju i značajke vozila. Osim svijesti, stranica je izgrađena da pretvori posjetitelje u kvalificirane potencijalne kupce nudeći pojednostavljene, nesmetane alate za angažman s prodajnim mjestima — od obrazaca za upite do zahtjeva za test vožnju.
Ključne informacije o projektu
Industrije
Automobilska industrija, Električna vozila (EV), Maloprodaja i mreže prodajnih mjesta — projekt podržava globalni automobilski brend koji ulazi na novo regionalno tržište s potpuno lokaliziranom digitalnom prisutnošću.
Usluge
Web razvoj, integracija headless CMS-a, prilagođeni razvoj backenda (proxy sloj), frontend inženjering, inženjering lokalizacije, tehničko savjetovanje o arhitekturi za višebrandnu skalabilnost.
Rješenja
Headless CMS koji odvaja sadržaj od prezentacije, monorepo koji omogućava više brendiranih web stranica na jednoj bazi koda, živi pregled za urednike, dinamički obrasci s uvjetnom logikom, bočni izbornik u aplikaciji koji prikazuje sadržaj CMS-a.
Tehnologije
Umbraco CMS (upravljanje sadržajem), NestJS (backend proxy/API sloj), Next.js (renderiranje frontenda i usmjeravanje), Tailwind CSS (sustav stiliziranja), TanStack Forms (upravljanje stanjem i validacija obrazaca).
Izazovi
Dinamičko prikazivanje sadržaja
Dinamičko prikazivanje fleksibilnih Umbraco sadržajnih blokova i stranica unutar Next.js frontenda, bez žrtvovanja performansi ili fleksibilnosti urednika.
Uvjetna logika obrazaca
Izgradnja višestepenih obrazaca s uvjetnim prikazivanjem polja i strogim pravilima validacije za podršku procesu generiranja potencijalnih kupaca i radnim procesima prodajnih mjesta.
Integracija živog pregleda
Povezivanje Umbracovog izvornog načina pregleda sa odvojenom Next.js aplikacijom, uključujući sigurni autentificirani pristup za administratore/uređivače i besprijekorno uređivanje sadržaja.
Monorepo arhitektura
Strukturiranje zajedničke baze koda koja omogućava višestrukim brend web stranicama da koriste istu logiku prikaza, komponente i API-je, dok zadržavaju različite dizajne i brendiranje.
Podrška za više jezika
Isporuka potpune lokalizacije kroz Umbraco Dictionary sustav u kombinaciji s lokalno svjesnim Next.js usmjeravanjem i besprijekornim prebacivanjem jezika.
Proces
Ovo je način na koji je tim pristupio izgradnji platforme od temelja, korak po korak.
Postavljanje arhitekture
Uspostavljena je headless arhitektura koja povezuje Umbraco CMS kao backend za sadržaj s Next.js kao frontendom, koristeći NestJS kao posrednički/API sloj između njih.
Monorepo temelj
Dizajniran je monorepo sustav tako da više brend web stranica može dijeliti komponente, logiku prikaza i API-je iz jedne, održive baze koda.
Sustav sadržajnih blokova
Izgrađen je dinamički mehanizam prikaza koji urednicima omogućuje sastavljanje stranica od ponovljivih Umbraco sadržajnih blokova bez potrebe za uključivanjem programera.
Preview Pipeline
Implementirana je funkcija živog pregleda, povezujući izvornu Umbraco metodu pregleda s Next.js slojem za prikazivanje uz autentificirani administratorski pristup.
Razvoj form enginea
Razvijeni su napredni obrasci za prikupljanje leadova s uvjetnom logikom polja i validacijom koristeći TanStack Forms za složene poslovne zahtjeve.
Integracija bočnog izbornika
Izgrađen je modul bočnog izbornika koji prikazuje kompletne Umbraco stranice i obrasce unutar stranice, držeći alate prodajnih mjesta dostupnima bez ometanja glavnog korisničkog iskustva.
Rješenja
Ključne značajke rješenja
Headless CMS arhitektura: Odvojeno Umbraco od Next.js, dajući urednicima fleksibilnost dok frontend ostaje moderan.
Skalabilna monorepo postava: Zajednička baza koda koja omogućava Omoda i budućim brend web mjestima brže lansiranje na nova tržišta.
Poziv uživo: Radni pregled za uređivače sadržaja, premošćujući jaz između headless CMS-a i odvojenih frontenda.
Pametni oblikovni motor: Validirani obrasci s više koraka koji poboljšavaju kvalitetu potencijalnih klijenata i smanjuju odustajanje od upita.
Upravljanje domaćim zadacima: Jednostavno dodjeljivanje, praćenje i ocjenjivanje domaćih zadataka.
Ugrađeni modul bočne trake: Prikaz stranica i obrazaca CMS-a u kontekstu, održavajući pristupnost alata zastupništva.
Rezultati u brojkama
35%
Poboljšano dovršavanje obrazaca potaknuto uvjetnom logikom i smanjenim trenjem.
40%
Brže prikazivanje zahvaljujući arhitekturi headless Next.js + Umbraco.
50%
Nove marke/marketinške stranice mogu se pokrenuti brže koristeći zajednički monorepo.
30%
Smanjeno vrijeme objave zahvaljujući pozivu uživo i ponovnoj upotrebi sadržajnih blokova.
25%
Smanjenje odustajanja zbog pametnijih, uvjetno prikazanih koraka obrazaca s poboljšanim vođenjem korisnika.
20%
Povećana angažiranost posjetitelja koji nisu Danski Nordijci putem podrške za više jezika.
