Stepan Vedunov

Volkswagen HMI

Ein Sommerpraktikum im HMI-Team von Volkswagen in Wolfsburg. Ich arbeitete an Fahrerdisplays und Fahrzeug-Interfaces für Elektroautos und am Design System für die nächste Android-basierte Infotainment-Plattform.

Zeitraum
Juli–August 2024, Wolfsburg
Rolle
Praktikant HMI Design, Volkswagen
Infotainment-Konzept von Volkswagen

Meine Rolle

  • Konzepte für Fahrerdisplay und Fahrzeug-Interfaces in der E-Mobilität gestaltet, mit schnellem Prototyping in Figma und Blender, mit internen Teams auf Machbarkeit und CX geprüft.
  • Wireframes, Prototypen und 3D-Konzepte für das Fahrerdisplay in verschiedenen Fahrzeugzuständen erstellt, etwa Türstatus, Diagnose, Fahrbereitschaft und Insassenerkennung.
  • Das Figma Design System für die nächste Android-basierte Infotainment-Plattform mitaufgebaut, mit Komponenten-Specs, Interaktionsregeln und Akzeptanzkriterien.
  • Interaktionsmuster über die Marken des Volkswagen Konzerns hinweg abgestimmt (Porsche, Audi, Seat/Cupra, Škoda) und die Unterschiede dokumentiert.

Bilder zum Kontext

Die Arbeit selbst ist intern. Diese öffentlichen Bilder zeigen die Produktfamilie, für die sie entstand.

Digitales Fahrerdisplay von Volkswagen
Bild: volkswagen.com.au, Infotainment-Systeme.
Infotainment-System im Volkswagen ID.
Bild: Volkswagen Newsroom, Infotainment-Update für ID.4 und ID.5.

vedunov.com Setup-Programm

System
Nuxt 4, Vue 3 und Nuxt Content. Statische Seiten auf Netlify, kein Server, kein Tracking.
Sprachen
Englisch und Schweizer Hochdeutsch. Gleiche Seiten, zwei Inhaltsordner, /de vor jeder Adresse.
Tokens
Primitives → semantische Tokens → Komponenten, bei jedem Build kompiliert und auf Kontrast geprüft. Die gleiche Pipeline wie bei der Arbeit.
Schrift
Inter und Geist Mono, selbst gehostet, swap. Titel sind Inter mit engerem Abstand statt einer dritten Schrift.
Signal
#E8540C auf den Kacheln der Nebenprojekte und den Fokusrahmen. Der Lese-Schalter hat seine eigene rot-orange Taste, #E2421B.
Bewegung
Seiten verschwimmen beim Wechseln, Abschnitte werden beim Scrollen scharf, Nachbarn treten beim Hover zurück. Alles aus bei reduzierter Bewegung.
Barrierefreiheit
WCAG 2.2 AA. axe: 0 Probleme auf jeder Seite.
Performance
Lighthouse mobil, 24 Seiten: Performance 94, Barrierefreiheit 100, Best Practices 100, SEO 100 (jeweils der tiefste Wert).
Tasten
Entf öffnet diesen Bildschirm. Esc schliesst ihn.
letzte Prüfung 2026-11-09