Open Door · Concept book 15 boards · work in progress
Contents
OPEN DOOR · CONCEPT BOOK01 / 15

Open Door

A walk-through game where student teams explore a real-feeling company, spot what could go wrong, and live through the day it does.

Students walk around a top-down office with their teammates. When they talk to someone or look closely at something, an illustrated close-up opens. They leave sticky notes on risks. Then the scenario plays out, and the class compares what each team saw coming. Behind the play sits the CyPro method from the Digital Business Development toolbox: assets, system model, threats and likelihood — named only at the end.

Join→ The story→ Walk and spot→ The day happens→ Talk it through→ Worksheet
PACKING STATION OFFICE WAREHOUSE
Printer on guest Wi-Fi?
Jana: The printer says “paused by admin”.
WhoTeams of 3–5MSc students, TBBD
How long45 or 90 minOne class, one session
WhereAny browserEduroam, no login
DataSession onlyNicknames, deleted after
Built withOpen sourceFree hosting, GitHub
MethodCyProCC BY-SA material
OPEN DOOR · CONCEPT BOOK02 / 15

Who plays, and who teaches

MSc students aged 24–32, women and men, from Denmark, the rest of Europe and Asia. Engineers by training, often with work experience — not gamers. Three student sketches and one teacher, based on the programme’s intake.

Sofie, 25Danish · BEng, industrial

“Show me why this matters for a real company.”

BACKGROUNDPart-time job at a manufacturer near Herning. Practical, good at processes, little IT security. NEEDSRecognisable companies and situations. Clear link to the exam project. WORRY“Games feel childish and waste time.”
Marco, 29Italian · software engineer

“I want to see the technical detail behind it.”

BACKGROUNDThree years as a developer before the MSc. Knows networks and logins, less about business impact. NEEDSOptional depth: logs, data flows, STRIDE terms on demand. WORRY“Too simple — I’ll be bored and take over the group.”
Linh, 26Vietnamese · technical design

“I need a moment to read before we decide.”

BACKGROUNDEnglish is her second language. Careful and thorough, quiet when the group talks fast. NEEDSShort sentences, time to read, ways to give input without speaking first. WORRY“The fast talkers decide everything.”
Anne, 46Teacher · associate professor

“If setup takes more than five minutes, I won’t use it.”

BACKGROUNDTeaches digital business development. Knows CyPro well, not a game designer. NEEDSOne-click start, control of the room, ready slides and prompts. WORRY“Students play but don’t learn the method.”
WHAT THIS MEANS FOR THE DESIGN
Grown-up, not cartoonishReal company, calm colours, humour in the writing, not in childish art.
Plain English everywhereShort sentences for second-language readers. Every text checked for readability.
No reflex skills neededWalking is slow and forgiving. Time pressure only on decisions, never on movement.
Every voice countsPrivate votes before group talk. Each player owns a room or a person.
Depth on demandA “look closer” layer with logs and terms for the Marcos, hidden for others.
A diverse castNames, faces and roles from many backgrounds, without stereotypes.
OPEN DOOR · CONCEPT BOOK03 / 15

One class, from QR code to worksheet

A 90-minute session. The curve shows how it should feel; the risk row shows where it could go wrong, and the design answer shows how we prevent that.

Before · 2 minSet up
0–3 minJoin
3–6 minThe story
6–30 minWalk and spot
30–55 minThe day happens
55–85 minTalk it through
AfterTake it home
STUDENT DOES — Scans the QR, types a nickname, picks a face, joins a team table. Watches a 60-second illustrated story from the CEO. Walks the top-down office; close-ups open when talking or inspecting; leaves sticky notes. Phone buzzes. Follows clues room to room. Tells the CEO what to do. Sees all teams’ notes on the projector; real CyPro terms appear. Downloads the team’s CyPro threat table. HOW IT FEELS
Calm “Another tool?” Curious risk: lost Tense, fun “We saw it coming!” Useful
COULD GO WRONG Setup fails on a projector laptop. Network blocks it; people wait. Rules dump; eyes glaze over. One player drives, others watch. Teams get lost. Stress without a clear finish. Fun but no learning link. Nothing to reuse. DESIGN ANSWER Pick a ready scenario, press Start. Works in any browser. HTTPS only, works on eduroam. In under 30 seconds. Story first. Goal pinned on screen all game. Everyone walks; each owns rooms. Room checklist, team on map, private notes first. Clue counter, timer, one final choice, finish screen. Reveal: sticky note = threat, room = component, crate = asset. Export to the CyPro table, ready for reports. TEACHER Chooses company, scenario, 45 or 90 min. Watches teams fill the lobby. Presses Start for all. Sees every team live; sends hints. Can pause the whole class. Uses ready prompts and “surprises”. Downloads a class summary.
OPEN DOOR · CONCEPT BOOK04 / 15

