Stepan Vedunov

VR learning tool

Together with ZHAW, we built a research-based VR learning platform. Social work students use it to practise interviews with parents in complex family situations. The immersive setting lets them work through hard conversations and make informed assessments.

Team
Andreas Kohler, Tanya Spale, Ege Seçgin, Stepan Vedunov
Date
2024, university module
Role
UX/UI Design, ZHdK
VR learning tool shown on an iPad and in a headset

My role

  • Designed the service prototype, with a focus on information architecture and navigation.
  • Led user tests with social work students to validate design decisions.
  • Made service maps and blueprints.
  • Facilitated ideation workshops, and made journey maps, personas and lo-fi prototypes.

Before and after a session

iPad showing an AI analysis of a completed VR session
An AI analysis measures general metrics after a VR learning session.
User flow for preparing a VR session with an avatar
The user flow for preparing a VR session with an avatar.

For the class

Web app dashboard with class members and a course overview
The web app dashboard shows class members and the course overview.
Diary map collecting feedback from teachers and peers
Feedback from teachers and peers can be saved to a personal diary map.

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