Autorola
Digital Showroom (DSR)
Digital Showroom (DSR) from Autorola Solutions is an online platform that specializes in buying, selling, and auctioning cars from fleet owners, allowing users to bid in real-time from anywhere and to view detailed vehicle specifications.
Client
Autorola Solutions
Services
UX/UI Design
Industries
B2B
Date
2023-2024
Problem
The old DSR interface was outdated and unintuitive with no design system. Users struggled with navigation, finding vehicles, and completing purchases, leading to decreased user satisfaction.
Solution
The old DSR interface was outdated and unintuitive with no design system. Users struggled with navigation, finding vehicles, and completing purchases, leading to decreased user satisfaction.
Design Process
• Understand user needs from goals, preferences and expectations when they interact with the DSR. • Create a design strategy based on the different clients, brands and target audience. • User Research. • Wireframes. • Prototypes. • Create an UI Library customized for clients. • Usability testing. • Continuous evaluation and feedback.
Results
• Solutions that effectively address the specific requirements and expectations of all user groups. • Adaptable design that meet the needs of a diverse and international user base. Understand user needs. • Establish a clear and functional structure. • Transform wireframes into real designs. • A complete design system. • Identify and solve navigation issues. • Improve user flows and features.
I conducted the UX Research, starting with a competitive analysis to understand the target audience and collect behavioral data for the design phase.
I conducted the UX Research, starting with a competitive analysis to understand the target audience and collect behavioral data for the design phase.
I conducted the UX Research, starting with a competitive analysis to understand the target audience and collect behavioral data for the design phase.
UX Research
The old DSR interface was outdated and unintuitive with no design system. Users struggled with navigation, finding vehicles, and completing purchases, leading to decreased user satisfaction.
Competitive Analysis 1. User Interface How do they address similar interaction patterns and challenges? Conduct usability testing to understand how users interact with key features. 2. Functionalities Analysis of tools and services they offer. Evaluation of interactive elements such as buying, selling, making offers, forms, and advanced search functions. 3. Value Proposition Compare the perceived value of features and services offered by competitors. Collect information to understand which value propositions resonate most with users. 4. Strengths and Weaknesses Identify usability strengths and weaknesses through competitive benchmarking. 5. Content Analysis According to the needs of users in Europe and Middle East.
User Persona
Create and define User Personas to identify our ideal customer, understand their current behavior patterns, uncover their needs and goals, and address the issues and pain points of the users.
Jonas Becker
Jonas is the fleet manager for a national car rental company. With over 10 years of experience in the industry, John is responsible for acquiring, managing, and maintaining a fleet of more than 500 vehicles. His primary goal is to ensure that the fleet has reliable and modern vehicles that meet customer demand. • Age: 42 • Location: Germany • Occupation: Owner in fleet vehicle company • Marital status: Married • Languages: German and English
Demographic characteristics • Acquisition Efficiency: John needs a quick and efficient purchasing process to keep the fleet updated without long downtime. • Variety and Availability: He wants access to a wide range of vehicles with different specifications. Transparency and Control: He requires clear and detailed information about each vehicle. • Responsive platform: John is looking for an intuitive platform that allows him to search, compare, and purchase vehicles easily in his phone. Frustrations • Confusing Navigation: John finds the current platform difficult to navigate, causing him to waste time searching for specific vehicles. • Lack of Information: Vehicle descriptions are often insufficient or incomplete, leading to uncertainty. • Unclear Processes: Bidding and purchasing processes are complicated and unclear, delaying purchasing decisions.
User Persona
Create and define User Personas to identify our ideal customer, understand their current behavior patterns, uncover their needs and goals, and address the issues and pain points of the users.
Jonas Becker
Jonas is the fleet manager for a national car rental company. With over 10 years of experience in the industry, John is responsible for acquiring, managing, and maintaining a fleet of more than 500 vehicles. His primary goal is to ensure that the fleet has reliable and modern vehicles that meet customer demand. • Age: 42 • Location: Germany • Occupation: Owner in fleet vehicle company • Marital status: Married • Languages: German and English
Demographic characteristics • Acquisition Efficiency: John needs a quick and efficient purchasing process to keep the fleet updated without long downtime. • Variety and Availability: He wants access to a wide range of vehicles with different specifications. Transparency and Control: He requires clear and detailed information about each vehicle. • Responsive platform: John is looking for an intuitive platform that allows him to search, compare, and purchase vehicles easily in his phone. Frustrations • Confusing Navigation: John finds the current platform difficult to navigate, causing him to waste time searching for specific vehicles. • Lack of Information: Vehicle descriptions are often insufficient or incomplete, leading to uncertainty. • Unclear Processes: Bidding and purchasing processes are complicated and unclear, delaying purchasing decisions.
User Flow
I developed visual guides for a detailed step-by-step process that users follow to achieve specific tasks on the platform.
Wireframes
After identifying each part of the product and based on the information structure, I developed three types of wireframes to ensure that the user flow works logically: • Low-fidelity: focuses on the page structure. • Mid-fidelity: checks all the components. • High-fidelity: close to the final design system.
Design
With the information collected and the wireframes analyzed, I began the design phase starting from a non-user-friendly interface with no mobile responsiveness, resulting in a adaptable, modern and user-friendly design. This design enhances usability across multiple devices, creating a new experience for all users.
UI Library
Designing a new UI library with a complete system of buttons, icons, modals, alerts and styles for the platform, along with new CTAs and badges that could be customizable by users.
Dark Mode is more than just a visual trend, it's a strategic choice that enhances readability, reduces visual fatigue, and provides a visually appealing experience to the users.
Dark Mode
From ideation to implementation, progressing through the design journey, I developed the Dark Mode for a second iteration.
Conclusions
Designing the Digital Showroom has demonstrated Autorola's dedication to enhancing user experience. For me, being part of the development of this platform has been an enriching experience, reinforcing my passion for creating impactful digital products. I am grateful for the opportunity to lead this design project and look forward to seeing its success.
User Flow
I developed visual guides for a detailed step-by-step process that users follow to achieve specific tasks on the platform.
Design
With the information collected and the wireframes analyzed, I began the design phase starting from a non-user-friendly interface with no mobile responsiveness, resulting in a adaptable, modern and user-friendly design. This design enhances usability across multiple devices, creating a new experience for all users.
UI Library
Designing a new UI library with a complete system of buttons, icons, modals, alerts and styles for the platform, along with new CTAs and badges that could be customizable by users.
Dark Mode is more than just a visual trend, it's a strategic choice that enhances readability, reduces visual fatigue, and provides a visually appealing experience to the users.
Dark Mode is more than just a visual trend, it's a strategic choice that enhances readability, reduces visual fatigue, and provides a visually appealing experience to the users.
Dark Mode
From ideation to implementation, progressing through the design journey, I developed the Dark Mode for a second iteration.
Conclusions
Designing the Digital Showroom has demonstrated Autorola's dedication to enhancing user experience. For me, being part of the development of this platform has been an enriching experience, reinforcing my passion for creating impactful digital products. I am grateful for the opportunity to lead this design project and look forward to seeing its success.
Problem
The old DSR interface was outdated and unintuitive with no design system. Users struggled with navigation, finding vehicles, and completing purchases, leading to decreased user satisfaction.
Solution
Developed a strategy based on user-centered design. Enhanced navigation, customizable options, and streamlined purchasing processes improved the overall UX with a new design system.
User Flow
I developed visual guides for a detailed step-by-step process that users follow to achieve specific tasks on the platform.
UI Library
Designing a new UI library with a complete system of buttons, icons, modals, alerts and styles for the platform, along with new CTAs and badges that could be customizable by users.
Dark Mode is more than just a visual trend, it's a strategic choice that enhances readability, reduces visual fatigue, and provides a visually appealing experience to the users.
Dark Mode
From ideation to implementation, progressing through the design journey, I developed the Dark Mode for a second iteration.
Conclusions
Designing the Digital Showroom has demonstrated Autorola's dedication to enhancing user experience. For me, being part of the development of this platform has been an enriching experience, reinforcing my passion for creating impactful digital products. I am grateful for the opportunity to lead this design project and look forward to seeing its success.
Wireframes
After identifying each part of the product and based on the information structure, I developed three types of wireframes to ensure that the user flow works logically: • Low-fidelity: focuses on the page structure. • Mid-fidelity: checks all the components. • High-fidelity: close to the final design system.
Wireframes
After identifying each part of the product and based on the information structure, I developed three types of wireframes to ensure that the user flow works logically: • Low-fidelity: focuses on the page structure. • Mid-fidelity: checks all the components. • High-fidelity: close to the final design system.
UX Research
The old DSR interface was outdated and unintuitive with no design system. Users struggled with navigation, finding vehicles, and completing purchases, leading to decreased user satisfaction.
Competitive Analysis 1. User Interface How do they address similar interaction patterns and challenges? Conduct usability testing to understand how users interact with key features. 2. Functionalities Analysis of tools and services they offer. Evaluation of interactive elements such as buying, selling, making offers, forms, and advanced search functions. 3. Value Proposition Compare the perceived value of features and services offered by competitors. Collect information to understand which value propositions resonate most with users. 4. Strengths and Weaknesses Identify usability strengths and weaknesses through competitive benchmarking. 5. Content Analysis According to the needs of users in Europe and Middle East.
UX Research
The old DSR interface was outdated and unintuitive with no design system. Users struggled with navigation, finding vehicles, and completing purchases, leading to decreased user satisfaction.
Competitive Analysis 1. User Interface How do they address similar interaction patterns and challenges? Conduct usability testing to understand how users interact with key features. 2. Functionalities Analysis of tools and services they offer. Evaluation of interactive elements such as buying, selling, making offers, forms, and advanced search functions. 3. Value Proposition Compare the perceived value of features and services offered by competitors. Collect information to understand which value propositions resonate most with users. 4. Strengths and Weaknesses Identify usability strengths and weaknesses through competitive benchmarking. 5. Content Analysis According to the needs of users in Europe and Middle East.
User Persona
Create and define User Personas to identify our ideal customer, understand their current behavior patterns, uncover their needs and goals, and address the issues and pain points of the users.