Mrunal's Portfolio

Back Home

Revamping Car Seller's Experience: New Product Launch in Latin America

UX DESIGN | RESEARCH | PROTOTYPING

Team

2 Designer

Collaboration with the product analytics, tech, business, marketing, operations teams.

My Role

I led the project's design efforts, crafting the user experience and collaborating with various teams to successfully ship it.

Skills and Tools

UX Design, UI Design, Illustration, Prototyping

Figma, Miro

SUMMARY

What was the goal of the Design Revamp?

Transforming the current web-based car selling process into an application experience for our new launch in Mexico and Chile.
Providing a seamless, end-to-end car selling experience with a new design system to maximize platform sales.

Final Designs

Result

Revamped Car Seller's Experience Launched in Mexico and Chile!

Delivered a seamless, end-to-end car selling experience with a new design system to maximize platform sales. This enhanced experience was launched in September 2022 and continues to evolve, ensuring we meet the growing needs of our users.

There's more..

Detailed case study on desktop view for now!

GOAL

Transforming the current web-based car selling process into a seamless, end-to-end application experience with a new design system for the app launch in Mexico and Chile.

Old Designs

Initially, the car selling process for Mexico and Chile was exclusively available on the web. The challenge was to create a new app experience. Here are some screenshots of the old designs:

Car Seller's User Journey

Let's examine the existing flow to dig deeper and identify areas for improvement.

Seller comes to OLX

Approximate quote provided

Final price offered

Books a car inspection

Seller fills all the car details: Self Evaluation

User can choose to self evaluate or book a inspection

RESEARCH

What needs to be improved in the existing Car Selling flow?

To determine areas for improvement, we conducted user research, performed a design critique, and carried out market benchmarking.

The flow seems to be very long and has a lot of questions

I do not know where to find the required information about my car

Can I complete the process is parts?

I don’t know how much is left for me to answer

Insights from User Interviews

Insights from Design Critique

More visibility on next steps would be helpful

Use design patterns to keep user engaged

Visual design upgrade incorporating the new design system

FINAL PROBLEM STATEMENT

Revamping the seller's flow to streamline the process, making it quick and easy for users, while ensuring all necessary information is gathered for business purposes.

Key Metrics to achieve from the Re-design:

Effortless Navigation

Streamline paths and elements for effortless exploration and interaction, ensuring smooth user journeys.

Informative and Assistive

Deliver pertinent information and proactive support throughout, aiding users effectively.

Streamline processes for fast navigation and interaction, focusing on user efficiency and satisfaction.

Quick and Easy

Craft engaging experiences that motivate user involvement and deliver satisfying results, ensuring lasting engagement.

Engaging and Rewarding

IDEATION

Approaches for Achieving Desired Experiences

To achieve our design goals, we experimented with several different approaches for each part of the workflow. Throughout this process, we carefully evaluated each option and gathered feedback from the team.

METRIC 1: EFFORTLESS NAVIGATION

In capturing basic details, a top card navigation emerged as the most effective solution, ensuring complete visibility.

The initial stage of the process, "Car Basic Details," comprises a simple form with five straightforward questions.

Various navigation approaches exist to move through the different sections and questions in the Self Evaluation process. Here are some options:

The Self Evaluation process consists of multiple sections and questions designed to gather all necessary information about the car.

Both Sections and Questions Progress Visible

Hidden Sections and Visible Questions Progress

METRIC 2: INFORMATIVE AND ASSISTIVE

Assistance in finding the required information

Details on the criteria determining the car's condition and its influence on the quote

Employing visual cues and aids to facilitate users in providing accurate responses to questions. We explored various methods to offer assistance.

METRIC 3: QUICK AND EASY

The quick tap and collapse interaction speeds up the process and provides visibility on answered questions.

Assisting users in understanding the estimated duration of the process

METRIC 3: ENGAGING AND REWARDING

Rewarding users for small wins

Enhancing user engagement by providing clear guidance on next steps and the eventual outcome.

VISUAL REVAMP

Incorporating a new design system for a fresh new look!

For the product launch, a comprehensive new design system was developed, encompassing fresh iconography, illustrations, and more. We seamlessly integrated this new design system.

FINAL DESIGNS

Let's take a look at the Final Outcome!

A simple one tap form filling flow with tab representing a question on the top. Super easy to go back and edit an answer.

STEP 1: FILLING BASIC CAR DETAILS

A graphical representation of the initial quote to help user's know how the car's condition impacts the quote they might receive after thorough evaluation.

A long questionnaire made easier and faster to finish with the use of interactions, assistance and encouragement.

The intermediate screens were carefully designed for the users to always be able to come back and start from where they left.

STEP 3: COMPLETE THE CAR SELF-EVALUATION

STEP 2: INITIAL QUOTE