UX/UI / Case study - Data security
Data security - Interactive learning experiences
CyberQuest – DataPac! Interaktiv læringsoplevelse om datasikkerhed
Et webbaseret læringsspil, hvor brugeren hjælper DataPac med at navigere sikkert gennem cyberspace. Gennem forgrenede scenarier lærer brugeren om phishing, sikre adgangskoder, falske apps og Wi-Fi-fælder.
Min rolle:
Konceptudvikling · UI-design · Storytelling · Kodning i HTML, SCSS & JavaScript
Værktøjer:
Figma · Visual Studio Code · Live Sass Compiler · Adobe illustrator
Projektperiode:
6 uger (marts - maj 2025)
Se websitet her!
Se websitet her!
Her kan du klikke dig videre og se websitet
Her er et overblik over hele projektet i Figma
Datasikkerhed projekt
FORMÅL & PROBLEM
Målet var at gøre et komplekst og tørt emne som datasikkerhed mere forståeligt og engagerende for unge studerende.
Problemet: Mange studerende forstår vigtigheden af digital sikkerhed, men mangler bevidsthed om konsekvenserne af egne handlinger online.
Løsningen blev et interaktivt spil, hvor man lærer gennem oplevelse frem for teori.
MÅLGRUPPE
Unge studerende (16–25 år), som bruger digitale systemer dagligt, men mangler kritisk sans for sikkerhed.
Eksempel: Sofia, 20 år, fysikstuderende i Aarhus – bruger VR og mange online platforme i studiet, men er usikker på, hvordan hun bedst beskytter sine data.
PROCES & LØSNING
Research: Undersøgte unges onlineadfærd og typiske fejl i cybersikkerhed
Konceptudvikling: Udviklede figuren DataPac og fire scenarier med valg og konsekvenser
Design: Skabte et flat, farverigt univers inspireret af SciShow og CrashCourse - vector art illustrationer
Udvikling: Kodede spillet i HTML, SCSS og JavaScript med localStorage til at gemme brugerens valg
LÆRING & RESULTAT
Projektet formidler datasikkerhed gennem handling og storytelling - ikke tekst.
Brugerne lærer at tænke kritisk, genkende phishing, og skabe stærke kodeord på en legende måde.