Facing an increasingly competitive landscape, with more and more automotive players offering great online experience, Kia decided to work on improving their Stock Locator experience.
To improve Kia’s stock locator by:
This project had a duration of 3 weeks;
The design team consisted of myself as lead and another designer.
As client stakeholders, we mainly collaborated with the CX Manager at Kia.
Kia's EV9 concept's cockpit
As first step, and counting the short time we had to deliver this project, we focused on doing a benchmark on various important players of the automotive industry, to be able to identify best practices and opportunities. We focused on brands like Porsche, VW, Mercedes, Audi, BMW and Renault.
Part of the extensive benchmark that was done
Initial wireframes were done using FigJam, and using the current components on the site, we created a quick way to visualise, what will be the components and information displayed on the main screens.
One of the first elements we focused on was the results cards, as it was one of the most important components to be designed. We wanted to have more visibility on how the model looks, as many of the results will be pre-owned cards.
Also it's very relevant, which info to display in each of the cards depending is an electric vehicle, a internal combustion engine, a new car, a pre-owned car or if was Kia Flex (leasing).
Electric Vehicle ‧ New Car
Electric Vehicle ‧ Pre-owned
Internal Combustion Engine ‧ Kia Flex (leasing)
Below can be seen the difference between the previous screens and the new ones.
Previous stock locator home
New stock locator home
Here the user would be able to select multiple models and also filter by car type, using the tabs. We provided other relevant data input like location or pricing. Although the user can always click on the CTA "Show X results" to see all the results, then use the filters over there.
Previous results
New results
As required on the objectives, we focused on showing more and better images of the vehicles compared to the current solution. We chose to display the filters only when needed, due to a current max-width constraint of the page.
Also we would like to see, if the user heavily uses the filters or not based on data collected, once the implementation of this project would be done. This will allow us to take a better decission on if the filters should be always displayed or not. Regarding that matter, we have prepared alternative designs where the filter is always available next to the results.
New filters
Previous details
New details
We layed out the info in a different way, to help the user easily find the most relevant one. We keep as a fixed element on the right, pricing, CTAs and dealership info.
New vehicle's images
Although we show multiple views of the vehicle in the results and the details pages, it's important that the customer can see all the available vehicle's images easily. We chose to have it as a scrollable page, instead of a slideshow as we think is a better ux, so no need to click/tap to see all the media. Here we will have all the vehicle's media like images, video and 3D visualizer.
I feel we accomplished a lot for such a small team and for a short period of time of only 3 weeks. Next we will be conducting usability testing, which will give us more insights and help us see if our initial assumptions were right, will be adding those learnings once the interviews are done.
Isaac Vigil © 2023