Designing a progressionist E-learning platform.

Taking into account the outcomes of our deep market and user needs research as well as analysis of the competitive environment, we were focusing on the following aspects: 

• aiming to engage users by incorporating gamification elements, status updates, and leaderboards to keep them motivated in their learning journey on the platform;

• making the learning process seamless and enjoyable by providing intuitive and user-friendly tests and study materials;

• maintaining the brand's identity by keeping the primary color red;

• focusing on providing categorization to help users conceptualize and learn;

• adding a few different themes to make the product visually appealing to a wider audience.

In the product design, we implemented a memorization technique called “Active Recall”. To enable fast and effective learning of the material, the technique involves regularly and actively testing students’ knowledge through questions and tests rather than through passive and repetitive reading of the material. 
Flashcards and self-testing are another group of studying techniques that have proven to be very effective while learning. We also implemented Spaced repetition,  a technique focused on reviewing and recalling information at specific intervals to ensure optimal learning and retention

The mindmap is a way to visually represent the same information of the outline. It also allows the optional visualization of other materials within each node, such as note highlights, media, flashcards, and the user's learning progress as determined by the learning algorithm. 

It's important to strike a balance between providing enough information and avoiding clutter and confusion. That is why we have given users the option to switch between various visualization modes. Each node in the mind map shows its title, but users can also select to display extra elements for each note such as highlighted sections, images or videos embedded within the node, and questions or flashcards linked to the node.

Image occlusion is a powerful tool that allows users to conceal and retrieve specific information within images. By using it, students can effortlessly create flashcards that obscure certain parts of an image, allowing them to test their understanding of the concealed information. These cards enhance learning retention. Additionally, we have implemented flashcards and quizzes, along with mind map categorization, to further optimize the learning experience. This comprehensive approach to studying maximizes the likelihood of retaining knowledge in long-term memory for students.

When students are learning something new, it's beneficial to take notes and write down any additional information they find useful. These notes can include lists, text, videos, or even questions they want to investigate further. 

Highlighting the most important points ensures that users don't overlook any crucial information. Taking notes goes beyond simply recording what students hear or see in a lesson. It offers several advantages, such as emphasizing and organizing the information, creating a condensed record for studying purposes, and actively involving their mind in the learning process.

We have developed a comprehensive style guide to ensure consistency throughout the project implementation. This guide effectively brings together all the visual elements, enabling teams to design and develop the product seamlessly. By utilizing a collection of repeatable components, we have successfully created an exceptional user experience.