Interactive mockups

Welcome to the Vklass display of various prototypes, also called mockups. Here you can find current interactive prototypes for different features that are under development at Vklass in the educational platform. If this is your first time visiting this page, please read what is written under "What is a mockup". The different features that we have created mockups for are listed below. Each mockup can have multiple versions, i.e. versions where we have tested different variants. The most recent one is marked with "Latest".

description
Allergi information pa barn tillganglig for pedagoger
Allergi information pa barn tillganglig for pedagoger screenshot
Skapad efter möte med Jönköpings kommun den 8 april 2026. Bygger vidare på v1:s tekniska grund (HTML/CSS/JS, Athena-designsystem) men tillägger sub...
new_releases v2
apps 2 versions
description 2 docs
assessment
Bedömningsmatris
Bedömningsmatris screenshot
Funktionsmockup för bedömningsmatriser i Vklass V2. Visar hur ämneslärare skapar, hanterar och bedömer elever med bedömningsmatriser, hur elever gö...
new_releases v1
apps 1 version
grading
Betygsregistrering
Betygsregistrering screenshot
new_releases v3
apps 3 versions
description 5 docs
description
Extra anpassningar - Skapa och redigera
Extra anpassningar - Skapa och redigera screenshot
Denna mockup demonstrerar hur personal i Vklass V2 kan skapa, redigera, följa upp och hantera extra anpassningar på individnivå. Funktionen omfatta...
new_releases v1
apps 1 version
description 2 docs
description
Flagga elev
Flagga elev screenshot
Denna mockup demonstrerar funktionen "Flagga elev" i V2 av Vklass. Flaggning är en lågtröskelfunktion som ger undervisande personal och mentorer et...
new_releases v1
apps 1 version
description 2 docs
description
Franvarovarningar
Franvarovarningar screenshot
Mockup för den moderniserade arbetsytan Frånvarovarningar (Early Warning) V2. Funktionen ger ett systematiskt stöd för tidig identifiering och uppf...
new_releases v1
apps 1 version
description 2 docs
assignment
IUP
IUP screenshot
Interactive mockup for IUP
new_releases v5
apps 5 versions
description 4 docs
description
Jönköping Kommun - Ledighetsansökan
Jönköping Kommun - Ledighetsansökan screenshot
Version 2 bygger vidare på v1 och demonstrerar ett mer komplett handläggnings- och spårningsflöde: statusen **Förfallen**, fryst beslutstext per ma...
new_releases v2
apps 2 versions
description
Jönkoping Kommun - Nyheter
Jönkoping Kommun - Nyheter screenshot
Mockup för sökfunktion i modulen Nyheter i Vklass. Visar hur användare i olika roller och kontexter (organisation, enhet, grupp) kan söka efter och...
new_releases v1
apps 1 version
description 2 docs
date_range
Jönköping Kommun - Omsorgsschema
Jönköping Kommun - Omsorgsschema screenshot
Interactive mockup for the Omsorgsschema (care schedule) feature in Vklass, version 2: period-based locking, staff override editing, and interval s...
new_releases v2
apps 2 versions
extension
Jönkoping Kommun - Pedagogisk planering
Jönkoping Kommun - Pedagogisk planering screenshot
Denna mockup demonstrerar det nya samarbetsflödet **"Dela med kollega"** för pedagogiska planeringar (LPP) i Vklass. Funktionen gör det möjligt för...
new_releases v1
apps 1 version
description 2 docs
assignment
Jönköping Kommun - Utvecklingssamtal
Jönköping Kommun - Utvecklingssamtal screenshot
Denna mockup demonstrerar enhetsgemensam mallhantering för utvecklingssamtal i Vklass. Funktionen bygger på befintlig Utvecklingssamtal-modul (Appr...
new_releases v1
apps 1 version
description 2 docs
description
Kalendarium
Kalendarium screenshot
Denna mockup demonstrerar den förbättrade kalenderfunktionaliteten i Vklass V2. Funktionen ger en modern, nivåseparerad kalender som skiljer skol-,...
new_releases v1
apps 1 version
description 2 docs
description
Kursplansoversikt
Kursplansoversikt screenshot
Denna mockup demonstrerar funktionen "Kursplansvisning" som visar Skolverkets officiella kurs-/ämnesplan direkt i "Mina ämnen". Funktionen är en sk...
new_releases v1
apps 1 version
description 1 doc
group_work
Skapa grupp - Mina ämnen
Skapa grupp - Mina ämnen screenshot
Mockup som demonstrerar funktionen "Skapa grupp" under Mina ämnen i Vklass V2. En lärare kan skapa en manuell undervisningsgrupp (t.ex. stödgrupp, ...
new_releases v1
apps 1 version
description 2 docs
description
Utökad anvandarhantering org admin
Utökad anvandarhantering org admin screenshot
Denna mockup demonstrerar den utökade användarhanteringen för organisationsadministratörer (org-admin) i Vklass Admin. Funktionen ger avancerade ve...
new_releases v1
apps 1 version
description 3 docs

General templates

Base HTML templates and layouts for building Vklass interfaces.

Personas

Comprehensive persona documentation including user profiles, relationships, and interaction patterns.