Klassetrivsel Boy Hero

Klassetrivsel

Success In The Classroom

Klassetrivsel Dashboard Screenshot

Gain Insights Into the Social Dynamics of the Class

Klassetrivsel is a web-based digital tool measuring school climate and students' emotional well-being. The dedicated and passionate people of Skolevisioner strive daily to make Klassetrivsel even better. And since they are market leaders in both Denmark and Norway, they obviously do a good job.

The task

Being an elderly platform, Klassetrivsel needed to gear up. So, I helped them with a complete re-design, re-thinking, re-imaging, and re-everything. I'm still part of the team, and for that, I am grateful. It's an absolute joy!

A multi-year relationship to create a new digital platform from the ground up. A strong focus on a compelling UI and innovative UX has paid off. The all-new and vastly improved Klassetrivsel clearly outperforms its competitors.

My role

​​​​​​​• Information Architecture • User Flow • Wireframing​​​​​​​ • Prototyping • Design System Guidelines​​​​​​​ • Iconography • UI/UX Design

Klassetrivsel New Survey Flow

Colours That Stand Out

Most competitors typically use the standard corporate blues for their colour schemes. Our approach was a bit different. We created a colour palette that conveys confidence with a hint of joy.

Klassetrivsel Colours
Klassetrivsel Colours
Klassetrivsel Icons
Klassetrivsel Icons

Product Icons

The primary purpose of any product icon is to provide a unique visual cue and, just as importantly, to differentiate the products visually.

Access Granted

In Klassetrivsel, we implemented three measures to make dealing with passwords easier for students. 1. We revealed the password for real-time input checking. 2. We allocated an input field for each character or digit. 3. Lastly, we deactivated the Call-to-action button until the student entered all six characters/digits.

Klassetrivsel Password Screenshot
Klassetrivsel Password Screenshot
Klassetrivsel Help Text
Klassetrivsel Help Text

SOS - Help Needed!

In Klassetrivsel, we offer three different ways to provide assistance. All three methods are part of the established help hierarchy for Klassetrivsel. 1. Contextual text with lower contrast subtly raises awareness without disrupting more experienced users. 2. Contextual text alongside a help icon gains a more prominent position in the interface. 3. A large icon with accompanying text highlights essential information.

Klassetrivsel Miscellaneous Interfaces
Klassetrivsel Publish Survey
Klassetrivsel Publish Survey

All Set or Not?

A final check before publishing a survey is reassuring. Think of it as a helping hand from our side.

Klassetrivsel Survey Details
Klassetrivsel Survey Details

It's All in the Details

Every survey has a detailed view. This is where the publisher gets the complete overview - loads of nicely packed information.

Let’s make great things together!

Are you looking for an experienced and friendly digital designer? Feel free to reach out to discuss new opportunities and potential collaborations.

kim@onkelkim.dk

Or call me at +45 28 199 123

Let’s make great things together!

Are you looking for an experienced and friendly digital designer? Feel free to reach out to discuss new opportunities and potential collaborations.

kim@onkelkim.dk

Or call me at +45 28 199 123

Let’s make great things together!

Are you looking for an experienced and friendly digital designer? Feel free to reach out to discuss new opportunities and potential collaborations.

kim@onkelkim.dk

Or call me at +45 28 199 123

Let’s make great things together!

Are you looking for an experienced and friendly digital designer? Feel free to reach out to discuss new opportunities and potential collaborations.

kim@onkelkim.dk

Or call me at +45 28 199 123