Omoda Danemark
Présentation du cas
Omoda Danemark est la présence digitale officielle de la marque automobile Omoda sur le marché danois. Il sert de showroom en ligne moderne et interactif conçu pour présenter l'Omoda 5 EV aux consommateurs danois. La plateforme combine une présentation riche de contenu avec une profondeur technique, agissant à la fois comme un outil marketing et comme un pont fonctionnel entre les acheteurs potentiels et les concessionnaires locaux.
Objectif : L'objectif principal est de construire une notoriété de marque pour Omoda en tant que nouvel entrant sur le marché danois des véhicules électriques, tout en mettant clairement en avant la technologie et les caractéristiques du véhicule. Au-delà de la notoriété, le site est conçu pour convertir les visiteurs en prospects qualifiés en offrant des outils d'engagement simplifiés et sans friction avec les concessionnaires — des formulaires de demande aux demandes d'essai.
Informations clés sur le projet
Secteurs
Automobile, Véhicules électriques (VE), Réseaux de distribution et concessions — le projet soutient une marque automobile mondiale entrant sur un nouveau marché régional avec une présence digitale entièrement localisée.
Services
Développement web, Intégration CMS sans tête, Développement backend personnalisé (couche proxy), Ingénierie frontend, Ingénierie de localisation, Conseil technique sur l'architecture pour la scalabilité multi-marques.
Solutions
CMS sans tête dissociant contenu et présentation, monorepo permettant plusieurs sites de marque sur une seule base de code, prévisualisation en direct pour les éditeurs, formulaires dynamiques avec logique conditionnelle, barre latérale en application affichant le contenu CMS.
Technologies
Umbraco CMS (gestion de contenu), NestJS (couche proxy/API backend), Next.js (rendu frontend et routage), Tailwind CSS (système de styles), TanStack Forms (gestion et validation des formulaires).
Les défis
Rendu de contenu dynamique
Rendre dynamiquement des blocs et pages de contenu flexibles Umbraco dans un frontend Next.js, sans sacrifier la performance ni la flexibilité pour les éditeurs.
Logique conditionnelle de formulaire
Construire des formulaires multi-étapes avec rendu conditionnel des champs et règles strictes de validation pour soutenir les workflows de génération de leads et de concessionnaires.
Intégration de prévisualisation en direct
Connecter le mode de prévisualisation natif d’Umbraco à une application Next.js découplée, incluant un accès sécurisé authentifié pour les utilisateurs admin/éditeur et une édition de contenu fluide.
Architecture Monorepo
Structurer une base de code partagée permettant à plusieurs sites de marque de réutiliser composants, logique de rendu et APIs tout en conservant des designs et identités visuelles distincts.
Support multilingue
Assurer une localisation complète via le système de dictionnaire Umbraco combiné au routage Next.js sensible à la locale et au changement fluide de langue.
Le processus
Voici comment l'équipe a procédé pour construire la plateforme depuis le début, étape par étape.
Mise en place de l'architecture
Établi une architecture sans tête associant Umbraco CMS comme backend de contenu avec Next.js en frontend, utilisant NestJS comme couche proxy/API dédiée entre les deux.
Fondation Monorepo
Conçu une structure monorepo permettant à plusieurs sites de marque de partager composants, logique de rendu et APIs depuis une seule base de code maintenable.
Système de blocs de contenu
Construit le moteur de rendu dynamique permettant aux éditeurs de composer les pages à partir de blocs de contenu Umbraco réutilisables sans intervention développeur.
Pipeline de prévisualisation
Mis en œuvre la fonctionnalité de prévisualisation en direct, reliant le mode natif de prévisualisation d’Umbraco à la couche de rendu Next.js avec accès admin authentifié.
Développement du moteur de formulaire
Développé des formulaires avancés de capture de leads avec logique conditionnelle et validation à l’aide de TanStack Forms pour répondre à des exigences métier complexes.
Intégration de la barre latérale
Construit le module de barre latérale pour afficher des pages et formulaires Umbraco complets dans le site, gardant les outils de concession accessibles sans perturber l’UX principale.
Solutions
Principales fonctionnalités de la solution
Architecture CMS sans tête : Dissociation d’Umbraco de Next.js, offrant aux éditeurs de la flexibilité tout en gardant un frontend moderne.
Configuration monorepo évolutive : Base de code partagée permettant à Omoda et aux futurs sites de marque de lancer plus rapidement de nouveaux marchés.
Pipeline d'aperçu en direct : Aperçu fonctionnel pour les éditeurs de contenu, comblant le fossé entre le CMS headless et les frontends découplés.
Moteur de formulaire intelligent : Formulaires multi-étapes validés améliorant la qualité des prospects et réduisant les abandons de demande.
Gestion des devoirs : Affectation, suivi et notation faciles des devoirs.
Module de barre latérale intégrée : Afficher les pages CMS et les formulaires dans leur contexte, tout en gardant les outils de concessionnaire accessibles.
Résultats en chiffres
35%
Amélioration de la complétion des formulaires grâce à la logique conditionnelle et à la réduction des frictions.
40%
Rendu plus rapide grâce à l’architecture headless Next.js + Umbraco.
50%
Les nouveaux sites de marques/marchés peuvent être lancés plus rapidement grâce au monorepo partagé.
30%
Temps de publication réduit grâce à l’aperçu en direct et aux blocs de contenu réutilisables.
25%
Moins d’abandons grâce à des étapes de formulaire intelligentes et conditionnelles avec une meilleure assistance utilisateur.
20%
Augmentation de l’engagement des visiteurs nordiques non danois grâce à la prise en charge multilingue.
