Template / true crime / nordic noir

CASE 01
Skyggespor

Undersøg en mistænkelig mail, vurdér sporene og træf de rigtige valg. Designet er mere foto-realistisk og kan udbygges med SCORM-sporing, video, speak og interaktive indholdstyper.

Genkende typiske tegn på phishing og social engineering
Analysere afsender, links, formuleringer og kontekst
Vurdere risiko og reagere korrekt i Outlook og Windows
🔊 Her kan der tilføjes speak / voice-over (fx audio/intro.mp3)
Hændelse En ansat modtager en mail om overskredet lagergrænse og bliver bedt om at logge ind med det samme.
Afsender: it-support@microsofft-security.com
https://login-verify.office-auth.net
ikke samme domæne som Microsoft
Brugeren lokkes til at indtaste kode
Spor Generisk hilsen, unødvendigt pres og stavefejl i afsenderen.
Klik på linket fører til falsk login
Vurdering:
Phishing
Rapportér og slet mailen
Opgave: Klik på en mail, scroll i læsepanelet, og markér tydeligt Falsk eller Ikke falsk.
0 / 8 vurderet
Favoritter
Indbakke 8
Sendt post
Kladder
Slettet post
Junkmail 12
Arkiv
8 mails – vælg en mail i listen. Scroll i mail-listen for at se de nederste mails, og scroll i læsepanelet for at se hele mailen.
Svar · Svar alle · Videresend · Slet · Rapportér
Læsevisning · selve mailen kan scrolles · vurderingen er altid synlig i panelet

Indholdstype 2 – ren tekst

Til forklaringer, regler, baggrund eller læringsmål. Siden kan have speak, enkle indgange og diskret motion-inspireret animation.

🎙️ Plads til speak / lydfil for denne side
  • Se efter afsenderdomænet, ikke kun navnet.
  • Hold musen over links for at kontrollere destinationen.
  • Vær opmærksom på usædvanlig hast, pres eller trusler.
  • Kontrollér henvendelser gennem andre kanaler ved tvivl.

Indholdstype 3 – tekst og foto/illustration

Anvend fotos eller realistiske illustrationer til at underbygge budskabet.

  • Brug foto af en situation, person eller skærm
  • Supplér med korte pointer
  • Kan kombineres med speak og indflyvning
Eksempel: En medarbejder arbejder hjemmefra og modtager en mistænkelig e-mail.

Indholdstype 4 – trinvis reveal / animation

Klik dig frem gennem hændelsesforløbet. Effekten minder om animate.style / motion-effekter og kan bruges til at styre fokus.

1. Brugeren modtager en mail med emnet “Din mail er blokeret”.
2. Mailen virker troværdig, men er generisk og presser modtageren.
3. Linket peger på et domæne, der ikke matcher afsenderen.
4. Den korrekte handling er at undlade at klikke og rapportere mailen.

Indholdstype 5 – bokse flere steder på siden

Her kan der være tre eller flere selvstændige informationsbokse med fotos eller illustrationer.

Afsender
Kontrollér mailadresse og domæne nøje.
Link
Hold musen over linket og tjek destinationen.
Sprog
Generiske formuleringer og hast kan være tegn på phishing.
OutlookLæsning

Din postkasse er midlertidigt deaktiveret

Fra: Microsoft Support <security@micr0soft-account.net>
Til: dig@firma.dk   ·   Dato: 16. april 2026 09.17

Kære bruger,

Vi har registreret usædvanlig aktivitet på din Microsoft 365-konto. For at undgå permanent spærring skal du bekræfte din identitet inden for 30 minutter.

Klik på følgende link for at aktivere din konto igen:

https://login.office365-verificaton.net/restore

Hvis du ikke reagerer, vil din adgang blive begrænset.

Venlig hilsen
Microsoft Support Team

Klik
Klik
Klik

Undersøg mailen på mobil

På små skærme ligger pointerne som læsbare kort under mailen i stedet for som små pop op-vinduer.

1. Mistænkeligt domæne

Afsenderen kommer ikke fra et rigtigt Microsoft-domæne. Tal eller stavemåder som micr0soft er typiske tegn på phishing.

2. Tidspres

Krav om at handle inden for 30 minutter skal få modtageren til at reagere hurtigt uden at tænke sig om.

3. Falsk link

Linket ligner Office 365, men domænet verificaton.net er ikke Microsoft og indeholder endda en stavefejl.

Flere forstørrelsesglas i mailen

Her ligner det, at du læser mailen direkte i Outlook. De tre blinkende forstørrelsesglas markerer steder i mailen, du kan undersøge. Klik på dem for at få realistiske forklaringsbokse med pointer om, hvorfor mailen er mistænkelig.

  • et forstørrelsesglas ved afsenderen
  • et ved den presserende formulering
  • et ved linket
🎙️ Speak kan læse forklaringerne op eller styre fokus i rækkefølge

Zoom ind forskellige steder i mailen

Hele mailen vises nu fra start i mindre skala. Brug knapperne for at zoome ind på de områder, du vil undersøge nærmere.

🔎 Brug knapperne for at se, hvordan zoomen hjælper med at afsløre detaljer

Kontoopdatering påkrævet

Fra: IT Helpdesk <helpdesk@cyberlearninq.dk>
Til: dig@firma.dk   ·   Dato: 16. april 2026 08.02

Hej,

Vi har konstateret en fejl i synkroniseringen af din konto. Du skal opdatere dine loginoplysninger for at undgå tab af data og begrænset adgang til mails.

Bekræft dine oplysninger via følgende sikre link:

https://cyberlearning-secure-login.com/recover-account

Bemærk at alle medarbejdere skal udføre dette inden dagens afslutning.

Venlig hilsen
IT Helpdesk
Tlf. 44 44 44 44 · support@cyberlearning.dk

Hele mailen

Mailen er skaleret ned, så hele beskeden kan ses fra start. Brug knapperne til venstre for at zoome ind på konkrete mistankepunkter.

Indholdstype 8 – tydelig foto-/illustrationskarusel

Denne side er den, der svarer til side 10 i din nummerering. Layoutet er gjort mere kompakt, så overskriftsfelt og billedfelt passer bedre sammen i et normalt desktop-browservindue uden overlap.

Karuselbillede

Indholdstype 9 – slider / risikovurdering

Flyt slideren for at vurdere, hvor risikabel du mener mailen er.

Lav risiko
Høj risiko

Vurdering: Mailen virker umiddelbart legitim.

Brug

  • Aktiver deltagelse
  • Indsaml refleksion
  • Brug i diskussioner eller før/efter-sammenligning

Indholdstype 10 – video-side med embed fra Vimeo

Layoutet er gjort mere kompakt, så både overskriftsfelt og video passer i et normalt browservindue på desktop uden at billede eller video rammer ind over overskriften.

🔊 Kombinér gerne med speak eller vejledningstekst.

Indholdstype 11 – interaktiv video

Videoen pauser efter få sekunder. Klik på det rette sted for at fortsætte til korrekt eller forkert feedback.

Klik på det mistænkelige i videoen

Indholdstype 12 – HTML/CSS/JS / motion-lignende effekter

Her er et eksempel på hover, indflyvning og små bevægelsesinteraktioner inspireret af animate.style og motion.dev.

Fade in
Elementer kan komme ind trinvist for at styre opmærksomhed.
Tilt / hover
Denne boks reagerer på musens bevægelse.
Puls / fokus
Klik på boksen for at aktivere en kort fokus-animation.
👤
Log på
Indtast sikkerhedskoden for at fortsætte
1/1