De Uitdaging

Voor Genesis was een digitaal platform nodig dat de premium uitstraling van het merk weerspiegelt. De grootste uitdaging was het integreren van een hoogwaardige, interactieve 3D car configurator binnen een stabiel enterprise content management systeem.

 De Technische Oplossing

• Muban & AEM: Net als bij AkzoNobel heb ik het platform opgebouwd met het Muban framework, waarbij de frontend-componenten naadloos zijn geïntegreerd met Adobe Experience Manager (AEM) voor wereldwijd contentbeheer.

• 3D Car Configurator (Vue.js): Ik was verantwoordelijk voor de ontwikkeling van de interactieve car configurator UI. Gebouwd met Vue.js, deze tool stelt de gebruikers in staat om in real-time hun voertuig samen te stellen (lak, velgen, interieur).

• State Management & Performance: Vanwege de complexiteit van alle mogelijke opties en high-res assets, heb ik de focus gelegd op een efficiënt state management systeem en geoptimaliseerde render-prestaties om een vloeiende 3D-ervaring in de browser te garanderen.

Het Resultaat

• Een naadloze overgang tussen de informatieve pagina's (AEM) en de interactieve configuratie-ervaring (Vue).

• Een high-performance tool die wereldwijd wordt gebruikt om de verkoop van Genesis-modellen te ondersteunen.

• Een schaalbaar systeem waarin nieuwe modellen en opties snel kunnen worden toegevoegd.

Gebruikte Technieken

• Frameworks: Muban (TypeScript), Vue.js (voor de configurator)

• CMS: Adobe Experience Manager (AEM)

• 3D Tech: Integratie van WebGL/3D assets in een Vue-omgeving.