Omoda Denmark
Case Overview
Omoda Denmark is the official digital presence for the Omoda automotive brand in the Danish market. It serves as a modern, interactive online showroom designed to introduce the Omoda 5 EV to Danish consumers. The platform combines rich content presentation with technical depth, acting both as a marketing tool and as a functional bridge between potential buyers and local dealerships.
Goal: The primary goal is to build brand awareness for Omoda as a new entrant in the Danish EV market, while clearly showcasing the vehicle's technology and features. Beyond awareness, the site is built to convert visitors into qualified leads by offering streamlined, low-friction dealership engagement tools — from inquiry forms to test-drive requests.
Key Project Info
Industries
Automotive, Electric Vehicles (EV), Retail & Dealership Networks — the project supports a global automotive brand entering a new regional market with a fully localized digital presence.
Services
Web Development, Headless CMS Integration, Custom Backend Development (proxy layer), Frontend Engineering, Localization Engineering, Technical Consulting on architecture for multi-brand scalability.
Solutions
Headless CMS decoupling content from presentation, monorepo enabling multiple branded sites on one codebase, live preview for editors, dynamic forms with conditional logic, in-app sidebar surfacing CMS content.
Technologies
Umbraco CMS (content management), NestJS (backend proxy/API layer), Next.js (frontend rendering and routing), Tailwind CSS (styling system), TanStack Forms (form state management and validation).
The Challenges
Dynamic Content Rendering
Rendering flexible Umbraco content blocks and pages dynamically inside a Next.js frontend, without sacrificing performance or editor flexibility.
Сonditional Form Logic
Building multi-step forms with conditional field rendering and strict validation rules to support lead-generation and dealership workflows.
Live Preview Integration
Connecting Umbraco's native preview mode to a decoupled Next.js app, including secure authenticated access for admin/editor users and seamless content editing.
Monorepo Architecture
Structuring a shared codebase that lets multiple brand websites reuse components, rendering logic, and APIs while keeping distinct designs and branding.
Multi-language Support
Delivering full localization through the Umbraco Dictionary system combined with locale-aware Next.js routing and seamless language switching.
The Process
Here's how the team approached building the platform from the ground up, step by step.
Architecture Setup
Established a headless architecture pairing Umbraco CMS as the content backend with Next.js as the frontend, using NestJS as a dedicated proxy/API layer between them.
Monorepo Foundation
Designed a monorepo structure so multiple brand websites could share components, rendering logic, and APIs from a single, maintainable codebase.
Content Block System
Built the dynamic rendering engine that lets editors compose pages from reusable Umbraco content blocks with no developer involvement.
Preview Pipeline
Implemented the live preview feature, linking Umbraco's native preview mode to the Next.js rendering layer with authenticated admin access.
Form Engine Development
Developed advanced lead-capture forms with conditional field logic and validation using TanStack Forms for complex business requirements.
Sidebar Integration
Built the sidebar module to surface full Umbraco pages and forms within the site, keeping dealership tools accessible without disrupting the main UX.
Solutions
Key Features of the Solution
Headless CMS Architecture: Decoupled Umbraco from Next.js, giving editors flexibility while keeping the frontend modern.
Scalable Monorepo Setup: Shared codebase enabling Omoda and future brand sites to launch new markets faster.
Live Preview Pipeline: Working preview for content editors, bridging the gap between headless CMS and decoupled frontends.
Smart Form Engine: Validated multi-step forms improving lead quality and reducing inquiry drop-off.
Homework Management: Easy assignment, tracking, and grading of homework.
Embedded Sidebar Module: Surface CMS pages and forms in context, keeping dealership tools accessible.
Results in Numbers
35%
Improved form completion driven by conditional logic and reduced friction.
40%
Faster rendering thanks to the headless Next.js + Umbraco architecture.
50%
New brand/market sites can be launched faster using the shared monorepo.
30%
Reduced publishing time thanks to live preview and reusable content blocks.
25%
Lower drop-off due to smarter, conditionally-rendered form steps with enhanced user guidance.
20%
Increased engagement from non-Danish Nordic visitors via multi-language support.
