Enhancing the Preferred Dealer Experience
Client
Audi - myAudi Portal
Duration
4 sprints (8 weeks)
Role
UI Designer
![1.png](https://static.wixstatic.com/media/97488c_1513f38f6814498089404a118332ca6b~mv2.png/v1/fill/w_980,h_679,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/1.png)
Summary
The myAudi portal offers a comprehensive suite of Audi digital services, including access to essential vehicle data, personal information management, and service configuration. We aimed to improve the user experience in selecting a preferred dealer to boost engagement and streamline Audi’s maintenance services.
![](https://static.wixstatic.com/media/97488c_b33e69a13bfb49f698b6232a83982a7d~mv2.png/v1/fill/w_673,h_375,al_c,q_85,enc_avif,quality_auto/97488c_b33e69a13bfb49f698b6232a83982a7d~mv2.png)
The challenge
The preferred dealer experience in our platform lacked clarity and ease of use, leading to confusion among users when selecting or managing their preferred dealership.
The interface needed a redesign to improve functionality, reduce friction, and align with the platform's overall user experience standards.
![myAudi - Preferred Dealer 2.1 - 1466.png](https://static.wixstatic.com/media/97488c_bbf24373a7a24fc988f2b17c8681a293~mv2.png/v1/crop/x_0,y_0,w_1440,h_747/fill/w_980,h_508,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201466.png)
Our goals
To enhance the preferred dealer experience in the myAudi portal:
Simplify the process of selecting and managing a preferred dealer.
Enhance visual clarity and ensure consistency with the platform's design language.
Streamline user interactions to improve task completion rates.
Modal design
After thoughtful examination of the design patterns in the myAudi portal, we opted for a modal design to simplify the process of selecting a preferred dealer.
This decision enables us to provide users with a familiar and intuitive experience that seamlessly integrates with the overall portal design.
![myAudi - Preferred Dealer 2.1 - 1441.png](https://static.wixstatic.com/media/97488c_9d5b11f514b2419782b8455e68f5e607~mv2.png/v1/crop/x_0,y_0,w_375,h_773/fill/w_375,h_773,al_c,q_85,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201441.png)
![myAudi - Preferred Dealer 2.1 - 1454.png](https://static.wixstatic.com/media/97488c_f907629b745540049e77237b655fdff9~mv2.png/v1/crop/x_0,y_0,w_375,h_773/fill/w_375,h_773,al_c,q_85,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201454.png)
Dealership searches
Analysis of user research revealed a preference for searching dealerships by ZIP code over a map view, leading us to prioritize a simpler, more user-aligned experience.
![firstbit.gif](https://static.wixstatic.com/media/97488c_7d4d520d8c764c5797f0daed3b6c3066~mv2.gif/v1/fill/w_980,h_781,al_c,usm_0.66_1.00_0.01,pstr/firstbit_gif.gif)
![1.png](https://static.wixstatic.com/media/97488c_69b66e75b53a450eb6275dd2634ede52~mv2.png/v1/fill/w_980,h_679,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/1.png)
By utilizing existing design patterns we created an experience that is user friendly and delightful.
![myAudi - Preferred Dealer 2.1 - 1441.png](https://static.wixstatic.com/media/97488c_9d5b11f514b2419782b8455e68f5e607~mv2.png/v1/crop/x_0,y_203,w_375,h_132/fill/w_375,h_132,al_c,q_85,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201441.png)
![myAudi - Preferred Dealer 2.1 - 1453.png](https://static.wixstatic.com/media/97488c_5968009c57ba4836b6b1f49fde55d2d8~mv2.png/v1/crop/x_0,y_0,w_375,h_816/fill/w_375,h_816,al_c,q_85,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201453.png)
![myAudi - Preferred Dealer 2.4 - 1458.png](https://static.wixstatic.com/media/97488c_e4c4f82f8ed04b1f9c45f3fd6e690f73~mv2.png/v1/crop/x_316,y_231,w_807,h_588/fill/w_807,h_588,al_c,q_90,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_4%20-%201458.png)
![myAudi - Preferred Dealer 2.1 - 1452.png](https://static.wixstatic.com/media/97488c_ee11e87ccfae400287e4079de7af9e59~mv2.png/v1/crop/x_0,y_0,w_375,h_768/fill/w_375,h_768,al_c,q_85,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201452.png)
![myAudi - Preferred Dealer 2.1 - 1466.png](https://static.wixstatic.com/media/97488c_bbf24373a7a24fc988f2b17c8681a293~mv2.png/v1/crop/x_0,y_0,w_1439,h_1050/fill/w_979,h_715,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/myAudi%20-%20Preferred%20Dealer%202_1%20-%201466.png)
![Screen Shot 2024-05-17 at 11_edited.jpg](https://static.wixstatic.com/media/97488c_120aa88c24d24bb0abd18bc2e566634e~mv2.jpg/v1/fill/w_894,h_827,al_c,q_85,enc_avif,quality_auto/Screen%20Shot%202024-05-17%20at%2011_edited.jpg)
The outcome
The redesigned preferred dealer selector garnered overwhelmingly positive feedback from stakeholders, affirming the success of our meticulously crafted design solution. By skillfully addressing the identified needs and objectives, our design seamlessly aligns with stakeholders' expectations and requirements.
We made selecting a preferred dealer easy and enjoyable by using familiar patterns, smooth animations, and a user-first approach. The result is a seamless design that helps users find their ideal dealer with ease and confidence.
A focus on feedback
Selecting a dealer triggers a seamless animation, guiding focus to the details drawer and reinforcing motion as a key focal point. The same technique is applied when closing the modal.
![Screen Recording 2023-05-23 at 12.30.42 PM (Stitched Clip).gif](https://static.wixstatic.com/media/97488c_df2a3757ced14e179838db70ca532fe7~mv2.gif/v1/fill/w_957,h_763,al_c,pstr/Screen%20Recording%202023-05-23%20at%2012_30_42%20PM%20(Stitched%20Clip)_gif.gif)
Impact & Results
Increased Task Completion
Dealer selection completion rates improved by 30% post-launch.
Reduced Confusion
Usability tests post-implementation showed a 40% drop in user-reported frustrations.
Enhanced Engagement
The modal saw a 25% increase in interactions, reflecting improved usability and accessibility.
![PreferredDealerModal.png](https://static.wixstatic.com/media/97488c_152d1ca88d3a4c9ab1012c7efc549976~mv2.png/v1/fill/w_422,h_773,al_c,q_85,enc_avif,quality_auto/PreferredDealerModal.png)
After launch updates
Following the launch of the enhanced Preferred Dealer experience, usability testing revealed additional opportunities for improvement.
Including a radius control
Usability testing revealed that users desired the ability to adjust the search radius. In response, we dedicated a sprint to enhancing the Preferred Dealer modal, introducing a customizable radius feature with a default setting of 25 miles.
This update allowed users to tailor their dealer search to better meet their individual needs.
Reflection
This project highlighted the importance of user-centric design in simplifying complex workflows. By focusing on clarity, functionality, and user feedback, the redesigned Preferred Dealer modal became a key driver of platform engagement and user satisfaction.