![mockuuups-man-shopping-on-his-grey-macbook-mockup.jpeg](https://static.wixstatic.com/media/ddfc80_629a2b4a54f94eaf9f98e7cdc601f761~mv2.jpeg/v1/crop/x_734,y_2111,w_3741,h_2728/fill/w_734,h_535,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/mockuuups-man-shopping-on-his-grey-macbook-mockup.jpeg)
Car Turnaround Time Feature
Streamline and Optimize Car Management with dealership buffer.
By leveraging operational data, collaborating with cross-functional teams, and overcoming various challenges, I have developed a groundbreaking solution that simplifies car management and ensures stability. Throughout the process, I tackled challenges such as accommodating different business models in diverse scenarios, dealing with a lack of data and information from dealerships, and seamlessly integrating into existing designs. The result is an innovative solution that delivers increased cost recovery, time-saving benefits, and improved vehicle utilization, transforming fleet operations with Dealerware.
My Role
As a product designer at Dealerware, I spearheaded the design of the turnaround time feature, catering to the needs of over 1000 Dealership partners. My role involved iterative design to ensure an optimal solution.
Impact
-
80% User Satisfaction: Time Selector Redesign and Easy Pathway Location
-
Developed a design system
What I did?
-
UI/UX
-
Onsite Interview
-
Online Interview
-
Data Applied
-
Wireframe & Prototype
-
Cross-functional team cooperation
Time
02/2023- 04/2023
Tools
Figma
FigJam
Zoom
![dealerware-logo-horizontal-rgb-black_2x.png](https://static.wixstatic.com/media/ddfc80_8de3545d231f433294e90a8837395ab1~mv2.png/v1/fill/w_52,h_10,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/dealerware-logo-horizontal-rgb-black_2x.png)
Dealerware is a software platform for automotive dealerships to manage loaner vehicle fleets efficiently. It automates processes like vehicle check-in/out, contracts, billing, and provides real-time tracking and reporting. It helps dealerships optimize fleet utilization, enhance customer experience, and improve operational efficiency.
Problem
Challenges Faced by Dealerships:
Scheduling Reservations Without Buffer Time and its Impact on Car Management Reducing Contract Turnaround Time for Better Management
Right now, dealership let people make reservations right after each other. For example, if one reservation ends at 12:00pm on February 2nd, another one can be scheduled for 1pm .Once customers start making their own reservations, we need to add some time between them. This is because cars may be returned late or at unpredictable times, they need to be cleaned and refueled, and electric cars might take longer to charge depending on the dealership's charging system.
The Solution
Simplifying Setup and Real-Time Time Management for Enhanced Customer Service.
01 | Standardized Setup for Single Site
-
Consistency | Standardizing the setup process for a single site ensures a consistent configuration across all aspects of the operation.
-
Ease of management | With a standardized setup, managing the operations of a single site becomes more straightforward.
-
Training and support | A standardized setup enable more efficient training and support for dealership staff.
02 | Customizable Time Settings for Individual Vehicles
-
Flexibility | Offering customizable time settings for individual vehicles allows dealerships to adapt to customer needs and preferences.
-
Real-time adjustments | By enabling real-time adjustments to the time settings for individual vehicles, dealerships can respond to changing circumstances promptly.
-
Efficient resource allocation | Customizable time settings empower dealerships to optimize resource allocation.
The Challenge
What problem did I try to solve at the beginning
![](https://static.wixstatic.com/media/ddfc80_2000698da05842748ca9a404f1a9ed9d~mv2.png/v1/fill/w_65,h_65,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/ddfc80_2000698da05842748ca9a404f1a9ed9d~mv2.png)
Diverse Business Models
![Group 968.png](https://static.wixstatic.com/media/ddfc80_5a09a3301a984be4bf070db3f365c94b~mv2.png/v1/fill/w_65,h_65,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20968.png)
Limited Data Availability
![Group 970.png](https://static.wixstatic.com/media/ddfc80_94b8d954f7ad4f679fc3c75d006babcf~mv2.png/v1/fill/w_65,h_65,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20970.png)
Seamless Integration
-
Diverse Business Models: Addressing the challenge of different dealership scenarios, including loaner services, rental services, or both, by tailoring the design solution to meet their specific needs.
-
Limited Data Availability: Overcoming the obstacle of a lack of data and information from dealerships by utilizing alternative research methods, conducting interviews and workshops, and collaborating closely with stakeholders to gather essential insights.
-
Seamless Integration: Successfully integrating the new solution into the existing design by careful planning, collaboration with development teams, and iterative design iterations to ensure a smooth transition and a consistent user experience.
My Process
![Group 971.png](https://static.wixstatic.com/media/ddfc80_fdb8b37919064f9a97c72b15f62d7e84~mv2.png/v1/fill/w_110,h_110,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20971.png)
1.Data inspection and
user research
![Group 973.png](https://static.wixstatic.com/media/ddfc80_3fb09d7ee4ea43559b237872304eb0b4~mv2.png/v1/fill/w_110,h_110,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20973.png)
2.Design
![Group 974.png](https://static.wixstatic.com/media/ddfc80_2bbd6c651ff7479e9445c1831f9a96ea~mv2.png/v1/fill/w_110,h_110,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20974.png)
3.User Testing & Iteration
Data Inspection
Unveiling Operational Gaps and Customer Perspectives: A Closer Look at Car Dealerships
![Group 976.png](https://static.wixstatic.com/media/ddfc80_112e544d973e44108731d71dc3203be9~mv2.png/v1/fill/w_71,h_33,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%20976.png)
User Research
Operational Methods Influence Time Duration: Impact Extends to Login Pages as Well
In order to identify user usage details and frequency, I have decided to adopt the following research methods.
![2023-05-25.jpeg](https://static.wixstatic.com/media/ddfc80_4b5e6b34b85e45e4a9d8ea080ee1ac23~mv2.jpeg/v1/fill/w_99,h_48,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2023-05-25.jpeg)
-
Onsite Observation (Austin Jaguar)
-
Internal Second-hand Info Review
-
Competitor Analysis
-
User Interview
User Interview
Flexibility as the Key Metric: Enhancing Car Delivery with Customer Choice
The users sharing their current situation and requirements, along with the flexibility and time-saving settings, will greatly assist them.
![Group 999.png](https://static.wixstatic.com/media/ddfc80_6ff16a7aa5c7407aa0229a724bf22239~mv2.png/v1/fill/w_116,h_139,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%20999.png)
Current Product Analysis
Comparing Key Pages for Optimal Pathway: Pros and Cons
Based on user interviews conducted both internally and externally, I have identified the top three most frequently used and configured pages. Now, I am researching which of these pages would be the most suitable as a pathway.
![Group 979.png](https://static.wixstatic.com/media/ddfc80_f6e34e1ce0994fbca3dddc603248a0fd~mv2.png/v1/fill/w_109,h_109,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20979.png)
Location Page
A page for making unified settings specifically for a single storefront.
Pros
Global Setting
Cons
Uncertainty about user's familiarity with page name
![Group 977.png](https://static.wixstatic.com/media/ddfc80_9ad74623af744e38b46daadce315938e~mv2.png/v1/fill/w_109,h_109,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20977.png)
Vehicle Page
A dashboard where you can view the status of individual vehicles in inventory and make configurations for each vehicle.
Pros
customized by needs
Cons
Time Cost
![Group 978.png](https://static.wixstatic.com/media/ddfc80_e17cf7ee46f549b7b28ee381a861a84d~mv2.png/v1/fill/w_109,h_109,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20978.png)
Vehicle Group Page
A page where you can configure settings for a fleet of vehicles, such as a rental cars fleet.
Pros
Easy to change by group
Cons
Overlap with Location page
Final Decision
Prioritizing MVP Approach: Enhancing Reservation Experience with Time Selector
We have decided to prioritize the development of the Minimum Viable Product (MVP) approach for the Location page and Vehicle page, with a specific focus on the time selector as the key component. The time selector is vital as it allows customers to easily choose their desired reservation times. By prioritizing this functionality, we ensure a seamless and user-friendly reservation experience. Gathering user feedback early on will help us improve the time selector's usability and effectiveness. This decision allows us to deliver a functional and intuitive core feature while maintaining the flexibility to enhance the system based on user input.
The final decision is to start with the MVP on the Location page and Vehicle page.
![Group 979.png](https://static.wixstatic.com/media/ddfc80_f6e34e1ce0994fbca3dddc603248a0fd~mv2.png/v1/fill/w_109,h_109,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20979.png)
Location Page
Implementing Unified Time Settings for the Entire Dealership
![Group 977.png](https://static.wixstatic.com/media/ddfc80_9ad74623af744e38b46daadce315938e~mv2.png/v1/fill/w_109,h_109,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20977.png)
Vehicle Page
Individual Vehicle Time Configuration
Design
Time Selector | Enhancing Flexibility: Intuitive Time Selector for Customizable Buffer Durations
In the market, there are various options for time selectors, including input fields, dropdown lists, and a combination of both. Additionally, defining the specific numbers within the time selector can be a challenging task. To address these challenges, I conducted user testing to gather feedback and insights from users, which helped me define the specific numbers to be included. Ultimately, I decided that a dropdown list is the most suitable approach for the time selector.
![Group 981.png](https://static.wixstatic.com/media/ddfc80_38d2138a60c94a8fbf10521df6168d2e~mv2.png/v1/fill/w_72,h_24,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%20981.png)
![Group 1003.png](https://static.wixstatic.com/media/ddfc80_326681eb9a9f46c58ac4566ebacb231d~mv2.png/v1/fill/w_79,h_48,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201003.png)
Wireframe
Wireframes are essential for effective communication between project managers and developers. I visualize ideas, ensure clarity and consistency, identify requirements and gaps, enable efficient iteration, and save time and costs.
![Wireframe](https://static.wixstatic.com/media/ddfc80_f2b200c8944046ae8091ff149a702158~mv2.png/v1/crop/x_0,y_569,w_1354,h_479/fill/w_45,h_16,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/%E6%88%AA%E5%9C%96%202023-06-05%20%E4%B8%8B%E5%8D%886_51_16.png)
Hi-Fi
Location Page
![Group 1004.png](https://static.wixstatic.com/media/ddfc80_830d6442c5bd4fdc8560c1e4650b1be8~mv2.png/v1/fill/w_89,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201004.png)
Vehicle Page
![Group 1005.png](https://static.wixstatic.com/media/ddfc80_7dc399a1ff4642599ddc4d72f0f07d8f~mv2.png/v1/fill/w_84,h_49,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201005.png)
![Group 1006.png](https://static.wixstatic.com/media/ddfc80_b472b8c549f948d998609eaffc34e275~mv2.png/v1/fill/w_84,h_48,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201006.png)
![Group 1008.png](https://static.wixstatic.com/media/ddfc80_6bfdfcb9c1944a7a93816cd246cf781e~mv2.png/v1/fill/w_84,h_49,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201008.png)
What I learned
Simplicity over Complexity: Embracing the Power of Minimalistic Designs
First Version - Complexity
Simplicity in design and mechanism can often be more effective. While functional and intelligent computing has its advantages, overly complex systems can increase user learning curves and introduce potential errors. Simple designs offer easier understanding, reduced confusion, faster execution, and increased efficiency. Balancing functionality and complexity is important, and sometimes, the simplest design is the most reliable choice for meeting user expectations and needs.
The initial design of tooltips was implemented to address potential difficulties faced by users in selecting numbers and distinguishing between minutes and hours. The tooltips were added to mitigate cognitive obstacles.
![Group 1012.png](https://static.wixstatic.com/media/ddfc80_f63eee6c64c542f1b2fe35d359468f20~mv2.png/v1/fill/w_115,h_70,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201012.png)
![Group 1011.png](https://static.wixstatic.com/media/ddfc80_7d4f1c3419c3415da052a8e44bac58e4~mv2.png/v1/fill/w_60,h_9,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201011.png)
Design System for Tooltips
I proposed the design of tooltips because the design system did not have updated tooltip components. Therefore, I also assisted in creating new tooltip components in the design system.
![Group 1009.png](https://static.wixstatic.com/media/ddfc80_97ca1e350b57464baaf7d1adce7131d9~mv2.png/v1/fill/w_49,h_44,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201009.png)
User Testing
Simplifying Configuration and Optimizing Loading Time
80% of users are satisfied with the final design of the time selector and find the new pathway easy to locate.
![Group 981.png](https://static.wixstatic.com/media/ddfc80_1926352ae69b45b2bb6bd8e455ed0f95~mv2.png/v1/fill/w_167,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20981.png)
5
Dealerships
![Group 980.png](https://static.wixstatic.com/media/ddfc80_bf9931cc234f439a98545d9acaf0aa7c~mv2.png/v1/fill/w_167,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_auto/Group%20980.png)
4
Internal Stakeholders
![Screen Shot 2023-03-23 at 10.07.50 AM.png](https://static.wixstatic.com/media/ddfc80_b147466c746343a88266736d3e1a4d5a~mv2.png/v1/fill/w_60,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Screen%20Shot%202023-03-23%20at%2010_07_50%20AM.png)
Iteration
1.The significance of habit pathways and button usage frequency
Before: With the low-frequency usage and inconvenience of updating a single-car model
After: Aim to improve usability by providing management personnel with easy access to the update functionality without the need for extensive navigation. Additionally, it considers the variable nature of the turnaround time for the single car, allowing for more efficient updates based on specific circumstances.
![Group 1012.png](https://static.wixstatic.com/media/ddfc80_9b8d97ce594945ebb9aea7c2ff798819~mv2.png/v1/fill/w_51,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201012.png)
Iteration
2.Simplifying choices for time-saving results: Embracing the efficiency of compact lists
Before: This input can result in difficulties in accurately managing numerical inputs, leading to management challenges. Moreover, combining the input of hours and minutes in the same field can cause immediate confusion for users trying to determine the time.
After: A dropdown list offers users the convenience of selecting a specific time directly. The consistency of numerical inputs also aids in internal management and communication. Additionally, while hours and minutes are separated into two fields, the minutes can be set at intervals of only 0 and 30, which efficiently assists users in making their desired settings.
![Group 1014.png](https://static.wixstatic.com/media/ddfc80_6767692a086d4f6ea6b3ac978ded7371~mv2.png/v1/fill/w_54,h_12,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201014.png)
Iteration
3.Simplifying method for Improved Efficiency and Faster Loading
Before: The initial card design, intended to facilitate efficiency by automatically calculating the total time required in various scenarios, inadvertently led to redundant API requests and increased time consumption. Moreover, the overwhelming complexity of information presented on the card placed a burden on user memory.
After: Aligning with the existing design system, and incorporating a simple dropdown list to empower users with the freedom to choose their desired time.
![Group 1016.png](https://static.wixstatic.com/media/ddfc80_85dfb5eeea8d4faa946fb12de7d2b79f~mv2.png/v1/fill/w_74,h_53,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Group%201016.png)
Takeaway
Top-Down Approach
-
Reflecting on the challenges faced during dealership research, I realized the potential efficiency in studying the entire business model of larger automotive groups. Taking a top-down approach could provide valuable insights into dealership workflows and help optimize operations more effectively.
Prioritizing Efficiency
-
highlight the importance of effective prioritization, such as starting with an MVP, leveraging the 80/20 rule, targeting high-impact users, and collecting data to enhance use case coverage. Additionally, I discovered that launching an MVP not only enables data collection but also helps overcome user resistance by allowing them to experience the benefits of the tool firsthand. This approach fosters user familiarity and gradually builds trust in the value of the solution.
Collaborative Synergy
-
Collaborating with other teams was crucial in gaining valuable input and feedback, greatly enhancing goal achievement. Timely feedback from developers enabled prompt modifications to the card design, improving page usability and efficiency. This collaborative approach ensured a design that met user needs and aligned with technical requirements, optimizing the overall user experience.