4.UI
Car selection.
Simple selection and with the necessary information of each car to begin its configuration.
Please, do not share this project, if you have this link is because you are interest in my skills and work. All rights are reserved to DDB Barcelona and VW. Many Thanks.
New car configurator.
VW | DDB Barcelona
- Role:
UX/UI designer.
- Team:
Pablo Sánchez (Creative Technology Director)
- Company:
DDB Barcelona
- Project:
New design of the car configurator.
- Year:
2018.
0. Introduction
New UX/UI.
After a year of research and improvements applied to the current Volkswagen configurator, I was given the task of completely redesigning it. I had the advantage of knowing it thoroughly and accessing analytical results where I was able to obtain information such as: user exit points, sections that generated problems, etc. Here is the result of everything learned about the UX / UI configurator.
1. Problem
DDB wanted to offer a better configurator to the VW brand.
We had noticed that the configurator brought many problems to the users, not only with the simple fact of navigating problems but also, we received complaints in the responses of an online chatbot implemented in the web. The configurator ended up being very technical which was only finished by the most expert users on the subject of cars and also, generated navigation problems when applying the packages offered by VW.
2. Approach
Benchmark and conclusions.
After several benchmarking, it was concluded that a more user-friendly configurator should be presented. Competitive brands such as Volvo, Seat, Renault, among others were taken into account. From the benchmark it was obtained that the ideal would be to offer two navigations for both user profiles: experts on cars and novice users.
3. Objective
Achieve a new configurator in less than two weeks.
Achieve a new configurator in less than two weeks to introduce a VW brand. To be able to present a configurator that with sufficient technical information for more experter users and also that is intuitive and easy to navigate for users with little knowledge of cars. Note: having such a short time of realization the configurator was only intended for dekstop resolutions.
4. UI
First mandatory step.
Visualization of an accessible filter and a comparative table of the engines and their specifications to facilitate the user's selection. Each engine includes a promotional pack that must be informed to the user to validate it. This information has been applied visually and intuitively.
4. UI
Improvement.
This section is the most important configurator. The user obtains a suggested configuration to directly jump to the last step and provide the contact form with the dealership. If the user wishes to configure something special about this suggestion, each car feature is easily accessible.
4. UI
Configuration.
The redesign of the configurator has been based on accessibility and the UI giving importance to the images and the car being configured.
The configurator section was designed so that the user can adapt it to the display that he likes best.
4. UI
Visualization and accessibility.
All the time the user is offered the necessary information to be able to finish the configuration without diverting his attention.
All rights are reserved to DDB Barcelona & Volkswagen.es. Many Thanks.