Genesis — Discovery experience

Genesis — Discovery experience

Genesis — Discovery experience

ROLE

Sen. UX Designer

YEAR

2024

2024
CLIENT

Genesis (Hyundai Group)

Markets

Germany · UK · Switzerland

UX Research

App Design (Android and iOS)

UI Design

Visit Website ↗

Visit Website ↗

Visit Website ↗

OVERVIEW

Genesis, Hyundai's new luxury brand, entered the highly competitive European automotive market with a bold ambition: to establish itself among the world's leading luxury manufacturers. As a new name in a market shaped by decades-old brands, the website played a critical role. It needed to introduce the lineup, build trust, and guide potential customers toward their first Genesis experience

As Senior UX Designer, I redesigned the entire discovery experience across Germany, the UK, and Switzerland. This included information architecture, content sequencing, interaction design, and building a scalable, modular framework—resulting in a clear, guided path from first impression to confident choice.

The Challenge

A New Luxury Brand Entering an Unfamiliar Market

Genesis entered Europe as a new luxury brand in a competitive market. The website made a strong first impression and looked visually compelling. However, beneath the surface, users struggled to find the clarity and confidence they needed to take the next step.

The lineup felt difficult to navigate, and key information was hard to find. As a result, many visitors were unsure how to explore their options or take meaningful next steps toward a purchase.

A Clear Opportunity

Turning curiosity into confidence. 

Turning curiosity into confidence. 

Research

Understanding Where Curiosity Turned Into Confusion

Before restructuring anything, we needed to understand exactly where and why users lost confidence. A new brand entering an unfamiliar market doesn't have the benefit of recognition, so every friction point carries more weight. We designed a research approach that combined quantitative signals with direct observation across all three target markets.

Key Process

Four steps from data to direction

Platform Analytics

We began with existing platform data across the German, UK, and Swiss markets, mapping where users entered, where they dropped off, and which pages held attention. The numbers were stark: only 10% of visitors ever accessed the full Genesis lineup. Most users left before forming a clear picture of what Genesis actually offered.

Moderated Usability Sessions

Cross-Market Pattern Analysis

Problem Statement

Key Process

Four steps from data to direction

Platform Analytics

We began with existing platform data across the German, UK, and Swiss markets, mapping where users entered, where they dropped off, and which pages held attention. The numbers were stark: only 10% of visitors ever accessed the full Genesis lineup. Most users left before forming a clear picture of what Genesis actually offered.

Moderated Usability Sessions

Cross-Market Pattern Analysis

Problem Statement

Problem Statement

Users didn't need more storytelling.

Genesis users arrive with genuine interest but leave without clarity. The site lacks the structure to help them understand the lineup, differentiate between models, and evaluate their options confidently, making it impossible for curiosity to turn into a decision.

Insights

What the Research Revealed

Insight 01 · Low Lineup Visibility

Most participants couldn't tell how many models Genesis offered.

Analytics confirmed the scale: only 10% of visitors ever accessed the full lineup. The portfolio was present on the site, but effectively invisible in practice.

Insight 03

The alphanumeric naming system blurred distinctions between sedans, SUVs, and EVs.

odel names like G70, GV80, and Electrified GV70 caused genuine misreading. Without a clear naming logic, comparison was impossible before it even began.

Insight 03 · Fragmented Exploration

Each model was spread across multiple subpages

Participants repeatedly described it as "too much work to understand a single car", forcing users to piece together basic information from different sections. Evaluation momentum collapsed before purchase intent could form.

Core Insight

Users didn't need more storytelling.

They needed a clear structure that supports how people actually evaluate cars: from first impression, through model comparison, to a confident decision. Interest was already there. The opportunity was structure.

Approach

Designing Clarity Through Structure

CX Approach

Designing clarity through structure

After identifying which curiosity turned into confusion, we followed a structured process to transform the experience.

Each phase was built directly on research data and was designed to restore orientation, flow, and trust across the journey.

01

Map the discovery journey.

We mapped the entire journey from first impression to configuration, identifying every point where users lost clarity or momentum. This analysis revealed the need for early orientation and a more seamless exploration flow.

01. Map the discovery journey.