What you do, and what you learn

The game layer (top) is what students experience. Each step quietly covers a CyPro step (blue labels). One loop — walk, look closer, write a note — repeats until time is up.

JoinQR, nickname, face
The story60 s from the CEOContext establishment
WALK AND SPOT · THE LOOP
WalkMove through the top-down officeSystem modelling
Look closerIllustrated close-up: talk, inspectAsset identification
Sticky noteWhat could go wrong here?Threat identification · analysis
↺ repeat until the timer ends
The dayScenario plays; follow the cluesTesting the threat model
Talk it throughCompare teams, name the termsReflection · risk management next

Anatomy of a sticky note

ON: LABEL PRINTER Anyone on the guest Wi-Fi could stop it on Black Friday. It would: stop the work Who: a visitor or driver Likely? Seen in companies like ours — Laura
On: a thing or a room→ asset and component in the system model
What could go wrong→ the threat, in the student’s own words
It would leak / change / stop→ confidentiality, integrity, availability
Who might cause it→ threat actor
How likely→ CyPro’s own four likelihood levels, in plain words

Likelihood without jargon

CyPro already offers a simple four-step likelihood scale based on experience. The game uses exactly those steps, so the notes drop straight into the CyPro threat table.

1Could happen in theory
2Heard of it elsewhere
3Seen in companies like ours
4It has happened here
Each team member writes notes privately first, then the team sees them together and merges duplicates. This gives quieter players a voice and mirrors CyPro’s advice to vote before discussing.
OPEN DOOR · CONCEPT BOOK05 / 15

Three screens, one session

Students play on their own laptop or phone, the class sees the projector, and the teacher steers from a control view. All three stay in step through one live session room.

JoinThe storyWalk and spotThe dayTalk it throughAfter
STUDENT
laptop or phone
Enter code
Name, face, team
Story cards
Your goal
Top-down office
Close-up ⇄ office
Sticky note
Alert
Follow clues
Final choice
Team result
Terms revealed
Download worksheet
PROJECTOR
whole class
Lobby: QR + teams
Story playback
Live progressNotes per team, no answers
Clock and news ticker
Compare teamsWho saw it coming?
Method reveal
Class summary
TEACHER
control view
Pick company, scenario, length
Move players
Start for all
Watch any team
Send a hint
Pause all
Speed up the clock
Prompt cardsReady questions per scenario
Export, end sessionThen all data is deleted
All three views connect to one session room over a normal secure web connection. The room holds positions, notes and the clock while the class plays, and disappears a few hours after the session ends.
OPEN DOOR · CONCEPT BOOK06 / 15

Eight rules every screen follows

Each rule comes from a well-known UX law or guideline, turned into something concrete for this game, so designers, developers and reviewers can check the same things.

JAKOB’S LAW · FAMILIARITYFeels like tools they already useChat looks like a messaging app, notes look like sticky notes, the office looks like an office.
HICK’S LAW · FEW CHOICESAt most three choices at a timeA close-up offers two or three actions. The note asks one question per row.
MILLER · CHUNKINGSmall lists, always visibleSeven rooms on the checklist. Up to five clues per scenario.
FITTS’S LAW · EASY TARGETSBig, forgiving click areasWhole rooms are clickable. Buttons at least 44 px. Walking never needs precision.
DOHERTY · FAST FEEDBACKEvery action answers within 0.4 sMoving, sticking a note and teammates’ moves appear instantly, even on eduroam.
PROGRESSIVE DISCLOSUREDepth only when asked forA “look closer” link shows logs and STRIDE terms for those who want them.
PEAK-END RULEA clear peak, a good endingThe day is the peak. Every team ends on “what you saw coming”, never only on mistakes.
READABILITY · PLAIN ENGLISHShort sentences, everyday wordsFlesch Reading Ease 60+ and sentences under 20 words, checked automatically on every scenario text.

Accessible by default

WCAG 2.2 level AA is the baseline, in line with what public-sector sites in the EU must meet. Text keeps a 4.5:1 contrast. Colour never carries meaning alone: risk levels also have numbers, and teammates have initials. Everything works with the keyboard — arrow keys to walk, Tab to reach rooms and buttons — and screen readers get a room list as an alternative to the map. Animations respect the “reduce motion” setting.

How we know it works

Time from QR scan to being in a teamunder 30 s Students who can say the goal after the story9 in 10 Every team member leaves at least one noteyes System Usability Scale after the pilot75 or higher Teacher setup timeunder 2 min
OPEN DOOR · CONCEPT BOOK07 / 15

