Klassetrivsel
Success In The Classroom
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
Learn more
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.
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.
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.
All Set or Not?
A final check before publishing a survey is reassuring. Think of it as a helping hand from our side.
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.
