Designing seamless user journeys
Genesis – 3D configurator UX in DevOps
Genesis – 3D configurator UX in DevOps
Identified UX pain points from client feedback and resolved them using AEM solutions (Adobe CMS), resulting in a 12% increase in quote requests across the 3D and stock configurators.
PRODUCT / COMPANY
Genesis Europe
Period
2022.02-2023.04
Ｍy Role
Product design · UX design · QA testing · Daily issue handling · Communicator
Category
Web App
Automotive
Component Design
Designing seamless user journeys
Genesis – 3D configurator UX in DevOps
Identified UX pain points from client feedback and resolved them using AEM solutions (Adobe CMS), resulting in a 12% increase in quote requests across the 3D and stock configurators.
Company
Genesis Europe
Period
2022.02-2023.04
Ｍy Role
Product design · UX design · QA testing · Daily issue handling · Communicator
Role & Team
Product designer | 1 PM, 4 Developers, 3 Product designers, 1 content manager
Category
Web App
Automotive
Component Design
1/
1/
Overview
Overview
The Genesis 3D configurators in Europe required ongoing updates to meet evolving business needs.
After the AEM-based Genesis 3D Configurator (built-to-order) and Stock sites were launched, ongoing system updates and new features were needed to meet evolving business requirements. This led to a dedicated DevOps initiative to enhance UX, stability, and operational efficiency across the UK, Germany, and Switzerland.
Genesis 3D Configurator (UK)→
Genesis Car Stock (UK)→
The Genesis 3D configurators in Europe required ongoing updates to meet evolving business needs.
After the AEM-based Genesis 3D Configurator (built-to-order) and Stock sites were launched, ongoing system updates and new features were needed to meet evolving business requirements. This led to a dedicated DevOps initiative to enhance UX, stability, and operational efficiency across the UK, Germany, and Switzerland.
Genesis 3D Configurator (UK)→
Genesis Car Stock (UK)→
2/
2/
Goals
Goals
Enhance the car-buying experience by designing AEM components that scale content across markets.
As Genesis’s live platforms expanded with new features and localized content, AEM constraints made real-time UX fixes and content updates increasingly complex. At the same time, enhancing the Stock Car site to offer users more purchasing options became a growing business challenge—requiring fast, scalable solutions across three regions.
Enhance the car-buying experience by designing AEM components that scale content across markets.
As Genesis’s live platforms expanded with new features and localized content, AEM constraints made real-time UX fixes and content updates increasingly complex. At the same time, enhancing the Stock Car site to offer users more purchasing options became a growing business challenge—requiring fast, scalable solutions across three regions.
3/
3/
Process
Process
End-to-end design process
Requirement analysis
Flow design
AEM component planning
Wireframes & Specs
Dev handoff
QA & Issue Tracking
End-to-end design process
Requirement analysis
Flow design
AEM component planning
Wireframes & Specs
Dev handoff
QA & Issue Tracking
4/
4/
My Role
My Role
Delivered clear and consistent UX through effective AEM management across regions.
Team size
30+, including 3 product designers (incl. myself), PMs, developers, QA engineers, image production team, external vendors, and stakeholders from Genesis Europe HQ and Korea.
My role
UX Improvements & Operational fixes
Enhanced user interfaces and resolved system issues.
Built reusable AEM components for consistent design.
Cross-Team Communication
Bridged European and Korean teams, ensuring alignment.
Minimized miscommunication and streamlined collaboration.
Testing & Deployment
Conducted functional testing for system stability.
Monitored performance and resolved issues.
Delivered clear and consistent UX through effective AEM management across regions.
Team size
30+, including 3 product designers (incl. myself), PMs, developers, QA engineers, image production team, external vendors, and stakeholders from Genesis Europe HQ and Korea.
My role
UX Improvements & Operational fixes
Enhanced user interfaces and resolved system issues.
Built reusable AEM components for consistent design.
Cross-Team Communication
Bridged European and Korean teams, ensuring alignment.
Minimized miscommunication and streamlined collaboration.
Testing & Deployment
Conducted functional testing for system stability.
Monitored performance and resolved issues.
5/
5/
Challenge
Challenge
To improve “Get a Quote” conversion on the stock car site
One of the most impactful tasks during this year-long project was improving the Get a Quote conversion rate on the Stock Car platform. This was crucial for encouraging more users to connect with dealerships and move forward in their purchase journey.
I focused on two main solutions: enhancing the quote experience to make it more seamless and appealing, and improving vehicle visibility so users could always find relevant options.
To improve “Get a Quote” conversion on the stock car site
One of the most impactful tasks during this year-long project was improving the Get a Quote conversion rate on the Stock Car platform. This was crucial for encouraging more users to connect with dealerships and move forward in their purchase journey.
I focused on two main solutions: enhancing the quote experience to make it more seamless and appealing, and improving vehicle visibility so users could always find relevant options.
6/
6/
Solution
Solution
UX Solution 1: Empowering users with clear customization paths
Many users saw stock vehicles and assumed they couldn’t be customized, leading them to skip the “Get a Quote” step. I spotted the drop-off and introduced a responsive popup that highlighted available personalization options. This helped users make informed decisions and drove higher engagement in the quote flow.
Working in an AEM environment, I designed a modular popup component, mapped key user scenarios, and wrote a detailed functional spec to keep design, engineering, and CMS teams aligned.
UX Solution 1: Empowering users with clear customization paths
Many users saw stock vehicles and assumed they couldn’t be customized, leading them to skip the “Get a Quote” step. I spotted the drop-off and introduced a responsive popup that highlighted available personalization options. This helped users make informed decisions and drove higher engagement in the quote flow.
Working in an AEM environment, I designed a modular popup component, mapped key user scenarios, and wrote a detailed functional spec to keep design, engineering, and CMS teams aligned.
7/
7/
Solution
Solution
UX Solution 2: Increasing stock vehicle visibility
To improve vehicle discoverability and drive more quote requests, I led two initiatives:
Refined filter logic to improve stock relevance and reduce no-result pages
UX Solution 2: Increasing stock vehicle visibility
To improve vehicle discoverability and drive more quote requests, I led two initiatives:
Refined filter logic to improve stock relevance and reduce no-result pages
Connected the 3D Configurator to stock inventory
By adding a “Similar Stock Vehicles” module, showcasing ready-to-buy vehicles and boosting stock quote requests
Connect to Content
Add layers or components to swipe between.
8/
Impact & Takeaway
Optimised UX for 3D Configurator and Stock sites, increasing quote requests by 12%.
Working on this project over the past year challenged me to think beyond design screens. I learned how to balance user needs with technical constraints, collaborate across cultures and time zones, and create solutions that truly drive business results.
Built reusable components for multi-language sites, ensuring a consistent UX across markets.
Improved system performance and stability by applying AEM and DevOps best practices.
Strengthened remote collaboration skills by working closely with global stakeholders and resolving issues efficiently.
8/
Impact & Takeaway
Optimised UX for 3D Configurator and Stock sites, increasing quote requests by 12%.
Working on this project over the past year challenged me to think beyond design screens. I learned how to balance user needs with technical constraints, collaborate across cultures and time zones, and create solutions that truly drive business results.
Built reusable components for multi-language sites, ensuring a consistent UX across markets.
Improved system performance and stability by applying AEM and DevOps best practices.
Strengthened remote collaboration skills by working closely with global stakeholders and resolving issues efficiently.
