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".
AI funktionalitet i Vklass för lärare och personal
Interactive mockup for AI funktionalitet i Vklass för lärare och personal
Allergi information pa barn tillganglig for pedagoger
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...
Bedömningsmatris
Funktionsmockup, Vklass V2-varianten. **v8 är root-cause-fixen för pin 12** ("Rutan är svart vilket inte följer Vklass design direktiv", Andreas, 2...
Betygsregistrering
Extra anpassningar - Skapa och redigera
Denna mockup demonstrerar hur personal i Vklass V2 kan skapa, redigera, följa upp och hantera extra anpassningar på individnivå. Funktionen omfatta...
Flagga elev
Denna mockup demonstrerar funktionen "Flagga elev" i V2 av Vklass. Flaggning är en lågtröskelfunktion som ger undervisande personal och mentorer et...
Förbättringar av kalenderhändelser steg 2
Funktionsmockup för steg 2 av **Förbättringar av kalenderhändelser** i Vklass V2.
Franvarovarningar
Mockup för den moderniserade arbetsytan Frånvarovarningar (Early Warning) V2. Funktionen ger ett systematiskt stöd för tidig identifiering och uppf...
Frånvarovarningar
image
Interactive mockup for Frånvarovarningar
Fullt stöd för betygshantering (Registrera, signera med Bank-id, skriva ut och exportera)
/1/screenshot/preview.png)
**Variant:** Vklass V2 (Athena Design System, `data-mockup-theme="vklassv2"`)
IUP
Interactive mockup for IUP
Jönköping kommun - Allergi information på barn tillgänglig för pedagoger
image
Interactive mockup for Jönköping kommun - Allergi information på barn tillgänglig för pedagoger
Jönköping Kommun - Ledighetsansökan
Version 4 bygger vidare på v3 och fokuserar på en ny **2-stegs-dialog** för
Jönköping Kommun - Ledighetsansökan (Mallsvar och visa beviljade dagar)
/9/screenshot/preview.png)
**Variant:** Vklass V2 (Athena Design System)
Jönkoping Kommun - Nyheter
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...
Jönköping Kommun - Nyheter
Variant: **Vklass V2 (Athena Design System)**.
Jönköping Kommun - Omsorgsschema
Interactive mockup for the Omsorgsschema (care schedule) feature in Vklass, version 2: period-based locking, staff override editing, and interval s...
Jönkoping Kommun - Pedagogisk planering
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...
Jönköping Kommun - Pedagogisk planering
Funktionsmockup, Vklass V2-varianten. V4 är ett strukturellt språng från v3: bedömningsmatrisen är nu en fri kriterietext-matris där varje cell inn...
Jönköping Kommun - Utvecklingssamtal
Denna mockup demonstrerar enhetsgemensam mallhantering för utvecklingssamtal i Vklass. Funktionen bygger på befintlig Utvecklingssamtal-modul (Appr...
Kalendarium
Denna mockup demonstrerar den förbättrade kalenderfunktionaliteten i Vklass V2. Funktionen ger en modern, nivåseparerad kalender som skiljer skol-,...
Kursplansoversikt
Denna mockup demonstrerar funktionen "Kursplansvisning" som visar Skolverkets officiella kurs-/ämnesplan direkt i "Mina ämnen". Funktionen är en sk...
reference-vklassv2
Interactive mockup for reference-vklassv2
Skapa grupp - Mina ämnen
Version 5 av lärar-flödet **Skapa grupp** under *Mina ämnen* i Vklass V2.
Utökad anvandarhantering org admin
Denna mockup demonstrerar den utökade användarhanteringen för organisationsadministratörer (org-admin) i Vklass Admin. Funktionen ger avancerade ve...
vklassv2-components
Interactive mockup for vklassv2-components
General templates
Base HTML templates and layouts for building Vklass interfaces.
Custodian template
General template for custodian template
General template
General template for general template
Role selection template
General template for role selection template
Student template
General template for student template
Teacher template
General template for teacher template
Template admin
HTML template for administrator interfaces and dashboards
Personas
Comprehensive persona documentation including user profiles, relationships, and interaction patterns.