2020Automotive HMI · UX/UI · Front-End
ACM City One
HMI und Fahrzeug-App – in fünf Monaten vom Konzept in den Prototyp
Für das wandelbare Elektrofahrzeug entwickelte ich das Bedienkonzept, das visuelle HMI, den interaktiven Prototyp und die Android-App – und setzte die Oberflächen anschließend selbst auf der Fahrzeughardware um.
Projekt ansehen
- Meine Rolle
- UX/UI · Logo Design · Prototyping · Front-End
- Ergebnis
- Integriertes HMI + Android-Fahrzeug-App
- Zeitrahmen
- 5 Monate bis zum fahrenden Prototyp
- Auszeichnung
- German Design Award 2022
Ein Fahrzeug, vier Nutzungskontexte
Taxi, Sharing, Logistik und privates Fahren verlangten dieselbe schnelle Orientierung. Contextual Inquiry, Personas und eine reduzierte Informationsarchitektur halfen, Fahrdaten, Navigation, Energie und Flottenfunktionen zu einem verständlichen System zu verbinden.
Eine Experience über App, Fahrzeug und Flotte
Die Bedienung beginnt vor dem Einsteigen und endet nicht beim Abstellen. Der Flow verbindet Zugang, Orientierung, Fahrt, Energie und Übergabe zu einer konsistenten Journey.
Sharing
Sofort verstehen
Taxi
Viele Schichten
Logistik
Route & Reichweite
Privat
Vertraute Bedienung
App
Finden & Status prüfen
Zugang
Fahrzeug öffnen
Fahrt
Orientieren & navigieren
Energie
Reichweite & Akkus
Übergabe
Status synchronisieren
Drive Information
Geschwindigkeit, Reichweite und Warnungen bleiben permanent sichtbar.
Contextual Content
Navigation, Entertainment, Energie und Flotte wechseln nach Aufgabe.
Die Produktidee in einer Marke verdichten
Neben HMI und App gestaltete ich auch die ONE Wort-Bild-Marke. Das Signet verbindet den Namen mit einer abstrahierten elektrischen Steckverbindung und schafft einen wiedererkennbaren Absender über Fahrzeug, App und Kommunikation hinweg.
Mein Auftrag: Orientierung ohne Einarbeitung
Die Oberfläche teilt das 16:10-Display bewusst: Ein Drittel hält Geschwindigkeit, Reichweite und Fahrzeugstatus stabil sichtbar; zwei Drittel wechseln zwischen Navigation, Entertainment, Energie und Flotte. So finden auch wechselnde Fahrer die wichtigsten Funktionen ohne lange Lernphase.
Designprozess – kompakt und nachvollziehbar
Contextual Inquiry & Personas
Nutzungssituationen, Fahrerwechsel und technische Randbedingungen wurden in klare Anforderungen übersetzt.
Information Architecture & Wireframes
Screen Map, 1/3–2/3-Raster und kurze User Flows reduzierten die Cognitive Load.
Prototype & Usability
Interaktive Adobe-XD-Prototypen machten Aufgaben, Zustände und Übergänge früh testbar.
Implementation & Validation
HMI und App wurden programmiert, integriert und direkt im Fahrzeug validiert.
HMI – vom Fahrzustand zur Navigation
UX/UI-Kompetenz im Ergebnis sichtbar
Klare Displayarchitektur
Ein Drittel der Fläche ist stabilen Fahrinformationen vorbehalten. Zwei Drittel bilden Navigation, Entertainment, Energie- und Flottenfunktionen kontextbezogen ab.
Visuelle Hierarchie
Große Rundungen, einfache Geometrien, weiche Kanten und eindeutige Zustände verbessern Scanbarkeit und Wiedererkennung.
Kurze Funktionswege
Wichtige Aufgaben bleiben direkt erreichbar. Zusammenhängende Formen machen die Fortführung einer Aktion visuell nachvollziehbar.
Drei Perspektiven: Fahrzeug, HMI und App
Auszeichnung und öffentliche Resonanz
Das Projekt wurde nicht nur als Konzept präsentiert, sondern als fahrender Prototyp öffentlich erlebbar. Die Anerkennung gilt dem Gesamtfahrzeug; mein Beitrag war das HMI, die App und deren technische Integration.
Ausgezeichnetes Gesamtfahrzeug
Der ACM City One erhielt 2022 den German Design Award. Das digitale Bedienkonzept war Teil des präsentierten Fahrzeugerlebnisses.
Quelle ansehenÖffentliche Premiere
Der City One wurde in München als wandelbares Elektrofahrzeug für urbane Flotten, Sharing und Logistik vorgestellt.
Quelle ansehenBedienung im realen Fahrzeug
Der Vorserien-Prototyp wurde im Fahrbetrieb getestet; Innenraum, Bedienbarkeit und das Wechselakku-Konzept standen dabei sichtbar im Mittelpunkt.
Quelle ansehenErgebnis
Research, Design und Code aus einer Hand
In rund fünf Monaten entstand aus Nutzungsszenarien und ersten Skizzen ein integriertes HMI samt Android-App. Der Case zeigt meine Stärke besonders klar: UX-Entscheidungen begründen, visuell präzise gestalten und technisch bis in das reale Produkt umsetzen.