We mapped the entire journey from first impression to configuration, identifying every point where users lost clarity or momentum. This analysis revealed the need for early orientation and a more seamless exploration flow.

01

Map the discovery journey.

We mapped the entire journey from first impression to configuration, identifying every point where users lost clarity or momentum. This analysis revealed the need for early orientation and a more seamless exploration flow.

02

Restructure content into a natural evaluation sequence.

We restructured model content through content modeling and decision sequencing, aligning page flow with how users naturally evaluate cars: starting with design and exterior, followed by interior and comfort, performance and range, safety and technology, and finally, pricing and trims. This approach established the foundation for single-page model showrooms.

02. Restructure content into a natural evaluation sequence.

We restructured model content through content modeling and decision sequencing, aligning page flow with how users naturally evaluate cars: starting with design and exterior, followed by interior and comfort, performance and range, safety and technology, and finally, pricing and trims. This approach established the foundation for single-page model showrooms.

02

Restructure content into a natural evaluation sequence.

We restructured model content through content modeling and decision sequencing, aligning page flow with how users naturally evaluate cars: starting with design and exterior, followed by interior and comfort, performance and range, safety and technology, and finally, pricing and trims. This approach established the foundation for single-page model showrooms.

03

Validate improvements through A/B testing.

We ran A/B and multivariate tests on critical elements to validate which patterns improved orientation, reduced bounce rates, and encouraged natural progression—without forcing conversions.

Validate improvements through A/B testing.

We ran A/B and multivariate tests on critical elements to validate which patterns improved orientation, reduced bounce rates, and encouraged natural progression—without forcing conversions.

03

Validate improvements through A/B testing.

We ran A/B and multivariate tests on critical elements to validate which patterns improved orientation, reduced bounce rates, and encouraged natural progression—without forcing conversions.

04

Establish a shared structure for repeatable page building

We defined layout patterns, interaction behaviors, and content guidelines to ensure that future model pages follow the same evaluation flow and maintain a consistent tone across the portfolio.

Establish a shared structure for repeatable page building

We defined layout patterns, interaction behaviors, and content guidelines to ensure that future model pages follow the same evaluation flow and maintain a consistent tone across the portfolio.

Design

A System for Vehicle Discovery

The previous experience broke down at two critical points: entering the lineup and exploring individual models. The redesign addressed both issues through a connected system built around actual user behavior.

01 · Navigation built around the lineup

One view. Full lineup. 

One view. Full lineup. 

Users previously struggled to understand the lineup because the tile-based menu fragmented the portfolio, causing confusion. We introduced a single, structured entry point that made all models visible at once, clearly identified as sedan, SUV, EV, or ICE. For the first time, users could view the entire Genesis range at a glance and immediately understand each model’s place within it.

02 · Single-page showrooms

From eight pages to one. 

From eight pages to one. 

Previously, exploring a model required navigating multiple subpages, which users often described as "too much work." We consolidated all content into a single, structured showroom page, following a clear evaluation flow: design and exterior, interior and comfort, performance and range, safety and technology, and pricing and trims. Key conversion actions—Test Drive and Build & Order—remained accessible throughout, ensuring uninterrupted exploration.

03 · Standardized content framework

From custom pages to a scalable system. 

From custom pages to a scalable system. 

A modular AEM component library replaced custom page builds. Reusable templates standardized content across the full lineup, reduced time-to-launch for new models, and provided editorial and production teams with a consistent foundation. Every future launch now benefits from the same evaluation structure and interaction quality.

Impact

Clearer Structure, Measurable Results

Clearer Structure, Measurable Results

Rolled out across Germany, the UK, and Switzerland, this clearer structure produced measurable improvements at every stage of the funnel.

Clarity at first glance

18% Reduction in bounce on the lineup menu

A structured lineup entry made the full range easy to understand, reducing early drop-offs before exploration began.

Everything in one flow.

20% Increase in time on model pages

By consolidating showrooms into a single guided page, users moved seamlessly from exploration to decision-making, rather than abandoning the journey midway through.

From clarity to action.

31% Increase in test-drive conversions

A clear lineup and consistent showroom experience guided users toward meaningful actions throughout the entire journey.