Nätklok

Säkerhetskollen, ett initiativ från Stöldskyddsföreningen, skapades för att sprida kunskap kring den digitala brottligheten som finns i vårt land idag. För att överbrygga klyftan mellan det ofta komplexa materialet på Säkerhetskollens hemsida och den generella internetanvändaren behövs gameification av innehållet.

Webbappen ska kunna användas av alla mellan 12 och 75 år, och innehållet ska anpassas för att vara enkelt att förstå för alla.

Innehållet ska dessutom användas i undervisningen på mellan- och högstadiet, därför behövs ett interaktivt verktyg som lärare kan använda för att i klassrummet lära ut om säkra internetvanor.

Projektet gjordes bland annat tillsammans med Charles Maddock, en driven full-stack utvecklare. Först byggdes en CMS från grunden som hanterar ca 15 olika frågeformat, på svenska och engelska, och anpassat för tre olika åldersgrupper (ungdom, vuxen, senior).

Webbappen är byggt i React och använder Material Design i grunden för att göra den så tillgänglig som möjligt. Senare byggdes ett Multiplayer-läge där webbappen med hjälp av Websockets låter en enhet leda ett spel för flera deltagare.

Designen använder i grunden samma "look and feel" som Säkerhetskollens hemsida, men inkorporerar färgglada element och vågad typografi som tilltalar den yngre generationen. Användarupplevelsen är lättsam för såväl nya och erfarna internetanvändare, och alla frågeformat har utvecklats med just detta i åtanke. Det utvecklades egna ikoner som används som medaljer när användaren gör framsteg.