Omoda Danmark
Sagsoverblik
Omoda Danmark 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 markedsføringsvæ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 elbilmarked, samtidig med klart at fremvise køretøjets teknologi og funktioner. Udover bevidsthed er siden bygget til at konvertere besøgende til kvalificerede leads ved at tilbyde strømlinede, lavfriktion forhandler-engagement værktøjer — fra forespørgselsformularer til prøvekørselsanmodninger.
Nøgleoplysninger om projektet
Brancher
Bilindustri, Elbiler (EV), Detailhandel & Forhandlernetværk — projektet støtter et globalt bilmærke, der går 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 multi-brand skalerbarhed.
Løsninger
Headless CMS adskiller indhold fra præsentation, monorepo muliggør flere mærkesider på én kodebase, live- forhåndsvisning 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 (formularstatusstyring og validering).
Udfordringerne
Dynamisk indholdsrendering
Rendering af fleksible Umbraco-indholdsblokke og sider dynamisk inden for en Next.js frontend, uden at gå på kompromis med ydelse eller redaktørfleksibilitet.
Betinget formularlogik
Opbygning af flerstegsformularer med betinget feltrendering og strenge valideringsregler for at understøtte leadgenerering og forhandler-workflows.
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 tillader flere mærkesites at genbruge komponenter, renderinglogik og API'er, samtidig med at unikke designs og branding bevares.
Fleresproget support
Levering af fuld lokalisering gennem Umbraco Dictionary-systemet kombineret med lokaliteten bevidst Next.js routing og problemfri sprogskift.
Processen
Sådan gik teamet til værks med at bygge platformen fra bunden, trin for trin.
Arkitekturopsætning
Etablerede en headless arkitektur, der parrer Umbraco CMS som indholdsbackend med Next.js som frontend, anvendende NestJS som et dedikeret proxy/API-lag imellem dem.
Monorepo grundlag
Designede en monorepo-struktur, så flere mærkesites kunne dele komponenter, renderinglogik og API'er fra en enkelt, vedligeholdelsesvenlig kodebase.
Indholdsbloksystem
Byggede den dynamiske rendermotor, der gør det muligt for redaktører at sammensætte sider fra genanvendelige Umbraco-indholdsblokke uden udviklerindblanding.
Forhåndsvisningspipeline
Implementerede live forhåndsvisningsfunktionen, der forbinder Umbracos native preview-tilstand med Next.js renderingslaget med autentificeret adminadgang.
Formularmotorudvikling
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 fulde Umbraco-sider og formularer inden for sitet, samtidig med at forhandlerværktøjer er tilgængelige uden at forstyrre hoved-UX.
Løsninger
Nøglefunktioner i løsningen
Headless CMS Arkitektur: Frakoblede Umbraco fra Next.js, hvilket giver redaktører fleksibilitet samtidig med at frontend forbliver moderne.
Skalerbar Monorepo Opsætning: Delt kodebase, der muliggør, at Omoda og fremtidige mærkesider kan lancere nye markeder hurtigere.
Live Preview Pipeline: Arbejdende forhåndsvisning for indholdsredaktører, som bygger bro mellem headless CMS og decoupled frontends.
Smart Form Engine: Validerede multi-step formularer, der forbedrer lead-kvaliteten og reducerer frafald ved forespørgsler.
Håndtering af hjemmearbejde: Nem tildeling, sporing og bedømmelse af hjemmearbejde.
Indlejret sidebjælke-modul: Vis CMS-sider og formularer i kontekst, så forhandlerværktøjer forbliver tilgængelige.
Resultater i tal
35%
Forbedret formularudfyldelse drevet af betinget logik og reduceret modstand.
40%
Hurtigere gengivelse takket være headless Next.js + Umbraco arkitektur.
50%
Nye brand-/markedssteder kan lanceres hurtigere ved brug af det delte monorepo.
30%
Reduceret udgivelsestid takket være live preview og genanvendelige indholdsblokke.
25%
Lavere frafald takket være smartere, betinget gengivne formularsteps med forbedret brugervejledning.
20%
Øget engagement fra ikke-danske nordiske besøgende via flersproget support.
