Omoda Taani

Juhtumi Ülevaade

Omoda Taani on ametlik digitaalne väljund Omoda automargi jaoks Taani turul. See toimib kaasaegse, 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 silla rollis potentsiaalsete ostjate ja kohalike edasimüüjate vahel.

Eesmärk: Peamine eesmärk on ehitada kaubamärgi tuntust Omoda kui uue tulija jaoks Taani elektrisõidukite turul, selgelt esitades sõiduki tehnoloogiat ja omadusi. Lisaks tuntuse loomisele on sait loodud külastajate konverteerimiseks kvalifitseeritud juhtumiks, pakkudes lihtsustatud ja madala takistusega edasimüüjaga suhtlemise tööriistu — alates päringuvormidest kuni testisõidu taotlusteni.

Image

Peamised Projekti Andmed

Tööstusharud

Tööstusharud

Autotööstus, elektriautod (EV), jaemüük & edasimüüjate võrgustikud — projekt toetab ülemaailmset automarki, kes siseneb uuele piirkondlikule turule täielikult lokaliseeritud digitaalse kohalolekuga.
Teenused

Teenused

Veebiarendus, headless CMS integratsioon, kohandatud tagapoolsüsteemi arendus (proksikiht), esikülje inseneritöö, lokaliseerimise inseneritöö, tehniline konsultatsioon mitme kaubamärgi skaleeritavuse arhitektuuri osas.
Lahendused

Lahendused

Headless CMS eemaldab sisu esitlusest, monorepo võimaldab mitmel kaubamärgi saidil ühes koodibaasis töötada, toimetajatele reaalajas eelvaade, dünaamilised vormid tingimusloogikaga, rakenduseservas külgpaneel CMS sisu kuvamiseks.
Tehnoloogiad

Tehnoloogiad

Umbraco CMS (sisuhaldus), NestJS (tagapooli proksikiht / API kiht), Next.js (esikülje renderdus ja marsruutimine), Tailwind CSS (stiilide süsteem), TanStack Forms (vormi oleku haldus ja valideerimine).

Väljakutsed

Dünaamiline Sisu Renderdamine

Dünaamiline Sisu Renderdamine

Paindlike Umbraco sisublokkide ja lehtede dünaamiline renderdamine Next.js esiküljel ilma jõudlust või toimetaja paindlikkust ohverdamata.

Tingimuslik Vormiloogika

Tingimuslik Vormiloogika

Mitmeastmeliste vormide loomine tingimuslike väljade renderdamise ja range valideerimisega, toetades juhtumikogumise ja edasimüüjate töövoogude vajadusi.

Reaalajas Eelvaate Integratsioon

Reaalajas Eelvaate Integratsioon

Umbraco natiivse eelvaatemooduli ühendamine detsentreeritud Next.js rakendusega, sisaldades turvalist autentitud ligipääsu administraatoritele/toimetajatele ja sujuvat sisu redigeerimist.

Monorepo Arhitektuur

Monorepo Arhitektuur

Jagatud koodibaasi struktureerimine, mis võimaldab mitmel kaubamärgi veebisaidil taaskasutada komponente, renderdusloogikat ja API-sid, samal ajal säilitades unikaalse disaini ja brändi identiteedi.

Mitmekeelne Tugi

Mitmekeelne Tugi

Täielik lokaliseerimine läbi Umbraco sõnastiku süsteemi koos keeleteadliku Next.js marsruutimise ja sujuva keelevahetusega.

Külgpaneeli Sisu Manustamine

Täielike Umbraco lehtede ja vormide renderdamine külgpaneelil ilma peamise saidi navigeerimisvoogu katkemata, säilitades sujuva kasutajakogemuse.

Protsess

Siin on, kuidas meeskond lähenes platvormi ülesehitamisele samm-sammult.

Arhitektuuri Seadistus

Arhitektuuri Seadistus

Loodud headless arhitektuur, kus Umbraco CMS toimib sisutagapoolena ja Next.js esiküljena, kasutades NestJS-i pühendatud proksikiht / API kihina nende vahel.
Monorepo Alus

Monorepo Alus

Disainitud monorepo struktuur, et mitmed kaubamärgisaidid saaksid jagada komponente, renderdusloogikat ja API-sid ühest hooldatavast koodibaasist.
Sisublokkide Süsteem

Sisublokkide Süsteem

Arendatud dünaamiline renderdusmootor, mis võimaldab toimetajatel koostada lehti taaskasutatavatest Umbraco sisublokkidest ilma arendajate sekkumiseta.
Eelvaate Torujuhtme Lõimimine

Eelvaate Torujuhtme Lõimimine

Rakendatud reaalajas eelvaate funktsioon, mis ühendab Umbraco natiivse eelvaatemooduli Next.js renderduskihiga autentitud administraatori ligipääsuga.
Vormimootori Arendus

Vormimootori Arendus

Arendatud täiustatud juhtumikogumise vormid tingimusliku väljaloogika ja valideerimisega, kasutades TanStack Forms keerukate ärinõuete jaoks.
Külgpaneeli Lõimimine

Külgpaneeli Lõimimine

Arendatud külgpaneeli moodul, mis kuvab saidil täielikke Umbraco lehti ja vorme, hoides edasimüüja tööriistu juurdepääsetavana ilma põhikasutajakogemust segamata.

Lahendused

Lahenduse Peamised Omadused

  • Headless CMS Arhitektuur: Umbraco lahti ühestatud Next.js-st, andes toimetajatele paindlikkuse, hoides esikülje tänapäevasena.

  • Skaleeritav Monorepo Seadistus: Jagatud koodibaas, mis võimaldab Omodal ja tulevastel kaubamärgisaididel uutele turgudele kiiremini siseneda.


  • Otseülekande eelvaade: Töökindel eelvaade sisutoimetajatele, mis sillutab lõhet peata CMS-i ja detsentraliseeritud esikülgede vahel.


  • 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.


  • Põimitud külgribal olev moodul: Kuva CMS-lehed ja vormid kontekstis, hoides edasimüüjate tööriistad kättesaadavana.

Image

Tulemused numbrites

Juhimuundumise määr

35%

Vormi täitmise paranemine tingimusloogika ja takistuste vähendamise tõttu.

Kõrge jõudlus

40%

Kiirem renderdamine tänu peata Next.js + Umbraco arhitektuurile.

Skaalautuv arhitektuur

50%

Uute brändi/turu saitide kiirem käivitamine tänu jagatud monorepo kasutamisele.

Kiirem avaldamine

30%

Avaldamise aja lühendamine tänu otseülekande eelvaatele ja taaskasutatavatele sisublokkidele.

Optimeeritud kasutajavoog

25%

Vähem katkestamist tänu targematele, tingimuslikult renderdatud vormiastmetele koos parendatud kasutajajuhistega.

Keelne haare

20%

Suurenenud kaasatus mitte-taani päritolu Põhjamaade külastajate seas tänu mitmekeelsele toele.

On uus idee?

Oleme siin, et see ellu viia! Jaga oma visiooni või broneeri tasuta konsultatsioon.

Message not sent.
Message not sent.
×
Pole kindel, kust alustada? Aitame teil järgmised sammud välja töötada!
×
On väljakutse? Meie meeskond muudab selle lahenduseks.
Nõusolek isikuandmete töötlemiseks