Mercedes me App

2024
03
Man using his phone beside a silver Mercedes SUV, next to a redesigned dark Mercedes me app dashboard

The initial task was to design several components for a new design system, but I decided to do some research because I believe it is essential to any design process. I realised that many automotive brands are community-driven, and you can gather valuable user insights not just through traditional research methods, but also from content creators and their followers!

‍

I also believe this could be a useful approach for many brands to better communicate their values and show they genuinely care about their users <big-dot>•<big-dot>

‍

UX/UI

Design Thinking

Research

Design System

Link

When I started working on the task, I wanted to explore the Mercedes Me app’s features in more depth, but it had to be connected to a real vehicle. So I decided to do some fundamental research by looking into existing automotive apps in the market, and compare their features.

‍

What is more important, I really wanted to identify the needs of people who use the Mercedes me app and consider their goals in my design. I eventually found myself swiping through a YouTube channel by Nick O'Leary, who is a content creator covering tech focused car reviews, having an active audience of more than 100k subscribers. Nick has done many reviews specifically on Mercedes cars, including his recent experiences with the app.

‍

‍

Nick O'Leary using the current Mercedes me app beside a Mercedes SUV, with the app's vehicle status screen
https://www.youtube.com/@npoleary

‍

Having watched his several videos, I decided to reach out to Nick directly and ask for insights. To my surprise, not only did he share his personal experiences and suggestions, but also agreed to put my questions out to his subscribers.

‍

Just within two days, we have received a ton of feedback under the community post. Wow!

‍

‍

Pinned YouTube comment by Nick O'Leary thanking 226 commenters and promising to send their list to Mercedes
https://www.youtube.com/post/UgkxT4OAKYHiP68eRMHmwSOTNSnscJ1XBe_y

‍

My process

‍

Initially, I had been planning to create a CJM to get a bird’s-eye view of the project. However, after sorting the feedback on Miro, I thought it would make sense to explore different use scenarios and prioritise design solutions that could be implemented and applied in a new design.

‍

‍

Sorting user feedback in Miro
Sorting user feedback in Miro

‍

‍

Based on my research and the user feedback, I sketched some screens, keeping in mind the task to design the button and card components for a potential design system.

‍

Sketching simple screens
Sketching simple screens

‍

Findings & Suggestions

‍

Mercedes me home page concept with customisable widgets, vehicle check, range and pull-to-refresh notes

‍

  • Widgets can be small or large – if a user prefers to have more info on one screen, they can choose small widgets.
  • If users want to see only the most important items, they may opt for large, noticeable widgets. It will also allow for better accessibility.
  • In widget editing mode, users can select the photo tab and add an image from the gallery or directly from the camera.
  • Preferred grid layout and widgets could be chosen in the app settings. Users could set favourite photos and images as a wallpaper, or choose from preset templates.

‍

Mercedes me digital key concept for adding a car key to Apple Watch, with notes on sharing fleet access

Personalised Feed

‍

I had a Hyundai car, and I remember I used to actively explore automotive forums and YouTube, where I could get information or advice from the community. I believe that for any famous automotive brand, there is a strong community-driven aspect where members help each other troubleshoot issues and share their vehicle ownership experience.

‍

I would use the Hook Model to see how we could integrate this feature into the current scenarios.

‍

Personalised suggestions and targeted offers that can cover a range of Mercedes products. For example, we may show trade-in offers to users who own a 2- to 3-year-old car or finance leasing offers to business users.

‍

Mercedes me personalised feed tab concept with scrollable tabs, offers and informational articles
Mercedes me store tab concept with accessories and lifestyle products, annotated with user requests for finance

‍

Digital History & Logbook

‍

  • Recording of previous and all trips can prove to be useful especially for business users.
  • Although tracking and storing locations involves privacy and security considerations, people still could access a logbook with details like mileage on specific dates, kWh/100km average, and average speed.

‍

Ensuring design consistency across Mercedes Mobile Apps

‍

I think one of the most essential points in any Design System (especially for multiple apps) is design consistency to reduce confusion for users and make the overall user experience predictable. For users it means that Mercedes products look and feel familiar, and for designers and developers it means building new parts of existing ones. In other words, from the user's point of view, consistency is about how the product looks and feels, allowing them to understand what is happening now and what will happen next.

‍

So I am coming to the importance of proper documentation process. It needs to be clear for everyone how to submit a new component, how to change it, and how to implement a new rule in the overall design process. This can also be helpful for product owners who may identify inconsistencies or require changes.

‍

Mercedes design system docs on using MBUI components in Figma: asset search, instance swapping and hidden layers

‍

MBUI colour system docs: applying semantic colour styles in Figma, with Dev Mode values and CSS variables

‍

MBUI typography docs: applying text styles in Figma and reading font properties in Dev Mode

‍

Summary

‍

  • Current navigation patterns look confusing especially for first-time users.
  • Combining the hamburger menu and tab bar is not the best choice for intuitive navigation.
  • I would introduce scrollable tabs to make navigation experience more clear. If logically ordered, such tabs could also act as filters so the user can select the content they like.

‍

02
2025

Neighbour

Neighbour homepage hero on desktop with property photos, landlord testimonials and a +15% rental revenue stat
View more
View more
View more
View more

Lead-generating website for a property management company

Full-stack design
Branding
Web