Virtueller Campus

2025

Projekt hands on: Entwicklung eines virtuellen Campus zur Transformation der digitalen Lehre für Soziale Arbeit und Gesundheitsberufe an der HAWK.

Der virtuelle Campus bündelt alle für das Studium relevanten Systeme an einem zentralen Ort. Er bietet Orientierung, erleichtert die Kommunikation und unterstützt Studierende im Selbststudium, indem er wertvolle Inhalte, zum Beispiel zum wissenschaftlichen Arbeiten, bereitstellt.

Mobil und Desktop Screen des virtuellen Campus

ℹ️

Team

Prof. Dr. Alexandra Engel, Prof. Stefan Wölwer, Prof. Dr. Axel Schäfer, Prof. Dr. Corinna Ehlers, Prof. Dr. Juliane Leinweber, Jessica Duda, Kikko Neubert, Jonas Trippler, Barbara Zimmermann, Jennifer Petry, Martin Neundorfer, Judith Krämer, Silas Hering, Catharina Oeltjebruns

✅

Tasks

Personas, Card Sorting, User Journeys & Flows, Wireframes, Low-/High-Fidelity Prototyping, Designsysteme, Accessibility Design, Usability-Testing, Motion & Animation, Videoschnitt & Screencasts, Voiceover, Illustrationen, Aufbereitung & Durchführung von Workshops & Präsentationen

🛠️

Tools

Figma, FigJam, Miro, Adobe Firefly, Elevenlabs, ChatGPT, HTML, CSS, JavaScript, Blender, After Effects, Audition, Huly (für Projektmanagement), MS Office (Word, Powerpoint, Excel), Zoom

Vorstellung des virtuellen Campus

Prototyp des virtuellen Campus

Double Diamond

Probleme erkunden und definieren, Lösungen entwickeln und umsetzen, iterativ im Austausch mit den Nutzenden und Stakeholdern.

Erstellung von Nutzungsszenarien

Auf Basis der Evaluationsergebnisse wurden Nutzungsszenarien erstellt, die dabei helfen, Struktur, Navigation und Funktionen des virtuellen Campus an den Bedürfnissen der Nutzenden auszurichten.

Flow Charts

Erstellung von Flow Charts, um die Abläufe und Interaktionen der Nutzenden im virtuellen Campus zu visualisieren und auf deren Basis einen Prototypen zu entwickeln.

Vorbereitung und Durchführung von Workshops

Gemeinsame Entwicklung von Personas
Gemeinsame Erstellung von User Journeys
Praktische Arbeit mit Figma
Workshops zur Einführung in eigene Software

Wireframes

Erstellung von Wireframes zur Visualisierung von Aufbau, Struktur und Absprache mit dem Team.

Low-Fi- und High-Fi-Prototyping

Zur iterativen Entwicklung des virtuellen Campus, von einfachen Skizzen bis hin zu interaktiven, detailreichen Prototypen.

Designsystem

Gestaltung in Figma und Umsetzung der Komponenten in Storybook, zur Sicherstellung eines konsistenten, nutzerfreundlichen und barrierefreien Designs. Zusätzlich wurde eine KI-optimierte design.md entwickelt, die AI-Agents ermöglicht, das Designsystem anzuwenden und z. B. mit Claude Code weitere Prototypen im definierten Stil zu generieren.