top of page

Preferred Dealer

Client

Audi - myAudi Portal

Duration

4 sprints (8 weeks)

Role

UI Designer

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.

The challenge

Our challenge was enhancing the user experience for selecting, updating, or removing a preferred dealer directly from the overview page of the myAudi portal.

myAudi - Preferred Dealer 2.1 - 1466.png

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
myAudi - Preferred Dealer 2.1 - 1454.png

Dealership searches

After analyzing the research data we gathered from our users, we discovered something interesting: most users actually prefer using their ZIP code to find nearby dealerships instead of using a map view. This valuable insight guided our decision to focus on creating a more straightforward and user-friendly experience that aligns with their preferences.

firstbit.gif
1.png
By utilizing existing design patterns we created an experience that is user friendly and delightful.
myAudi - Preferred Dealer 2.1 - 1441.png
myAudi - Preferred Dealer 2.1 - 1453.png
myAudi - Preferred Dealer 2.4 - 1458.png
myAudi - Preferred Dealer 2.1 - 1452.png
myAudi - Preferred Dealer 2.1 - 1466.png
Screen Shot 2024-05-17 at 11_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

Upon selecting a dealer, we employ a seamless animation technique to effectively draw attention to the details drawer, utilizing motion as a focal point. Furthermore, we replicate this approach when concluding the modal after the dealership has been chosen.

Screen Recording 2023-05-23 at 12.30.42 PM (Stitched Clip).gif

myAudi Maintenance Schedule

UI designs of BIMMs press release & our work pages

Frame 6_edited_edited_edited_edited.jpg
bottom of page