The target audience was singles and families aged 20-40 years, with medium or low household income.
The target audience was singles and families aged 20-40 years, with medium or low household income.
Target Audience
Target Audience
We joined this project when the Toyota team had already gathered user research and defined their requirements. One of the objectives was to make search easy and accessible to efficiently convert users into customers.
To address this objective we chose to combine horizontal and left-side navigation, putting the most important features to the left, and less important to the right — based on this research by NN Group. (Web users spend 80% of their time viewing the left half of the page and 20% viewing the right half.)
We then used A/B testing on a small group of users against another option with search on top, and our first option proved to have better results.
I was looking for a budgeting app for myself that meets two main requirements:
1. An ability to see how much I spent in one month compared
to the overall budget.
2. Simple and quick adding of transactions.
However, I wasn't able to find a suitable option. Which led me
to assume that other people might have the same problem.
Design Process
Design Process
We then designed information architecture that aligned with the natural flow of a user journey.
We then designed information architecture that aligned with the natural flow of a user journey.
The visual design had to be easy to understand and informative, but it also had to appeal to our target audience. It also had to be consistent with the Toyota branding and style guide.
The visual design had to be easy to understand and informative, but it also had to appeal to our target audience. It also had to be consistent with the Toyota branding and style guide.
Visual Design
Visual Design
Once the users open the website, they immediately see filters on the left, centered featured core CTAs such as "Buy Used Cars" or "Sell Used Cars" and promotions.
Once the users open the website, they immediately see filters on the left, centered featured core CTAs such as "Buy Used Cars" or "Sell Used Cars" and promotions.
Main Page
Main Page
Simple filters are located on the left-hand side for convenient search amongst thousands of certified vehicles. This side menu stays as a user navigates the site so that the content remains relevant to their preferences.
However, if the user is more experienced, they are able to apply a more detailed filter to their search. They can do so by clicking "Advanced filters" right below the search button. It will open advanced filters (eg. type of car, drive, color) on the right as an overlay, without closing simple filters (eg. price, location, mileage).
Simple filters are located on the left-hand side for convenient search amongst thousands of certified vehicles. This side menu stays as a user navigates the site so that the content remains relevant to their preferences.
However, if the user is more experienced, they are able to apply a more detailed filter to their search. They can do so by clicking "Advanced filters" right below the search button. It will open advanced filters (eg. type of car, drive, color) on the right as an overlay, without closing simple filters (eg. price, location, mileage).
Simple and advanced filters
Simple and advanced filters
Client was very pleased with the resulting conversion rates.
This project was completed in 2016, and it is still published today in it's unchanged form.
Client was very pleased with the resulting conversion rates.
This project was completed in 2016, and it is still published today in it's unchanged form.
Outcome
Outcome
As I was just starting my UX career, it was very important for me to have such a big design team led by a talented art-director.
I learned how to work efficiently, design and test hypotheses and deliver results fast.
As I was just starting my UX career, it was very important for me to have such a big design team led by a talented art-director.
I learned how to work efficiently, design and test hypotheses and deliver results fast.
Personal Takeaway
Personal Takeaway
Toyota Autoselect
Online marketplace enabling car buyers to find their ideal used car from Toyota
and Lexus dealerships across Russia
Toyota Autoselect
Online marketplace enabling car buyers to find their ideal used car from Toyota
and Lexus dealerships across Russia
Product Designer
My Role
Product Designer
My Role
Web & Mobile Experience Redesign
My Responsibilities
Web & Mobile Experience Redesign
My Responsibilities
23,000
Monthly Visits
23,000
Monthly Visits
I was a member of the Greensight team — leading e-commerce development agency in Russia. On this project, I worked as a UX/UI Designer together with a two Senior Designers and an Art-Director.
I was responsible for initial wireframing, user flow and visual design for the filters function, alongside one of the Senior Designers.
I was looking for a budgeting app for myself that meets two main requirements:
1. An ability to see how much I spent in one month compared
to the overall budget.
2. Simple and quick adding of transactions.
However, I wasn't able to find a suitable option. Which led me
to assume that other people might have the same problem.
Team & My Role
Team & My Role