Schul Cloud

UX/UI Design

Schul-cloud is a digital educational platform for students and parents, teachers, and school administrators.

As a UX Designer, I am working on specific user problems in this platform with developers, scrum masters, and product owners. From discussing each user story to implementation as developers.

https://schul-cloud.org/

Tasks

Understanding users need, working closely with developer teams, create concepts & prototypes, Updating Design system

Role

UX/UI Designer

Company

Hasso Plattner Institute

Year

2020

Stakeholder

Main user groups

Interaction between Users & Schul-Cloud

As-is Information Architecture

To-be Information Architecture

Part of design story

Plan to implement new messengers from a user perspective and
product development perspective

How to visualize of homework progress for teachers?

Screen scenario to showing several homework processes at one time. Teachers can easily recognize the process situation. So, how many students already handed in homework and how many homework does the teacher already checked.

Messenger in Schul-Cloud Mobile

Illustration for Schul-Cloud

Feature of course material

Overview

In the beginning, it is an empty page. Teachers can make teaching materials.

Editor

Teachers add text and images for making their course material.

Icons – Normal

Icons – Selected

Student's viewpoint

Based on user research, teachers want to check how their students see the course material.

Before

Mood Planet

Overview

In the end, teachers can publish the course material for students.

Floating Action Button (FAB)

Workshop for implementing better User Experience in technical login/setting page

 

I suggested to my scrum team a workshop to understand the new topic about the technical setting page for school administrators. We discussed user-centered functions in the workshop, which we can create within the sprint, and decided what to do.

Before

Mood Planet

Instagram

Linkedin

Email

Too

Small

 

Make your Browser window wider

 

Please use your computer like normal-sized species.
In the case of a tablet, make landscape mode,
or use your mobile device.