Integrating a Maintenance Schedule into the MyAudi Portal
Client
Audi - myAudi Portal
Duration
3 sprints (6 weeks)
Role
UX/UI Designer
![](https://static.wixstatic.com/media/97488c_068d2504d91c4f52995f6419eda8b11b~mv2.png/v1/fill/w_980,h_732,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ipad.png)
Summary
Users want to confidently understand the required maintenance recommended for their Audi vehicles, and trust the information provided to them. We saw an opportunity within the myAudi portal to provide a maintenance schedule for our user, here’s how we did it:
![](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 opportunity
The myAudi portal offers users a seamless and reliable platform, serving as a single source of accurate information for their Audi vehicle.
During the redesign of the Service Tab, we identified an opportunity to enhance our user experience by introducing an integrated maintenance schedule for their vehicle.
The existing experience involved an external link directing users to a website that did not look trustworthy. It lacked Audi branding and provided a frustrating experience.
![](https://static.wixstatic.com/media/97488c_552fb60bc01e45c7865b09ea3bd0b1b7~mv2.png/v1/fill/w_980,h_656,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/97488c_552fb60bc01e45c7865b09ea3bd0b1b7~mv2.png)
Winning approval
We started a discovery sync with UI & UX to evaluate the functionality of the current experience and explore avenues for improvement.
These insights provided valuable direction on where to focus our efforts to improve the user experience, and expand on the current features.
With these insights we created a high fidelity wireframe prototype to pitch our idea to our product owner and got buy-in to add it to our design roadmap.
![Group 701.png](https://static.wixstatic.com/media/97488c_3c5a1de32a804daa9a3bae86f3f8c108~mv2.png/v1/fill/w_437,h_892,al_c,q_90,enc_avif,quality_auto/Group%20701.png)
![Group 700.png](https://static.wixstatic.com/media/97488c_c17632d7662b4529b55bfa3323852e41~mv2.png/v1/fill/w_437,h_892,al_c,q_90,enc_avif,quality_auto/Group%20700.png)
The challenge
As a comprehensive digital platform for Audi owners, the MyAudi portal lacked an integrated maintenance schedule, leaving users without an easy way to track upcoming service needs.
This gap resulted in decreased user engagement, missed maintenance opportunities, and frustration for owners seeking a seamless experience.
![research.png](https://static.wixstatic.com/media/97488c_ce7513bb55d14c13b033ce663faed6ef~mv2.png/v1/fill/w_980,h_511,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/research.png)
myAudi Portal API
Providing vehicle information
Maintenance Schedule API
Providing maintenance schedule information
Contraints
A significant constraint that shaped our design choices stemmed from how the maintenance package data was organized within the API we employed. Due to our inability to alter the API calls or backend categorization, we had no ability to rename, or change categorization.
The secondary challenge we faced was at the time of this project users did not have access to schedule appointments directly through the myAudi portal.
myAudi user profiles
![Non-Audi Owner - v2.png](https://static.wixstatic.com/media/97488c_01f0f759dbd341779fda41652982f30a~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Non-Audi%20Owner%20-%20v2.png)
![Audi Owner - v3.png](https://static.wixstatic.com/media/97488c_0a25f3e834df4c3e9bdf46f9309c4841~mv2.png/v1/fill/w_980,h_551,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/Audi%20Owner%20-%20v3.png)
Emily Roberts
Demographics:
Age 25-60, married with kids, income $100K-$200K.
Technology Experience:
Low to none. Frequently encounters issues when using websites and apps. Needs more support to access information.
James West
Demographics:
Age 25-60, married with kids, income $100K-$200K.
Technology Experience:
High. Frequently uses advanced techniques to navigate websites and apps. High drive for discoverablity.
Our goals
To design and integrate a maintenance schedule into the MyAudi portal that:
Provides users with a clear, intuitive view of their vehicle’s service needs.
Offers actionable reminders to encourage timely maintenance.
Enhances the overall myAudi portal experience by fostering user trust and convenience.
Problem statements
Users must be able to easily find and understand the required maintenance for their vehicle, as well as when to schedule their appointments.
Users must clearly understand the process for booking a maintenance service appointment.
![2.0 design UX wireframe.png](https://static.wixstatic.com/media/97488c_d10ceb3c3c574255948ea99302586cb3~mv2.png/v1/crop/x_0,y_0,w_1440,h_1694/fill/w_980,h_1153,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/2_0%20design%20UX%20wireframe.png)
![3.6.2 - Service Tab - Maintenance Schedule - Standard Maintenance - Maintenance Tab - 1440](https://static.wixstatic.com/media/97488c_66800bc4d94f40a3b4ddb036d5ea5505~mv2.png/v1/fill/w_980,h_1151,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/3_6_2%20-%20Service%20Tab%20-%20Maintenance%20Schedule%20-%20Standard%20Maintenance%20-%20Maintenance%20Tab%20-%201440.png)
UI design approach
After the UX sprints were completed and approved by the product owner, we transitioned into the UI phase. During the discovery period, I identified areas for improvement in the initial concept designs.
Specifically, I restructured the information to make it more intuitive by replacing the tab navigation for finding the current mileage with a streamlined input field. This adjustment simplified the user flow and addressed usability challenges, ensuring a more efficient experience.
![](https://static.wixstatic.com/media/97488c_068d2504d91c4f52995f6419eda8b11b~mv2.png/v1/crop/x_0,y_0,w_1569,h_1196/fill/w_960,h_732,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/ipad.png)
By maintaining a clean and scannable UI, we ensured that important information was presented without clutter.
![ipad_edited.jpg](https://static.wixstatic.com/media/97488c_de02e6dc9ed7455d9925a66171166ce6~mv2.jpg/v1/crop/x_487,y_0,w_542,h_190/fill/w_759,h_266,al_c,lg_1,q_80,enc_avif,quality_auto/ipad_edited.jpg)
![ipad_edited.jpg](https://static.wixstatic.com/media/97488c_de02e6dc9ed7455d9925a66171166ce6~mv2.jpg/v1/crop/x_0,y_187,w_320,h_482/fill/w_423,h_637,al_c,lg_1,q_80,enc_avif,quality_auto/ipad_edited.jpg)
![Screen Recording 2024-10-16 at 12.24.02](https://static.wixstatic.com/media/97488c_7452b31f6e734059b30fa4790094dd1a~mv2.gif/v1/fill/w_980,h_709,al_c,usm_0.66_1.00_0.01,pstr/Screen%20Recording%202024-10-16%20at%2012_24_02%20.gif)
![](https://static.wixstatic.com/media/97488c_5f74eb87f3a8460ba40a0ceb918aa8ab~mv2.png/v1/crop/x_1,y_0,w_435,h_891/fill/w_435,h_891,al_c,q_90,enc_avif,quality_auto/97488c_5f74eb87f3a8460ba40a0ceb918aa8ab~mv2.png)
![modal.png](https://static.wixstatic.com/media/97488c_ef78b98767114321acb7b345416e5afe~mv2.png/v1/fill/w_980,h_805,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/modal.png)
![Group 2254_edited.jpg](https://static.wixstatic.com/media/97488c_02e509af8a0f487ba9e6913c612bd79d~mv2.jpg/v1/fill/w_980,h_540,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Group%202254_edited.jpg)
![](https://static.wixstatic.com/media/97488c_43b04cf4dc8a48adb6adc7fee428e73e~mv2.png/v1/crop/x_1,y_0,w_436,h_893/fill/w_436,h_893,al_c,q_90,enc_avif,quality_auto/97488c_43b04cf4dc8a48adb6adc7fee428e73e~mv2.png)
![](https://static.wixstatic.com/media/97488c_5f74eb87f3a8460ba40a0ceb918aa8ab~mv2.png/v1/fill/w_437,h_898,al_c,q_90,enc_avif,quality_auto/97488c_5f74eb87f3a8460ba40a0ceb918aa8ab~mv2.png)
The outcome
Following several rounds of iteration, we developed a UI that seamlessly integrates Audi's branding with an engaging user experience.
Addressing user needs, we presented maintenance schedule information in an easily accessible and comprehensible format, thereby enhancing trust and understanding regarding the maintenance of Audi vehicles for users.
Stay tuned for post launch data.
Reflection
This project reinforced the value of bridging user needs with business goals while working within technical constraints. By integrating a user-friendly maintenance schedule, we transformed a critical pain point into an opportunity to enhance customer satisfaction and loyalty.
Design goals
User Adoption Rate
Increase in users actively engaging with the myAudi portal service tab compared to previous engagement.
Task Completion Time
Reduce the average time it takes for users to find their current milage maintenance requirements and then schedule a service.
Error & Drop-off Rate
Reduce the number of errors and incomplete attempts users encounter while using the maintenance scheduling feature.
![3.6.2 - Service Tab - Maintenance Schedule - Standard Maintenance - Maintenance Tab - 1440](https://static.wixstatic.com/media/97488c_66800bc4d94f40a3b4ddb036d5ea5505~mv2.png/v1/fill/w_980,h_1151,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/3_6_2%20-%20Service%20Tab%20-%20Maintenance%20Schedule%20-%20Standard%20Maintenance%20-%20Maintenance%20Tab%20-%201440.png)
Problem solutions
Users must be able to easily find and understand the required maintenance for their vehicle, as well as when to schedule their appointments.
Using a left-aligned input field for users to enter their current mileage, along with a summary of the upcoming service milestones helps users to understand the maintenance services recommended for their vehicle.
Users must clearly understand the process for booking a maintenance service appointment.
Include a summary of vehicle information, such as the vehicle details and VIN, paired with a clear call-to-action guides users to their next step: booking a service appointment with their preferred dealer.