Learning that doesn't feel like work

Jood is an educational app designed for primary, middle, and high school students, covering subjects ranging from Natural Science and Computer Science to Islamic education.
Back to Journal
Back to Journal
Clients
Jood
Project Date
May 2023
Industry
Education · E-learning
Delivarbles
education · branding · product design
About

Jood is an educational platform built to make learning more accessible and engaging for students across different age groups. The app brings together a wide range of subjects and grade levels, allowing students to choose what they want to learn and progress at their own pace.

‍

Special attention was given to the onboarding experience, where students carefully define their learning profile step by step — selecting their grade, educational track, and other relevant preferences.

These choices then shape the entire experience, determining the content, subjects, and learning journey presented to each student.

‍

The redesign focused on making subjects easier to recognize, helping students understand their learning journey, and introducing engaging elements that make progress feel rewarding.

Challenges

Too Much Content, Too Many Choices

Covering multiple subjects and grade levels meant presenting a large amount of information without overwhelming students. The experience needed a clearer structure to help users understand where to start.

‍

Making Subjects Easy to Recognize

Different subjects lacked clear visual distinction, making it harder for students to quickly understand and navigate between areas of learning.

‍

Making Learning Progress Clear

Students needed a better understanding of where they were in their learning journey. Progress across different subjects and areas was difficult to track, making it harder to see achievements and know what to do next.

Goals

Create a Personalized Learning Journey

Design an onboarding experience that guides students through key choices such as grade and educational track, using their input to create a learning experience tailored to their needs.Make

‍

Content Easier to Navigate

Use clear visual cues, color coding, and iconography to help students instantly recognize different subjects and move through the app with confidence.

‍

Make Progress Visible & Motivating

Give students a clear overview of their learning journey through progress indicators and rewarding milestones, helping them understand their achievements and stay motivated.

Deliverables

Branding


Created a friendly and engaging visual identity designed to make the educational experience feel approachable for students.

‍

Product UX/UI


Designed a clear and intuitive learning experience that makes navigating subjects, grade levels, and learning content easier.

‍

Gamification‍

Added progress bars, badges, and rewards to make learning more engaging and turn progress into a motivating achievement.

Even though the project was complex, they made it look like an easy task and of course, made it look beautiful. The final product — our website is colorful, dynamic and easy to use for everyone!

‍

Mohammad B.A

A short, fixed-scope 
engagement to find your direction

Book a discovery call
Book a discovery call