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".

What is a mockup?
Read about what a mockup is, how it works, and what you need to know before exploring the prototypes. Perfect for newcomers!

General templates

Base HTML templates and layouts for building Vklass interfaces.

code
Custodian template
General template for custodian template
View template
code
General template
General template for general template
View template
code
Role selection template
General template for role selection template
View template
code
Student template
General template for student template
View template
code
Teacher template
General template for teacher template
View template
code
Template admin
HTML template for administrator interfaces and dashboards
View template

Personas

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

What is a persona?
Read about what personas are, why we use them in the development of Vklass, and how they help us build better features for all users.
group_work
Persona relationships
Detailed documentation of all relationships between personas
View documentation
account_tree
Comprehensive relationship diagram
Complete Mermaid diagram showing all persona relationships
View documentation
category
Relationships by type
Categorized Mermaid diagrams for each relationship type
View documentation
Swedish-English education system glossary
Searchable dictionary of Swedish education terms and their English translations