I led the project's design efforts, crafting the user experience and collaborating with various teams to successfully ship it.
Figma, Miro
UX Design, UI Design, Illustration, Prototyping
My Role
Collaboration with the product analytics, tech, business, marketing, operations teams.
Skills and Tools
Team
2 Designer
Revamping Car Seller's Experience: New Product Launch in Latin America
UX DESIGN | RESEARCH | PROTOTYPING
Result
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.
Revamped Car Seller's Experience Launched in Mexico and Chile!
Final Designs
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.
SUMMARY
What was the goal of the Design Revamp?
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.
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:
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
Key Metrics to achieve from the Re-design:
Streamline paths and elements for effortless exploration and interaction, ensuring smooth user journeys.
Effortless Navigation
Deliver pertinent information and proactive support throughout, aiding users effectively.
Informative and Assistive
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
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.
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.
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.
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
Car Seller's User Journey
Let's examine the existing flow to dig deeper and identify areas for improvement.
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
The Inspection booking flow is opted by the user if they would rather get it physically inspected instead of a online self-evaluation.
STEP 3: BOOK A STORE OR HOME INSPECTION
Below are a few wins from the product launch:
RESULT
The flow was launched!
We successfully delivered a revamped experience with a new design system and improved visuals as well.
A Successful Revamp!
The collaboration between the developers, designers, PMs and the research team made it a super delightful shipping experience!
Flawless Collaborations!
OR
