Mothabir — Helping BAC Students Study With Clarity, Not Overwhelm
Mothabir is a learning platform that helps students get ready for their BAC exams without getting lost in all the different lessons, PDFs, and random info out there.
BAC students often jump between Facebook groups, YouTube videos, photocopied lessons, and old exams, lacking a clear idea of what, when, or how well they understand the material.
My main job was making the learning journey smooth for students.
This made Mothabir more than just content; it became a study buddy.
The problem
BAC preparation is stressful long before the exam date.
Students don’t struggle because they lack content; they struggle because they’re missing a deep grasp of it, a genuine passion for the work.
They struggle because they don’t know:
What should I study first?
What truly matters?
How to organize their revision
If they are getting better
They hop from one lesson to the next, past old exams, and through videos, often feeling like they're doing a lot but never really getting a grip on things.
The real problem was the lack of structure and direction, not the learning materials themselves.
Understanding the students
Talking to students revealed something important.
They were asking:
“Tell me what to study now.”
“Tell me if I’m doing well.”
“Help me not feel lost.”
They needed guidance, nothing more.
That idea changed the platform, making it a guided learning journey instead of just a content library.
Reframing the experience
Instead of presenting subjects as folders full of lessons, the experience needed to:
Show students where to start
Break learning into manageable steps
Connect lessons with practice and evaluation
Show visible progress
Every screen had to answer:
“What should I focus on right now?”
Shaping the learning flow
It felt easy and calm.
01
Choose your subject.
02
Take structured lessons.
03
Practice past exams
04
Follow progress over time.
No guesswork.
No jumping between sources.
No feeling lost.
Design decisions that mattered
It felt easy and calm.
Structuring lessons as a path
Instead of listing every lesson at the same time, the material was set up in a clear order so students could move through it one step at a time.
Connecting lessons to practice
Each learning step was paired with practice questions from earlier BAC exams, so students could use the new material right away.
Making progress
visible
When students could track their own progress over time, they felt less anxious and were more motivated to keep working.
What this changed for students
Students stopped studying randomly, and started studying with a plan.
They felt:
More organized
More confident
Less overwhelmed
More in control of their preparation
Mothabir became something they could rely on daily during exam season.
What this changed for the product
By focusing on structure instead of volume, Mothabir became:
Easier to use for first-time students
More engaging over long study periods
A daily study companion rather than a content archive
The platform offered more than just lessons. It became a community, a place to belong. With a subtle nod of pride, each member found a connection to something bigger.
Conclusion
This project really made me see something important about teaching: it's not about stuffing students with more facts or information. The real deal is actually showing them what to do with what they learn.
Mothabir didn't make students study more, it just helped them study with clarity.
in our work, we adhere to a design process rooted in the Double Diamond framework, with a strong emphasis on understanding user needs
01
02
Feature Prioritization
03
04
01
During this stage, we immerse ourselves in the problem space, conducting extensive research to uncover insights into students' behaviors, challenges, and needs as they prepare for the BAC exam. This foundational phase is crucial for gathering data that will inform the design process and ensure that our solutions are grounded in real user experiences.
We conducted a User Survey to quickly gather broad insights into students' study habits and challenges in preparing for the BAC exam. This helped identify key trends and common pain points.
Online Survey Results
Exam Preparation challenges faced by students
We used User Interviews to dive deeper into individual experiences, uncovering detailed insights about students' motivations, struggles, and expectations in their BAC preparation.
Amina
17
“
I want to test myself regularly to ensure I’m improving, but I don’t know where to find good quizzes or tests." I feel isolated and would like to connect with other students preparing for the same exam.
Sarah
19
“
I struggle to find relevant and reliable study materials online, and the resources I find are often outdated.
It’s hard for me to learn from just reading; I prefer watching videos to understand topics better.
Samir
18
“
It's hard for me to attend on-site support lessons because I live far from there. Also, I find it difficult to practice with the right kind of exercises and often don’t know where to find solutions to them."
22.2%
Of students rely solely on the internet for studying, confirming that most potential users have access to online resources.
33.3%
Of students use both laptops and smartphones to access the internet, emphasizing the need for a responsive web app.
100%
Of students are enrolled in support classes, overcrowded sessions limit their effectiveness for some learners.
78.3%
Of students prefer video content, with platforms like YouTube being a popular choice for learning specific topics.
We visualized students' thoughts, feelings, and actions, allowing for a more empathetic understanding of their journey and informing the design of tailored solutions.
02
In this phase, we synthesize our findings from the Discover phase to clearly articulate the core problem. By identifying key insights and distilling them into actionable problem statements, we set the direction for the design process. This phase ensures that we focus on addressing the most impactful issues that will make a difference in students' study habits and exam performance.
As a BAC student, who's seeking effective resources and exercises to prepare for my final exam. However, I struggle to find a comprehensive platform that fits my schedule, as support lessons are often inaccessible, and online content lacks quality and variety. Additionally, repetitive exam formats leave me feeling unprepared and anxious about passing.
With the data collected from the user interviews and online survey, We created a persona representing an ideal user of the application. the persona helped us arrive at better solutions as it gave an in-depth understanding of the user need and goals and frustrations and the overall personality.
Personal Information
Name:
Saadi Djamel
Age:
18 y.o
Occupation:
BAC student
Location:
Algiers, Algeria
Tech Literate:
Upper Medium
Behaviours
Wakes up early every day except Friday to study.
Takes a break after long study sessions and then resumes revising.
Attends support lessons on weekends, leading to a packed weekly
schedule.
Frequently uses the internet for studying.
Prefers using a laptop to maintain focus.
Core Needs
Access to content tailored to his specialization for a customized
experience.
High-quality lessons, as most online resources are repetitive and
unhelpful.
A series of exercises for each lesson, complete with solutions.
Tools to test and assess his knowledge effectively.
Exercises from real BAC exams related to lessons, with solutions
provided.
We organized insights from research into themes using affinity mapping, allowing me to identify patterns and prioritize user needs effectively.
Step 01: Imported the data from research
Step 02: Organized them by themes
Feature
Prioritization
We prioritized features based on impact and feasibility, focusing on customized content, high-quality lessons, interactive exercises with solutions, and real BAC exam materials.... This ensures we address key user needs effectively and efficiently.
03
During this phase, we turn insights into actionable designs by refining the user journey map and creating detailed user flows for seamless navigation. Wireframes outline the interface structure, and low-fidelity prototypes are developed for feedback. Interaction design ensures usability and accessibility, keeping the process user-centered and iterative.
We created the User Journey Map to visually capture the entire experience of students preparing for the BAC exam. By mapping key touchpoints, emotions, and pain points, we gain insights into how users interact with the platform and identify areas for improvement. This tool helps ensure that the design addresses user needs at each stage of their journey, aligning with their goals and expectations.
We outlined the step-by-step journey a student takes on the platform, from initial interaction to completing tasks like accessing lessons, practicing exercises, and taking quizzes. By designing an intuitive and efficient flow, we ensure seamless navigation and remove obstacles, creating logical pathways that enhance user engagement.
Wireframing
In the wireframing step, we created basic, low-fidelity layouts to visualize the platform’s structure and key features. These wireframes focused on the interface's organization, ensuring that elements were positioned for easy navigation and usability. This step helped us refine the design before moving on to more detailed prototypes, ensuring a clear and functional user experience.
04
In this phase, we finalized the design by refining the visual elements, including colors, typography, and branding for a cohesive and appealing interface. A high-fidelity prototype was created to simulate the platform’s real user experience, followed by usability testing with real users to gather feedback. This allowed us to make final adjustments, ensuring the platform was intuitive, functional, and ready for launch.
Regular
Medium
Bold
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي
0123456789
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي
0123456789
Regular
Medium
Bold
We focused on creating an engaging and intuitive interface by applying the chosen color palette, typography, and branding elements. It emphasized clarity, aesthetics, and alignment with user needs to enhance the overall experience.
The onboarding process ensures a smooth start for new users. It introduces the platform’s features, guides students through account setup, and helps them select their specific major to customize the learning experience. This personalized approach ensures relevance from the very first interaction.
Dive into well-structured lessons tailored to each subject in the chosen major. Each lesson is crafted for clarity and includes interactive elements to enhance understanding. A progress bar tracks completion and motivates students to stay consistent with their learning goals.
A vibrant student community where users can ask questions, share study tips, and exchange useful resources. This space encourages collaboration and mutual support, making learning a social and interactive experience.
We designed other screens for Video lessons, statistics, and teacher side. Beside of that, check the other screens that follow the main screens of the core features we've mentionned.
We created an interactive prototype simulating the platform's key features, such as lessons, exercises, study groups, and quizzes. This allowed users to test the experience and provided valuable feedback, helping us refine the design before development.
We conducted usability testing with real users to identify challenges and inefficiencies. The feedback gathered during these sessions helped us refine the design, ensuring the platform was intuitive, functional, and user-friendly.
Amina
17
The platform is easy to use, and I love how the lessons and exercises are tailored to my needs. It makes studying for the BAC less stressful.
Note: It would be great if there were a feature to set personal study reminders or a calendar to help me manage my time better.
Sarah
19
The quizzes and real BAC exercises helped me track my progress and feel more confident about the exam. Everything is well-organized and simple to navigate.
Note: Adding a discussion forum or community section where we can exchange tips and ask questions would be really helpful.
Samir
18
I really appreciate the interactive design and the ability to test my knowledge quickly. It feels like a modern and effective way to prepare for the BAC.
Note: Including short video lessons or visual explanations for complex topics could make the content even more engaging.
Study Reminders and Calendar Integration
Insight: Students like Amina need tools to help them manage their study schedules effectively.
Feature Adjustment: Implement a customizable study calendar with reminders for lessons, quizzes, and personal goals.
Multimedia Learning Resources
Insight: Samir prefers more engaging and diverse learning materials for better comprehension.
Feature Adjustment: Introduce short video lessons or visual aids for complex topics to complement the text-based content.