Cases — UX/UI Design & Art Direction
Von B2C zu B2B: Ellis skalierbare Plattform ist heute das Rückgrat der digitalen Shops von Audi, Škoda, CUPRA und Volkswagen — markenübergreifend, aus einem zentralen System.
Ziel
Als integrierte Energie- und Ladelösung der Volkswagen Group treibt Elli die Elektromobilität voran — mit der eigenen Marke und einer zentralen, konzernweiten Plattform. Um den B2B-Rollout dieser Ladeinfrastruktur zu beschleunigen, entstand die Idee für einen smarten B2B-Konfigurator: ein Tool, mit dem Vertriebsteams im Autohaus komplexe Wallbox-Setups fehlerfrei zusammenstellen — auch ohne Technik-Expertise und unter echtem Druck im Verkaufsalltag. Als Senior UX/UI Designerin habe ich dieses digitale Produkt strategisch und visuell geformt — von der frühen Nutzerrecherche bis zum finalen Interface-Design, verantwortlich von Anfang bis Ende.
Vorgehen
Am Anfang stand ein Perspektivwechsel: Warum eine statische Produktseite, wenn Autohäuser sich stattdessen genau die Wallbox zusammenstellen können, die sie brauchen? Dieser Wechsel war das Fundament für alles Weitere. Das Schwierige war die Komplexität darunter — Markenkompatibilität, Kabellängen, Leistungsstufen —, die zu einer intuitiven Informationsarchitektur werden musste, die niemanden überfordert. Mein Leitprinzip war radikale Einfachheit: kein Ballast, keine unnötigen Cross-Teaser, nichts, was von der Aufgabe ablenkt. Ich habe das als modulares UI-Design und interaktiven High-Fidelity-Clickdummy gebaut und früh validiert — mit einem User Testing des Prototyps mit ausgewählten Verkäufer:innen in echten Autohäusern.
Ergebnis
Die Tests gaben mir etwas Besseres als Annahmen: echte Daten. Ich sah genau, wo Nutzer:innen ins Stocken gerieten, und überarbeitete UX und UI genau an diesen Stellen — Usability-Barrieren fielen weg, bevor eine einzige Zeile Code geschrieben war. Das ersparte später teure Nacharbeit. Das Design wurde an das Entwicklungsteam übergeben und exakt wie gestaltet umgesetzt — live als das B2B-Bestellportal, das die Autohäuser tatsächlich im Alltag nutzen.
Diesen Handover habe ich durchgängig begleitet und die Entwickler:innen durch die Details geführt, damit zwischen Design und Code nichts verloren geht — dasselbe Prinzip bringe ich in jedes Projekt: Die Arbeit ist nicht fertig, wenn das Design gut aussieht, sondern wenn es der Realität standhält.
