Figma
"Bibliothek von Bara" is a website and app for teachers and students.
On the teachers side, they can create lessons, search a lessons shop, start LIVE-lessons during classes and manage their classes and students. The students on their side can open their lessons map, visit the "Bibliothek" (library) which contains mini-games like a vocabulary trainer, open LIVE-lessons and view their progress and class.
All the layout work was done in Figma. The login-page was illustrated in Illustrator, along with some of the icons. The project is still in development.
The student's login-screen was to inspire and get them excited like they were about to start an adventure in a video game.
In the map view, the student has easy access to all currently unfinished lessons. The lessons can also be used as homework tasks.
The fox character represents a customizable user avatar.
The castle is the centre of the app: The library of learner-mini-games.
.png)
.png)
Browsing the library for mini-games.
Once the teacher has locked in the LIVE-lesson mode, access to other features gets blocked for the students.
Information Architecture
Components and style guide
Earlier designs
