Re-Designing the Mercedes Me app for enhanced UX and on-brand UI

Mercedes provides an excellent user, brand and customer experience. However, the Mercedes Me app didn’t reflect this luxury experience and feel that Mercedes is known for; so we re-designed the app’s UI and enhanced the UX.

Disclaimer: This is a conceptual redesign project and is not affiliated with or endorsed by Mercedes-Benz.

View Prototype

Client

N/A Concept Project

Industry

Automotive

Service

UX/UI Re-Design

Team

1 Designer

Timeline

4 weeks

Goals

Design the UI to reflect the luxury look and feel that Mercedes is known for.
Enhance the user experience with additional features.
Make information easier to digest.

Challenges

Don’t stray too far from the current UX to ensure the re-design still feels familiar.
Make controls quicker for users to access, decreasing customer journey time.

Outcomes

Enhanced the UX by providing the following features: warning alerts, vehicle status, vehicle location, temperature control and solutions to vehicle warnings.
A luxury and on-brand UI which better represents Mercedes, compared to the previous design.

Key Features

Warning Alerts

Users will be alerted of any vehicle issues that need attention. The app will suggest parts to buy or find a local garage, making the solution easy for the user.

Vehicle Status

Users are able to see an overview of vital details about their vehicle, such as: tyre pressure, fluid levels, temperatures and more. This allows users to potentially avoid future problems.

Vehicle Location

Ever forgotten where you’ve parked? We’ve included a vehicle location section within the app, allowing users to find their vehicle via a flash or walking directions.

Home

When the user opens the app, this is the screen they will be presented with. The user can see a quick overview of vital information regarding their vehicle.
Home with Warning Alert

To further improve the experience, we added this warning feature. If the vehicle has any issues, the user will be greeted with this home screen instead; warnings surrounding the vehicle and the warning section in red and becoming a button for users to investigate the issues.
Warnings

Here, the user can see details about the warnings that have been flagged by the app. Solutions, base don the issue, are also offered to the user - making solving the issues much quicker with direct links to purchasing parts and/or booking into a nearby garage.
Vehicle Status - Controls

This screen allows users to control their vehicle, to prepare for a journey, before physically getting into the vehicle. We’ve designed the buttons to dominate the screen and appear blue when activated for ease of use and understanding.
Vehicle Status - Technical

This screen allows users to understand technical details about their vehicle, potentially helping them avoid problems down the line as users can identify them before they arise.
Temperature Preferences

To enhance the user experience, we have included temperature control. Users can set their desired temperature for both the heating and A/C so that the vehicle will automatically activate the exact temperature when the user requires it - saving the user having to manually adjust.
Vehicle Location

Ever forgotten where you’ve parked? This section allows users to view the exact location of their vehicle. The user can also activate the vehicle to flash, making it easier for them to find it in a dark car park. There’s also the option for users to share their vehicle location with their contacts and receive walking directions.
Service

Users can access vital fluid data and be reminded of when their service is due. When service is soon to be due, the app will allow them to book a local Mercedes approved garage.