Klasse

Research/Visual design

Fleur Prinsen has commissioned us to design a new online learning environment. The learning environment must have interaction between teachers and students, between students and digital material, and between students. It should encourage students to learn actively and interactively using digital resources.

klasse-wireframe

About Klasse

Klasse is a platform for students and teachers to communicate, learn, and get rid of their arrears. They can download the platform on their computer, which is easy to use. If they find a subject difficult, they can get extra lessons from a teacher. The teachers are people that are in training. They will get study points if they will help a student. This platform brings teachers in training and students together.

Discover

As a team, we did research into young people, who have concentration problems while studying online. During the corona time, most of the students had study arrears due to online classes.

Students couldn't find enough motivation, because everything was a mess during corona. They find it difficult to hand in homework or assignments due to learning disabilities.

Video research

During the corona time, it was difficult to observe students and teachers, this was because no one could go to school. During this sprint, I came up with a new observation method called Video research. Here I watch videos of vloggers (students and teachers) and how they experience their day during the corona time.

Teachers find online classes very tiring and frustrating, and difficult to keep in touch with students. Students couldn't easily send their files to their teachers, which was for them annoying.

klasse-video-research
empathy-map-canvas

Empathy map canvas

We didn't quite know exactly where the painful pain points were. I suggested to my team to create
an empathy map canvas. This gives us an insight into the pain points that the target group
has. It gave us an idea of how the target group feels.

Define

During the define phase, we used all kinds of different methods in the team to come up with concepts. The team applied methods individually and together. We used the COCD-BOX method to choose one of our concepts.

Magazine Rip&Rap

To come up with ideas, I used the method magazine Rip&Rap. I looked in various magazines and cut out the parts. That is how I came up with various concepts for those parts. It was really fun to do it differently.

Ideas:

  • Holotouch: An external hard drive where you can see school data through a hologram. You can take a picture of your result and print it out. Parents can watch via the app.
  • School Watch: The results, schedule, etc. can take with you. You can do the registration directly on the watch. Mini tablet: The data can be seen, and you can learn in different ways. Everything is up-to-date, and this is also easy to carry.
  • Digital agenda: A digital agenda that you can hold. This contains the learning methods and a planner with notifications.
  • New application: Learning in a fun way and where to find results. You can earn rewards with this new application if you pass.
  • Chip: A chip that you can turn on so that you learn the material in a game.
  • Headband: Learning through a headband. You immediately see when you are ready for the tests, and you can start learning in a fun way through games.
magazine-rip-rap-methode

Design

Design phase we had to think about the branding for our concept and make wireframes. So we could see what the platform will look like.

We used the psychology of color in the marketing and branding guide. To see what the colors mean and which colors we can use.

Wireframe Sketch

To know how we want the application to look, I made first a Wireframe sketch. This sketch is the chat function. So that students and teachers can communicate with each other.

wireframe-sketch-klasse
wireframe-chat-klasse

Wireframe

From the sketch, I worked out the Wireframe in Figma. The chat function ensures that students and teachers in training can easily communicate with each other. The colors represent who you are and who the other is.

Deliver

Klasse is an application for students who have fallen behind. They receive tutoring on this platform from teachers in training.

This way they can recover their backlog and they can still pass their exam or year.

Color combination

For the color combination, I looked at the color emotion guide. We've all listed a color that we like. We wanted the colors to be cheerful so that the students get a feeling for using the platform and get motivation while using it.

The colors that we have chosen and that I have taken from the color emotion guide are: orange stands for confidence and cheerfulness. Purple represents wisdom. Green represents that they are doing well, and white represents calmness.

color-combination-klasse
stylescape-klasse

Stylescape board

During the delivery phase, I made a stylescape board to better reflect the corporate identity. Here you can see what feeling we want to give to the concept. This contains the photos, colors, logo, and fonts that we want to use.