Omoda Denmark
Juhtumi ülevaade
Omoda Denmark on Omoda autobrändi ametlik digitaalne kohalolek Taani turul. See toimib kui kaasaegne, interaktiivne veebipoodi showroom, mis tutvustab Taani tarbijatele Omoda 5 elektriautot. Platvorm ühendab rikkaliku sisu esituse ja tehnilise sügavuse, toimides nii turundusvahendina kui ka funktsionaalse sillana potentsiaalsete ostjate ja kohalike esinduste vahel.
Eesmärk: Peamine eesmärk on suurendada Omoda bränditeadlikkust kui uut osalejat Taani elektrisõidukite turul, samal ajal selgelt tutvustades sõiduki tehnoloogiat ja omadusi. Lisaks teadlikkuse tõstmisele on sait üles ehitatud külastajate konverteerimiseks kvalifitseeritud kontaktideks, pakkudes sujuvaid ja madala takistusega esindustega suhtlemise tööriistu — alates päringuvormidest kuni testisõidu taotlusteni.
Olulised projekti andmed
Tööstusharud
Autotööstus, elektrisõidukid (EV), jaemüük & esindusvõrgud – projekt toetab globaalse autobrändi sisenemist uuele piirkondlikule turule täielikult kohandatud digitaalse kohalolekuga.
Teenused
Veebiarendus, pealetükkematu CMS integratsioon, kohandatud tagapõhja arendus (proxy kiht), frontend inseneritöö, lokaliseerimise inseneritöö, tehniline konsultatsioon mitme brändi skaleeritavuse arhitektuuri osas.
Lahendused
Pealetükkematu CMS, mis eraldab sisu esitusest, monorepo võimaldab mitmel brändisaidil jagada ühte koodibaasi, toimetajatele reaalajas eelvaade, dünaamilised vormid tingimusloogikaga, rakendusesisene külgriba CMS sisu kuvamiseks.
Tehnoloogiad
Umbraco CMS (sisuhaldus), NestJS (tagapõhja proxy/API kiht), Next.js (frontendi renderdus ja marsruutimine), Tailwind CSS (stiilide süsteem), TanStack Forms (vormi oleku haldus ja valideerimine).
Väljakutsed
Dünaamiline sisu renderdamine
Dünaamiliselt renderdada paindlikke Umbraco sisublokke ja lehti Next.js frontendis, säilitades samal ajal jõudluse ja toimetaja paindlikkuse.
Tingimuslik vormi loogika
Mitmeastmeliste vormide loomine tingimusliku väljade renderduse ja rangete valideerimisreeglitega, et toetada kontaktide genereerimise ja esinduste töövoogusid.
Reaalaja eelvaate integratsioon
Ühendab Umbraco natiivse eelvaatemoodi eraldatud Next.js rakendusega, sealhulgas turvalise autentimisega juurdepääsu administraatoritele/toimetajatele ja sujuva sisu redigeerimisega.
Monorepo arhitektuur
Struktureerida jagatud koodibaas, mis võimaldab mitmel brändisaidil taaskasutada komponente, renderdamisloogikat ja API-sid, säilitades samas eristuvad disainid ja brändingu.
Mitmekeelne tugi
Täielik lokaliseerimine Umbraco sõnastiku süsteemi kaudu koos kohalikule keelerežiimile teadliku Next.js marsruutimise ja sujuva keelevahetusega.
Protsess
Siin on, kuidas meeskond platvormi samm-sammult nullist üles ehitas.
Arhitektuuri seadistus
Loodud pealetükkematu arhitektuur, kus Umbraco CMS toimib sisu taustsüsteemina ja Next.js eesliidesena, kasutades NestJS eraldiseisva proxy/API kihina nende vahel.
Monorepo aluspõhi
Disainitud monorepo struktuur, mis võimaldab mitmel brändisaidil jagada komponente, renderdamisloogikat ja API-sid ühest hooldatavast koodibaasist.
Sisublokkide süsteem
Ehitati dünaamiline renderdusmootor, mis võimaldab toimetajatel koostada lehti taaskasutatavatest Umbraco sisublokkidest ilma arendaja kaasamiseta.
Eelvaate pipeline
Rakendati reaalaja eelvaate funktsioon, mis ühendab Umbraco natiivse eelvaatemoodi Next.js renderduskihiga autentitud administraatori juurdepääsuga.
Vormimootori arendus
Arendati täiustatud kontaktivormid tingimusliku väljaloogika ja valideerimisega, kasutades TanStack Forms keerukate ärivajaduste jaoks.
Külgriba integratsioon
Ehitati külgriba moodul, mis kuvab saidil täielikud Umbraco lehed ja vormid, hoides esinduse tööriistad kättesaadavana ilma põhikasutuskogemust katkestamata.
Lahendused
Lahenduse põhijooned
Pealetükkematu CMS arhitektuur: Eraldas Umbraco Next.js-st, andes toimetajatele paindlikkuse, hoides samal ajal frontend modernsena.
Skaleeritav monorepo seadistus: Jagatud koodibaas, mis võimaldab Omoda ja tulevaste brändisaidide turuletoomist kiiremini.
Reaalaja eelvaate pipeline: Töötab eelvaade sisutoimetajatele, sildistades pealetükkematut CMS-i ja eraldatud frontendid.
Nutikas vormi mootor: Kinnitatud mitmeastmelised vormid, mis parandavad müügivihjete kvaliteeti ja vähendavad päringute katkestamist.
Kodutöö haldamine: Kodutöö lihtne määramine, jälgimine ja hindamine.
Manustatud külgriba moodul: Näita CMS lehti ja vorme kontekstis, hoides edasimüüjate tööriistad kättesaadavana.
Tulemused numbrites
35%
Vormi täitmise paranemine tingimusloogika ja vähendatud takistuste tõttu.
40%
Kiirem renderdamine tänu pea-vabale Next.js + Umbraco arhitektuurile.
50%
Uued brändi/turu saidid saab kiiresti käivitada jagatud monorepoga.
30%
Avaldamise aeg vähenes tänu reaalajas eelvaatele ja taaskasutatavatele sisublokkidele.
25%
Vähenenud katkestused tänu nutikamatele, tingimuslikult kuvaatavatele vormiastmetele ja täiustatud kasutaja juhendamisele.
20%
Suurenenud kaasatus mitte-taani põhjamaade külastajate poolt mitmekeelse toe kaudu.
