Omoda Taani
Juhtumi Ülevaade
Omoda Denmark on Omoda autotööstuse kaubamärgi ametlik digitaalne kohalolek Taani turul. See toimib kaasaegse, interaktiivse veebinäitena, mille eesmärk on tutvustada Omoda 5 EV-d Taani tarbijatele. Platvorm ühendab rikkaliku sisu esituse tehnilise sügavusega, olles nii turundustööriist kui ka funktsionaalne sild võimalike ostjate ja kohalike edasimüüjate vahel.
Eesmärk: Peamine eesmärk on suurendada Omoda tuntust uue tulijana Taani elektrisõidukite turul, näidates selgelt sõiduki tehnoloogiat ja omadusi. Lisaks teadlikkuse tõstmisele on sait loodud selleks, et konverteerida külastajad kvalifitseeritud juhtideks, pakkudes sujuvaid ja madala takistusega tööriistu edasimüüjatega suhtlemiseks — alates päringuvormidest kuni proovisõidu taotlusteni.
Põhiteave Projekti Kohta
Tööstusharud
Autotööstus, elektrisõidukid (EV), jaemüük & edasimüüjate võrgustikud — projekt toetab globaalset autotööstuse kaubamärki, mis siseneb uuele regionaalturule täielikult kohandatud digitaalse kohalolekuga.
Teenused
Veebiarendus, pealelaaditud CMS integratsioon, kohandatud taustaprogrammide arendus (proxy-kiht), esipaneeli inseneritöö, lokaliseerimise inseneritöö, tehniline konsultatsioon mitme kaubamärgi skaleeritavuse arhitektuuri osas.
Lahendused
Pealelaaditud CMS, mis eraldab sisu esitlusest, monorepo võimaldades mitmel kaubamärgiga saidil ühel koodibaasil töötada, otsepildi eelvaade toimetajatele, dünaamilised vormid tingimusloogikaga, rakendusesisene küljeriba CMS sisu kuvamiseks.
Tehnoloogiad
Umbraco CMS (sisuhaldus), NestJS (taustaprogrammi proxy/API kiht), Next.js (esipaneeli renderdamine ja marsruutimine), Tailwind CSS (stiilide süsteem), TanStack Forms (vormi oleku haldus ja valideerimine).
Väljakutsed
Dünaamiline Sisu Renderdamine
Paindlike Umbraco sisuplokkide ja lehtede dünaamiline renderdamine Next.js esipaneelis, ilma jõudlust või toimetaja paindlikkust ohverdamata.
Tingimusvormi Loogika
Mitmeastmeliste vormide ehitamine tingimusliku väljade renderdamise ja rangete valideerimisreeglitega, toetades juhtide genereerimise ja edasimüüjate töövooge.
Otsepildi Eelvaate Integratsioon
Umbraco natiivse eelvaadetilma ühendamine eraldiseisva Next.js rakendusega, sealhulgas turvaline autentitud ligipääs administraatoritele/toimetajatele ja sujuv sisu redigeerimine.
Monorepo Arhitektuur
Jagatud koodibaasi struktureerimine, mis võimaldab mitmel kaubamärgi kodulehel taaskasutada komponente, renderdamise loogikat ja APIsid, hoides samas eristuvaid kujundusi ja brändimist.
Mitmekeelse Tugi
Täieliku lokaliseerimise pakkumine Umbraco sõnastiku süsteemi kaudu, ühendades seda kohalikute Next.js marsruutide ja sujuva keelevahetusega.
Protsess
Nii lähenes meeskond platvormi ehitamisele samm-sammult.
Arhitektuuri Seadistamine
Loodi pealelaaditud arhitektuur, kus Umbraco CMS toimib sisutaustana ja Next.js kui esipaneel, kasutades NestJS-i spetsiaalse proxy/API kihina nende vahel.
Monorepo Alus
Disainiti monorepo struktuur, et mitmed kaubamärkide kodulehed saaksid jagada komponente, renderdamise loogikat ja APIsid ühest hooldatavast koodibaasist.
Sisuploki Süsteem
Ehitas dünaamilise renderdustiimuli, mis võimaldab toimetajatel kujundada lehti taaskasutatavatest Umbraco sisublokkidest ilma arendaja kaasamiseta.
Eelvaate Torustik
Rakendati otsepildi eelvaate funktsioon, mis ühendab Umbraco natiivse eelvaadetilimoodi Next.js renderduskihiga koos autentitud administraatori ligipääsuga.
Vormimootori Arendus
Arendati arenenud potentsiaalsete klientide vorme tingimusliku väljaloogika ja valideerimisega, kasutades TanStack Forms keerukate ärinõuete jaoks.
Küljeriba Integratsioon
Ehitas küljeriba mooduli, mis kuvab kogu Umbraco lehti ja vorme saidil, hoides edasimüüjate tööriistad ligipääsetavana ilma põhikasutuskogemust häirimata.
Lahendused
Lahenduse Põhifunktsioonid
Pealelaaditud CMS Arhitektuur: Umbraco on eraldatud Next.js-st, andes toimetajatele paindlikkuse ja hoides esipaneeli kaasaegse.
Skaleeritav Monorepo Seadistus: Jagatud koodibaas võimaldab Omoda ja tulevaste kaubamärgisaidide kiiremat uutele turgudele sisenemist.
Otsevõtte Eelvaate Torustik: Töötav eelvaadetööriist sisu toimetajatele, ühendades pealelaaditud CMS ja eraldiseisvad esipaneelid.
Nutikas Vormimootor: Kinnitatud mitmeastmelised vormid, mis parandavad juhtide kvaliteeti ja vähendavad päringute katkemist.
Kodutöö Halduse Lahendus: Lihtne kodutööde määramine, jälgimine ja hindamine.
Integreeritud Külgriba Moodul: CMS lehtede ja vormide kuvamine kontekstis, hoides müügiesinduse tööriistad hõlpsasti ligipääsetavana.
Tulemused Numbritega
35%
Parem vormi täitmine tingimusliku loogika ja vähendatud takistuse tõttu.
40%
Kiirem renderdamine tänu peasüsteemita Next.js + Umbraco arhitektuurile.
50%
Uued brändi/turu saidid saab kiiremini käivitada, kasutades jagatud monorepot.
30%
Avaldamise aeg vähenenud tänu reaalajas eelvaatele ja taaskasutatavatele sisublokkidele.
25%
Vähem hülgamist tänu targematele, tingimuslikult renderdatud vormiastmetele koos parendatud kasutajajuhistega.
20%
Suurenenud kaasatus mitte-taani päritolu Põhjamaade külastajate seas tänu mitmekeelsele toele.