Design system: calm office, warm people

Cool, light interface colours so the game feels like a grown-up tool. Warm colours are kept for people, illustrations and sticky notes — the things we want students to notice.

Colour

INTERFACE
Ink#1C2430 · text
Slate#5A6574 · secondary
Line#DDE2E9 · borders
Mist#F2F4F7 · surface
Paper#FFFFFF · cards
Door blue#2E5BDB · actions, you
MEANING
Sticky#FFE27A · notes
Alert#E8573F · incidents
Safe#2F9E6E · prevented
Lilac#8C6AD9 · teammates
Oak#EADBC8 · floors
Peach#FBE9DA · close-ups

Type

Black FridayBricolage Grotesque 700 · 44 / 32 / 24 · titles
The printer says “paused by admin”.Figtree 400–700 · 18 / 16 / 14 · body, UI
SPACING
4 · 8 · 12 · 16 · 24 · 32 · 48
CORNERS
8 · 14 · 20 · pill
ICONS
2 px line icons, round ends

Components

BUTTONS
CHOICE CHIPS
Stop the workLeak information
Server cupboard isn’t locked — Wei
STICKY NOTESlight tilt, author initial, max 80 characters on the map
Laura
WWei
AVATARSYou: blue ring. Teammates: initial + name.
DIALOGUE CARD
Jana · Packing lead
Nobody here paused it.
STATUS
8:12 leftClues 2 / 4Orders stoppedPrevented
ROOM TILE (TOP-DOWN)
Packing station2 people · 3 things
ALERT TOAST
08:04 · Sofie: nothing has printed since 07:52!
OPEN DOOR · CONCEPT BOOK08 / 15

Design assets: one cast, one building, many stories

The cast (illustrated close-ups)

KarinCEO, 4th generation
JanaPacking lead
AhmedPart-time IT
ElenaAccounting
MeiWebshop manager
LukasNew intern
Each person has a bust for close-ups and a small round token for the map. Plus Tomas (driver) and Rasa (factory contact, Lithuania).

Room tiles (top-down)

Webshop
Accounting
CEO
Meeting
Reception
Server
Packing
Warehouse
Loading dock
Dye works
Cloud: webshops
Factory, LT

Things you can inspect

Label printer
Wi-Fi router
Laptop
USB stick
Badge reader
CCTV camera
Visitor book
E-mail / invoice
Phone
Delivery truck

Asset list and sources

ASSETFIRST VERSIONLATERFORMATWHERE IT COMES FROM
Characters (bust + map token)816, swappable outfitsSVGOwn illustrations in one style; diverse by design
Room tiles and furniture12 roomsSecond company (e.g. a farm or a port)SVG tilesOwn vector set; free CC0 packs as placeholders
Close-up scenes10One per scenario clueSVG, layeredOwn illustrations, reusing the cast
Icons, notes, UI parts30—SVGOwn line icons; fonts from Google Fonts (open licence)
Sounds (optional)5—OGGSoft notification sounds, muted by default
OPEN DOOR · CONCEPT BOOK09 / 15

Join in 30 seconds

Left: a student’s phone or laptop. Right: the projector lobby. Three steps — code, name and face, team — and the student is in.

Open Door
Pick a face
Join a team
Blue door3 of 5
Green door4 of 5
Yellow door2 of 5
No account. Your name is deleted after class.
TODAY’S COMPANYNordknit, SundsScenario: Black Friday · 90 minutes
Scan, or go to [game address]HXQ4
Blue door
Laura, Wei, Kasper
Green door
Linh, Marco, Ida, Ola
Yellow door
Sofie, Priya
Lilac door
Jonas
Red doorWaiting for players…
10 of 24 students are inThe teacher will start soon
Projector · 16:9 · readable from the back row (body 20 px+, code 64 px)
OPEN DOOR · CONCEPT BOOK

Walk the office — the main screen

10 / 15
Nordknit, Sunds
Your goalBlack Friday is in 3 days. Find what could stop an order reaching a customer.
14:20 left
LWKS
WEBSHOP TEAM
ACCOUNTING
CEO
MEETING ROOM
RECEPTION
SERVER
PACKING STATION · YOU ARE HERE
WAREHOUSE
LOADING DOCK
LIVE ORDERS · 9 SHOPS
2
1
1
JJana
You
ETalk to Jana
WWei
KKasper
SSofie
Arrow keys or WASD to walk · or click a spot
OPEN DOOR · CONCEPT BOOK

Look closer — talk, inspect, write a note

11 / 15
Label printer · click to inspect
Packing station
Jana · Packing leadThe printer gets labels straight from the webshop. IT put it on the guest Wi-Fi — it was easier for the drivers to print too.
OPEN DOOR · CONCEPT BOOK

