top of page

CAR BUYING 

WEBSITE

UX OPTIMISATION 

with YesAuto

GOAL
To design a frictionless process.
MY ROLE
UX/UI Designer
TOOLS
850px-Sketch_Logo.svg.png
Axure.png
AI
PS
For graphic design and prototyping
A project optimising user experience on the YesAuto website. The launch of  YesAuto is exciting news for the car-buying market in the UK, and they are determined to provide the best experience when buying a car.

Research

As a team, we have spoken to the customers and stakeholders to put together a customer journey map to understand the goals and pain points for end-users and the business:

Screenshot 2022-04-24 at 2.17.41 pm.png

Personas

We have also come up with 5 personas, the 3 most common car buyers are below:

Screenshot 2022-04-24 at 2.32.19 pm.png
Screenshot 2022-04-24 at 2.31.43 pm.png
Screenshot 2022-04-24 at 2.32.10 pm.png
H

The Problem

We then launched the product page based on the research, attempting to solve the pain points we found in prior stages. The car information display was a success: It seems like the users can read the key feature at a glance.  But soon realised the lead conversion to car dealers from the car details page was lower than expected. After discussing it with the product manager, I suggested investigating how users behave when trying to contact the dealers.

Man Using a Tablet

We then realised that most users got stuck at the last step: they are confused about how to contact the car dealers because they are "not sure where to click" or the website is "asking too much information to send enquiry".

Desktop HD 0.png
OLD_edited.jpg
Before

Too much information when the users try to contact the vendors, they give up at the last minute.

The Solution

My hypothesis to be tested is that:

 

  • A clear CTA for ‘Call dealer’ and ‘Email dealer’ will drive more leads.

  • Eliminating some of the clutter will minimise cognitive load.

Therefore I designed a prototype that provides the user with fewer options, so they can make decisions faster and convert better for YesAuto.

Yesauto after.png
NEW_edited.jpg
Screenshot 2022-05-18 at 10.40.23 am.png
NEW_edited.jpg
After

Remove unrelated fields and enlarge the call-to-acton to make the decision-making process quicker.

Yesauto after.png
NEW_edited.jpg
Screenshot 2022-05-18 at 10.40.23 am.png
NEW_edited.jpg
Artboard.png
Artboard.png
Artboard.png

Reduce the information regarding the dealer's location. Address and direction options are quite enough to inform the user.

Reduce the dealer's contact information. It was showing too much text-based information and bore the risk of the user getting confused or skipping the whole section. 

Screenshot 2022-04-24 at 3.07.41 pm.png
Artboard 2.png
Artboard 2.png
IMG_2741_edited.jpg
Artboard 2.png
Artboard 2.png

Cut out distractions to ensure the user is focused and finish the task.

4  Results

The solution has been validated by the research team. It has now been implemented and is live on the site.

bottom of page