Omoda Denmark
Caseoversigt
Omoda Denmark er den officielle digitale tilstedeværelse for Omoda bilmærket på det danske marked. Det fungerer som et moderne, interaktivt online showroom designet til at introducere Omoda 5 EV til danske forbrugere. Platformen kombinerer rig indholdspræsentation med teknisk dybde og fungerer både som et marketingværktøj og som en funktionel bro mellem potentielle købere og lokale forhandlere.
Mål: Det primære mål er at opbygge brandbevidsthed for Omoda som en ny aktør på det danske EV-marked, samtidig med at køretøjets teknologi og funktioner tydeligt fremvises. Udover bevidsthed er siden bygget til at konvertere besøgende til kvalificerede leads ved at tilbyde strømlinede, lavfriktionsværktøjer til engagement i forhandlernetværket – fra forespørgselsformularer til prøvekørselsanmodninger.
Nøgleprojektinfo
Brancher
Bilindustrien, Elbiler (EV), Detailhandel og Forhandlernetværk – projektet støtter et globalt bilmærke i at komme ind på et nyt regionalt marked med en fuldt lokaliseret digital tilstedeværelse.
Tjenester
Webudvikling, Headless CMS-integration, Tilpasset backend-udvikling (proxy-lag), Frontend-udvikling, Lokaliseringsteknologi, Teknisk rådgivning om arkitektur for skalerbarhed på tværs af mærker.
Løsninger
Headless CMS adskiller indhold fra præsentation, monorepo muliggør flere mærkesites på én kodebase, live preview for redaktører, dynamiske formularer med betinget logik, in-app sidebar der viser CMS-indhold.
Teknologier
Umbraco CMS (indholdsstyring), NestJS (backend proxy/API-lag), Next.js (frontend rendering og routing), Tailwind CSS (styling system), TanStack Forms (formularhåndtering og validering).
Udfordringerne
Dynamisk indholdsafvikling
Render fleksible Umbraco indholdsblokke og sider dynamisk inde i en Next.js frontend uden at gå på kompromis med ydelse eller redaktørfleksibilitet.
Betinget formularlogik
Bygning af trinstyrede formularer med betinget feltafvikling og strenge valideringsregler for at understøtte lead-generering og forhandlerworkflow.
Live preview-integration
Forbindelse af Umbracos native preview-tilstand til en decoupled Next.js app, inklusive sikker autentificeret adgang for admin-/redaktørbrugere og problemfri indholdsredigering.
Monorepo-arkitektur
Strukturering af en delt kodebase, der lader flere brandwebsites genbruge komponenter, rendering-logik og API'er, samtidig med at unikke designs og branding bevares.
Multisprogunderstøttelse
Levering af fuld lokalisering gennem Umbraco Dictionary-systemet kombineret med locale-aware Next.js routing og sømløs sprogskiftning.
Processen
Sådan greb teamet opbygningen af platformen an fra bunden, trin for trin.
Arkitekturopsætning
Etablerede en headless arkitektur, der parrede Umbraco CMS som indholdsbackend med Next.js som frontend, med NestJS som dedikeret proxy/API-lag mellem dem.
Monorepo-grundlag
Designede en monorepo-struktur, så flere brandwebsites kunne dele komponenter, rendering-logik og API'er fra en enkelt, vedligeholdelsesvenlig kodebase.
Indholdsblok-system
Byggede den dynamiske rendering-motor, der lader redaktører komponere sider af genanvendelige Umbraco indholdsblokke uden udviklerindblanding.
Preview-pipeline
Implementerede live preview-funktionen, der forbinder Umbracos native preview-tilstand til Next.js rendering laget med autentificeret admin-adgang.
Formular-udvikling
Udviklede avancerede lead-capture formularer med betinget feltlogik og validering ved brug af TanStack Forms til komplekse forretningskrav.
Sidebar-integration
Byggede sidebarmodulet til at vise komplette Umbraco sider og formularer inden for siden, og holdt forhandler-værktøjer tilgængelige uden at forstyrre hovedoplevelsen.
Løsninger
Løsningsnøglefunktioner
Headless CMS-arkitektur: Adskilte Umbraco fra Next.js, hvilket giver redaktører fleksibilitet, mens frontend forbliver moderne.
Skalerbar monorepo-opsætning: Delt kodebase, der gør det muligt for Omoda og fremtidige brand-sites at lancere nye markeder hurtigere.
Live preview-pipeline: Fungerende preview for indholdsredaktører, der bygger bro mellem headless CMS og decoupled frontends.
Smart Form Engine: Validerede multitrinsformularer, der forbedrer lead-kvaliteten og reducerer frafald i forespørgsler.
Håndtering af lektier: Nem tildeling, sporing og bedømmelse af lektier.
Indlejret sidebjælkemodul: Vis CMS-sider og formularer i kontekst, så forhandlerens værktøjer forbliver tilgængelige.
Resultater i tal
35%
Forbedret formularafslutning drevet af betinget logik og reduceret friktion.
40%
Hurtigere rendering takket være den headless Next.js + Umbraco-arkitektur.
50%
Nye brand-/markedswebsites kan lanceres hurtigere ved brug af det delte monorepo.
30%
Reduceret publiceringstid takket være live preview og genanvendelige indholdsblokke.
25%
Lavere frafald grundet smartere, betinget gengivne formulartrin med forbedret brugervejledning.
20%
Øget engagement fra ikke-danske nordiske besøgende via flersproget support.