The day happens — follow the clues, make the call

12 / 15
Friday 08:04 · Black FridayOrders have stopped printing Clues 2 / 4 Truck leaves 10:00
WEBSHOP TEAM
ACCOUNTING
CEO
MEETING ROOM
RECEPTION
SERVER
PACKING STATION
WAREHOUSE
LOADING DOCK
✓
✓
?
?
Mei, webshop: 2,300 orders waiting. German customers are writing to support.
Wei (team): Router log — new device on guest Wi-Fi at 07:48.
FINAL CALL · TEAM VOTE Karin asks: what do we do right now?
DAY OVER · 09:41 Parcels made the 10:00 truck
Label printer is on the guest Wi-Fi— Laura, Tuesday
Your team saw this coming on Tuesday. 2 of 3 of today’s problems were on your notes.
Wait for your teacher — the big screen opens next.
OPEN DOOR · CONCEPT BOOK

Talk it through — the debrief on the projector

13 / 15
BLACK FRIDAY · WHO SAW IT COMING?
What happenedBlueGreenYellowLilacRed
Printer stopped via guest Wi-Fi✓✓½–✓
Fake “printer service” at reception–✓––½
Webshop slow under 10× traffic✓½✓✓–
✓ on a note½ close, wrong place or person– missed
?
QUESTION FOR THE CLASSGreen door spotted the fake technician. What made you look at the visitor book?
NOW YOU KNOW THE NAMES What you did has a name in the CyPro method
Rooms you walked→System model
Things worth protecting→Assets
Where data left the building→Trust boundaries
Your sticky notes→Threats
Leak · change · stop→C · I · A
Who might cause it→Threat actors
1–4 how likely→Likelihood
Next class: risk management — which of your notes would you fix first, and what would it cost?
OPEN DOOR · CONCEPT BOOK

Teacher kit — control view and teaching material

14 / 15
Teacher view Code HXQ4 · 24 students · 5 teams
Story ✓ Walk and spot · 14:20 The day Debrief
Blue door3 players
Notes 7 · rooms 5 / 7
Green door4 players
Notes 9 · rooms 6 / 7
Yellow doorStuck?
Notes 1 · rooms 2 / 7 · no moves 3 min
Lilac door5 players
Notes 5 · rooms 4 / 7
Only 2 of 5 have written a note
Red door4 players
Notes 6 · rooms 5 / 7
Ready prompts“Which room have you not visited yet, and why?”“Who outside the company touches your data?”

Material in the kit

Facilitator guideMinute-by-minute run sheet for 45 and 90 minutes, with what to say at each step.
Slide deckIntro, CyPro recap and debrief slides that match the game words to the method.
CyPro threat worksheetPrintable table, also filled automatically from each team’s notes after the game.
Paper backupPrintable floor plan and character cards, so the class can still run if the network fails.
Reflection questionsShort individual questions to link the game to the exam project.
Scenario writing guideTemplate for adding a new company or a new bad day — text only, no coding.
OPEN DOOR · CONCEPT BOOK

Roadmap and architecture

15 / 15
W1W2W3W4W5W6W7W8W9W10W11W12 0 · Set up repo
Local + GitHub
1 · Plan features
Backlog, scenario format
2 · Design and architecture
This book · eduroam spike
3 · Build the first version
Join, walk, close-ups, notes, day, teacher view, 1 scenario
4 · Test
Automated tests every change · student hallway tests W7–W8
5 · Pilot and refine
Pilot class W10 · fix what hurt
6 · Deploy and CI/CD
Pipeline from week 1: every merge tested and deployed to a preview
7 · Documentation
README, teacher kit, scenario guide
Milestones ◆ Works on eduroam ◆ Playable ◆ Pilot class ◆ v1

Architecture

Student browserLaptop or phone
Projector browserLobby, story, debrief
Teacher browserControl view
HTTPS · 443
Session roomOne live room per class: positions, notes, clock. Deleted after the session. Cloudflare Durable Object via PartyServer, free tier.
Static game appTypeScript, Svelte for screens, PixiJS for the walkable map. Served for free.
deploys
GitHub repoCode (MIT) · scenarios as text files and art (CC BY-SA)
GitHub ActionsTests, accessibility check, readability check, deploy

Quality gates on every change

Unit tests for game rulesVitest Full class played by robots (40 players)Playwright Accessibility, WCAG 2.2 AAaxe Scenario text readable (Flesch 60+)own check Page loads fast on eduroamLighthouse
All tools are open source or free. Only the live session room uses a hosted service, and the game logic stays portable to an AU server.