Omoda Taani
Juhtumi ülevaade
Omoda Taani on Omoda automarkile Taani turul ametlik digitaalne kohalolek. See toimib moodsa, interaktiivse veebinäitena, mis on loodud tutvustamaks Omoda 5 EV-d Taani tarbijatele. Platvorm ühendab rikkaliku sisu esituse tehnilise sügavusega, toimides nii turundusvahendina kui ka funktsionaalse sillaehitusena potentsiaalsete ostjate ja kohalike edasimüüjate vahel.
Eesmärk: Põhiline eesmärk on ehitada bränditeadlikkust Omoda kohta, kui uut tegijat Taani elektriautode turul, samal ajal selgelt esitades sõiduki tehnoloogiat ja omadusi. Teadlikkusest kaugemale on sait loodud selleks, et muuta külastajad kvalifitseeritud müügivihjeteks, pakkudes sujuvaid ja vähese takistusega edasimüüjatega suhtlemise tööriistu — alates päringuvormidest kuni testisõidutaotlusteni.
Projekti põhiinfo
Tööstusharud
Autotööstus, elektriautod (EV), jaemüük & edasimüügivõrgustikud — projekt toetab ülemaailmset automarkki, mis siseneb uuele piirkonnaturule täielikult kohandatud digitaalse kohalolekuga.
Teenused
Veebiarendus, pealetükkamata CMS integratsioon, kohandatud taustsüsteemi arendus (proksikiht), esipaneeli inseneritöö, lokaliseerimise inseneritöö, tehniline konsultatsioon mitme brändi skaleeritava arhitektuuri osas.
Lahendused
Pealetükkimata CMS, mis eraldab sisu esitlusest, monorepo võimaldades mitmel brändisaidil töötada ühest koodibaasist, toimetajate jaoks reaalajas eelvaade, dünaamilised vormid tingimusloogikaga, rakendusesisene küljeriba CMS sisu kuvamiseks.
Tehnoloogiad
Umbraco CMS (sisuhaldus), NestJS (taustsüsteemi proksi/API kiht), Next.js (esipaneeli renderdamine ja marsruutimine), Tailwind CSS (stiilsüsteem), TanStack Forms (vormide oleku haldus ja valideerimine).
Väljakutsed
Dünaamiline sisu renderdamine
Jõudlusest ja toimetajate paindlikkusest loobumata dünaamiline Umbraco sisublokkide ja lehtede renderdamine Next.js esipaneelis.
Tingimuslik vormiloogika
Mitmeastmeliste vormide ehitamine tingimusliku välja renderdamise ning range valideerimismehhanismiga, et toetada müügivihjete ja edasimüüjatöövoogude genereerimist.
Reaalajas eelvaate integratsioon
Ühendades Umbraco natiivse eelvaaterežiimi eraldatud Next.js rakendusega, sh turvaline autentitud ligipääs admin/ toimetajatele ning sujuv sisutoimetamine.
Monorepo arhitektuur
Koodibaasi struktureerimine nii, et mitme brändi veebisaidid saaksid taaskasutada komponente, renderdamisloogikat ja API-sid, säilitades samal ajal iseseisvad disainid ja brändingu.
Mitmekeelne tugi
Täieliku lokaliseerimise pakkumine Umbraco sõnastiku süsteemi kaudu koos keeleteadliku Next.js marsruutimise ja sujuva vahetamisega.
Protsess
Siin on, kuidas meeskond platvormi nullist samm-sammult üles ehitas.
Arhitektuuri ülesseadmine
Raamistik loodi pealetükkimata arhitektuurina, mis ühendab Umbraco CMS sisutaustana ja Next.js esipaneelina, kasutades NestJS-i pühendatud proksi/API kihina nende vahel.
Monorepo alus
Loodi monorepo struktuur, mis võimaldab mitmel brändi veebisaidil jagada komponente, renderdamisloogikat ja API-sid ühest hooldatavast koodibaasist.
Sisuplokkide süsteem
Arendati dünaamiline renderdusmootor, mis võimaldab toimetajatel lehti koostada taaskasutatavatest Umbraco sisublokkidest ilma arendaja sekkumiseta.
Eelvaate torujuhe
Rakendati reaalajas eelvaate funktsioon, mis ühendab Umbraco natiivse eelvaaterežiimi Next.js renderduskihiga autentitud administraatori ligipääsuga.
Vormimootori arendus
Arendati keerukaid müügivihjete kogumise vorme tingimusliku välja loogika ja valideerimisega, kasutades TanStack Forms'i ärinõuete täitmiseks.
Küljeriba integreerimine
Loodi küljeriba moodul, mis kuvab täis Umbraco lehti ja vorme saidil, hoides edasimüüjatööriistad ligipääsetavana ilma põhi-KK-d häirimata.
Lahendused
Lahenduse peamised omadused
Pealetükkimata CMS arhitektuur: Eraldas Umbraco Next.js-st, andes toimetajatele paindlikkuse ja hoides esipaneeli kaasaegse.
Skaleeritav Monorepo ülesseadmine: Jagatud koodibaas võimaldades Omodal ja tulevastel brändisaitidel turule siseneda kiiremini.
Elavaatamise eelvaade: Töötav eelvaade sisutoimetajatele, mis ühendab pea-vabad CMS-id ja eraldatud esipaneelid.
Nutikas vormimootor: Kinnitatud mitmeastmelised vormid, mis parandavad juhtide kvaliteeti ja vähendavad päringute katkestamist.
Kodutöö haldus: Lihtne kodutöö 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%
Paranenud vormi täitmine tingimusloogika ja vähendatud takistusega.
40%
Kiirem renderdamine tänu pea-vabale Next.js + Umbraco arhitektuurile.
50%
Uued brändi/turule suunatud saidid saab käivitada kiiremini, kasutades jagatud monorepot.
30%
Vähendatud avaldamise aeg tänu elavale eelvaatele ja taaskasutatavatele sisublokkidele.
25%
Vähem katkestusi tänu nutikamatele, tingimuslikult renderdatud vormiastmetele ja täiustatud kasutajajuhendamisele.
20%
Suurenenud kaasatus mitte-taani päritolu Põhjamaade külastajatelt mitmekeelse toe kaudu.
