Home

Home

Home

Land Rover
Configurator redesign

Land Rover
Configurator redesign

A British luxury automotive brand renowned for its premium SUVs and exceptional off-road performance.

A British luxury automotive brand renowned for its premium SUVs and exceptional off-road performance.

Introduction

Understanding

the client

Land Rover came seeking assistance to improve their vehicle configurator following negative customer feedback. The goal was to enhance both UI and UX, addressing pain points that caused user frustration and ensuring the configurator felt as premium and innovative as the brand itself.

Problem

Understanding

the client

Before making any changes, I engaged directly with the existing configurator to experience the journey as a customer would. This hands-on evaluation revealed several issues:


  • Confusing navigation made configuration frustrating.

  • Pricing was only shown at the end.

  • The interface lacked the innovation of competitor experiences.


These observations were echoed in client feedback, confirming the need for a complete rethink of the flow and features.

Before making any changes, I engaged directly with the existing configurator to experience the journey as a customer would. This hands-on evaluation revealed several issues:


  • Confusing navigation made configuration frustrating.


  • Pricing was only shown at the end.


  • The interface lacked the innovation of competitor experiences.


These observations were echoed in client feedback, confirming the need for a complete rethink of the flow and features.

User Research

To validate and expand on these findings, I conducted user testing with 10 participants. A mix of existing Land Rover customers and new prospects.


Participants were asked to complete six configuration tasks while their screens were recorded for later analysis.

100%

Surprised by the final value

70%

Found configuring vehicles stressful

60%

Struggled to change selected options

Information Architecture

Information

architecture

Land Rover has opted to reduce their options to simplify their business operations. The new architecture aims to facilitate customers in navigating the configurator and locating the options that appeal to them.

Problem
Balancing simplicity with comprehensive choice was a significant challenge. Reducing the number of available options risked making users feel that their choices were overly limited, potentially impacting their satisfaction.

Potential solution
One approach to address this challenge could be to incorporate extensive educational content within the configurator. This could include comparison tools, detailed explanations of features and options, and high-quality images and videos. By providing clear and comprehensive information, users would be able to make informed decisions confidently. This strategy could ensure that the configurator remains user-friendly and maintains the premium feel of the brand, thereby enhancing overall customer satisfaction despite the streamlined selection process.

User Flow

I mapped multiple user flows to:


  • Visualise the full configuration journey from start to finish.

  • Define the process for returning to a saved configuration.

  • Identify and remove unnecessary steps that caused friction.


This mapping was key to aligning the design team, developers, and stakeholders on the improved journey.

I mapped multiple user flows to:


  • Visualise the full configuration journey from start to finish.


  • Define the process for returning to a saved configuration.


  • Identify and remove unnecessary steps that caused friction.


This mapping was key to aligning the design team, developers, and stakeholders on the improved journey.

Layout Exploration

During the wireframing stage, I explored two layout approaches for displaying model options:


Horizontal layout

  • Places options side-by-side, making use of wider viewports.

  • Allows users to compare key features and pricing at a glance.

  • Works well for showcasing fewer models but can feel cramped or require smaller text/images if the range expands.


Vertical layout

  • Stacks models, creating a clear reading flow and more space for descriptive content.

  • Better suited to mobile and tablet, where scrolling.

  • Allows larger imagery and richer descriptions without reducing legibility.


Following stakeholder reviews and user testing, we opted for the vertical layout. Participants found it easier to scan, and it maintained consistency across devices by avoiding a major layout shift between desktop and mobile. The vertical approach also allowed for larger, more engaging imagery that supported the premium feel of the brand.

During the wireframing stage, I explored two layout approaches for displaying model options:


Horizontal layout

  • Places options side-by-side, making use of wide desktop viewports.


  • Allows users to compare key features and pricing at a glance.


  • Works well for showcasing fewer models but can feel cramped or require smaller text/images if the range expands.


Vertical layout

  • Stacks models, creating a clear reading flow and more space for descriptive content.


  • Better suited to mobile and tablet, where scrolling is more natural.


  • Allows larger imagery and richer descriptions without reducing legibility.


Following stakeholder reviews and user testing, we opted for the vertical layout. Participants found it easier to scan, and it maintained consistency across devices by avoiding a major layout shift between desktop and mobile. The vertical approach also allowed for larger, more engaging imagery that supported the premium feel of the brand.

Features In The Redesign

Features in

the redesign

Price

One key pain point identified by the user research was that the price was only available at the end of the journey. To address this issue, the price has been fully integrated and can now be viewed by the user at any stage of their journey.

Interactive elements

A 3D rendering of the vehicle is now accessible for users to visualise their car. Additionally, users can explore the off-road capabilities of the vehicle by viewing it in various environments and lighting conditions.

Saving a vehicle
Users now have the option to save a vehicle allowing them to return to it at a later stage without the need for a full re-configuration.

User Testing

Once wireframes were developed into an interactive prototype, I conducted a second round of user testing with participants from the initial study.


  • All pain points identified in round one were addressed.

  • Users described the experience as "far smoother".

  • Visibility in price and save feature were positively received.

Once wireframes were developed into an interactive prototype, I conducted a second round of user testing with participants from the initial study.


  • All pain points identified in round one were addressed.


  • Users described the experience as "far smoother".


  • Visibility in price and save feature were positively received.

Evaluation

Since launch, the redesigned configurator has delivered measurable improvements:


  • 24% increase in completed configurations.

  • Average time to complete reduced by 15%.

  • Abandonment rate decreased by 12%.

Since launch, the redesigned configurator has delivered measurable improvements:


  • 24% increase in completed configurations.


  • Average time to complete reduced by 15%.


  • Abandonment rate decreased by 12%.

Home

Home

Home

Next project

Next project

Next project

Smooth Scroll
This will hide itself!