Syllabdosth – student Learning Platform
An student educational platform designed to simplify learning through personalized study plans, interactive content, and an intuitive student experience.
The problem
Students need a simple and organized digital platform to access learning resources and manage their learning activities. The challenge was to create an intuitive experience that makes learning easier, keeps information accessible, and reduces unnecessary complexity.
What needed to be done
The goal was to design a user-friendly educational platform with a clean interface, intuitive navigation, and a structured learning experience. My responsibility was to plan the user interface, create wireframes, design screens in Figma, and focus on usability across the application.
How the right problem was found
I started by understanding the needs of students and the challenges they face while accessing educational content. I explored the project requirements, considered the student journey, and identified opportunities to improve navigation, accessibility, and the overall learning experience. Based on these findings, I focused on creating a simple, structured, and user-friendly interface.
The outcome, measured
The project resulted in a complete UI/UX design concept for Syllabdosth, with a consistent visual language, organized navigation, and a student-focused interface. The Figma prototype demonstrates the intended user experience and provides a foundation for application development.
- designed
- ui/ux screens
- created
- interactive prototype
- figma
- desighn tool
- mobile app
- platform
- user-centred desighn
- desighn approach
- structured
- navigation
More detail
Tools & Technologies
- Figma – UI/UX Design and Prototyping
- Flutter – Mobile Application Development
- Dart – Application Development
Key Focus Areas
- User-friendly interface design
- Consistent visual design system
- Intuitive navigation and user flow
- Responsive and accessible layouts
- Smooth user experience
Project Highlights
Syllabdosth combines thoughtful UI/UX design with mobile application development to create a structured digital learning experience for students.
Skills and tools
Design system
Colours
- black #111111
- white #ffffff
Typography
- Headings
- Roboto
- Body text
- Fira Code
Syllabdosth follows a clean, modern visual direction with a dark monochrome colour palette, bold typography, and a yellow brand accent inspired by its logo. The design focuses on visual hierarchy, consistent spacing, reusable components, and intuitive navigation to create a clear and engaging student experience.
Open prototype or live product
Private feedback
Have a thought on this project? Sign in to leave Muhammad a private note. Only Muhammad and site admins can read it.