Stepan Vedunov

Volkswagen HMI

A summer internship in Volkswagen's HMI team in Wolfsburg, working on driver displays and in-vehicle interfaces for electric cars, and on the design system for the next Android-based infotainment platform.

Date
Jul–Aug 2024, Wolfsburg
Role
HMI Designer intern, Volkswagen
Volkswagen infotainment concept

My role

  • Designed driver-display and in-vehicle interface concepts for e-mobility, with rapid prototyping in Figma and Blender, validated with internal teams for feasibility and CX.
  • Created wireframes, prototypes and 3D concepts for the driver display across vehicle states such as door status, diagnostics, drive readiness and occupancy detection.
  • Co-built the Figma design system for the next Android-based infotainment platform, with component specs, interaction rules and acceptance criteria.
  • Aligned interaction patterns across Volkswagen Group brands (Porsche, Audi, Seat/Cupra, Škoda) and documented the deltas between them.

Context imagery

The work itself is internal. These public images show the product family it was for.

Volkswagen digital driver display
Image: volkswagen.com.au, infotainment systems.
Volkswagen ID. infotainment system
Image: Volkswagen Newsroom, ID.4 and ID.5 infotainment upgrade.

vedunov.com setup utility

System
Nuxt 4, Vue 3 and Nuxt Content. Static pages on Netlify, no server, no tracking.
Languages
English and Swiss High German. Same pages, two content folders, /de in front of every address.
Tokens
Primitives → semantic tokens → components, compiled and contrast-checked on every build. The same pipeline I use at work.
Type
Inter and Geist Mono, self-hosted, swap. Titles are Inter set tighter, instead of a third font.
Signal
#E8540C on the side-project tiles and focus rings. The read-mode switch gets its own red-orange keycap, #E2421B.
Motion
Pages blur in and out, sections sharpen as you scroll, and neighbours step back when you hover. All of it stops with reduced motion.
Accessibility
WCAG 2.2 AA. axe: 0 issues on every page.
Performance
Lighthouse mobile, 24 pages: performance 94, accessibility 100, best practices 100, SEO 100 (lowest of each).
Keys
Delete opens this screen. Esc closes it.
last check 2026-11-09