Project overview
MatEdux is an innovative educational platform designed for youth aged 14-19, offering interactive lessons, animations, and tests tailored to the user's level. Its goal is to prepare students for the eighth-grade exam and the mathematics high school diploma, providing engaging tools to support the learning process.
The client requested the design of a modern and engaging user interface (UI) for a web application tailored to youth. The primary goal was to create an interface that not only fulfills educational functions but is also visually appealing and intuitive to use.
Project scope
The MatEdux project focused on designing a user-centric platform to support students preparing for mathematics exams. My role encompassed UX/UI design, interactive prototyping, and collaboration with the client to develop key screens and functionalities, including login, chapter navigation, video player, and testing tools. The goal was to deliver a highly functional and visually engaging application tailored to the needs of students aged 14-19.
My role
Tools and technologies
App design
Graphic design
Collaboration
Project goals:
Design an intuitive and visually engaging platform tailored for students aged 14-19, focusing on enhancing their learning experience and motivating them to excel in mathematics.
Visually attractive interface:
An interface tailored to youth preferences, with a modern design, aesthetic, and engaging.
Intuitive navigation:
A clear information architecture that allows users to navigate the platform quickly and easily.
Interactive elements and animations:
Interactive elements and animations that increase user engagement and make learning more appealing.
Universal mathematical illustration:
Cartoon-style illustrations consistent with the application's theme and appealing to youth.
Budget optimization:
Focus on key desktop screens, ensuring high project quality within a limited budget.
Project challenges:
Working with a limited budget, maintaining a balance between aesthetics and functionality, and creating an interface that integrates diverse educational tools while appealing to younger users.
Limited project budget:
The project required focusing on key elements and optimizing resources to fit within the available financial framework.
Creating universal mathematical illustrations:
The illustrations were designed in a cartoon style, ensuring their appeal to youth and consistency with diverse mathematical topics.
Balancing aesthetics with functionality:
A key challenge was combining visual attractiveness with intuitive usability, which was achieved through thoughtful design and usability testing.
Adapting the design to client preferences:
The project was tailored to meet the client’s requirements, including their color preferences, such as the use of purple, and specific visual styles.
Integration of diverse educational content:
The interface integrated video lessons, tests, and worksheets, ensuring content consistency and an intuitive user experience.
Key features of the MatEdux application:
Interactive chapter organization with progress tracking, a feature-rich video player, dynamic testing with multiple formats, and detailed test result analysis to support student success.
Login and account creation:
The application provides an intuitive registration and login process, allowing new users to quickly create accounts. The login process is simple and efficient, ensuring seamless access to all platform features.
Chapter and topic sorting system:
Educational materials are organized in a clear manner. Chapters are sorted by status: completed, in progress, or to be started, with additional progress indicators and percentage completion levels. Topics within chapters include the number of lessons and the total time required to complete them, helping users effectively plan their studies.
Video player:
The learning panel includes an advanced video player that enables users to play and pause lessons, adjust volume, navigate using the timeline, change settings for transcription and video quality, and switch to fullscreen mode. These features enhance learning convenience and focus on the material.
Interactive tests:
The application offers comprehensive tests with multiple-choice questions, true/false tasks, gap-filling exercises, and other forms of interactive activities. Each test is designed to maximize user engagement and effectively assess acquired knowledge.
Test result analysis:
After completing a test, users receive a detailed results report, including an overall percentage score and a breakdown of each question, showing correct and incorrect answers. This analysis supports a better understanding of mistakes and motivates further learning.
Project results:
Delivered a user-friendly application praised for its intuitive design and effectiveness in supporting student learning outcomes, meeting client and user expectations.
Modern and attractive user interface:
A user interface was created to meet the client’s expectations, tailored to youth preferences, and designed to support the educational process effectively.
Intuitive information architecture:
A clear and organized information structure was designed, making navigation and platform usage straightforward and user-friendly.
Interactive prototypes with animations:
The implementation of interactive prototypes with animations enhanced the user experience, making the platform more engaging and dynamic.
Positive collaboration with client and developers:
The client appreciated the project's efficiency, and smooth collaboration with developers facilitated the seamless implementation of the application and its future development.
Impact on mathematics learning:
The application significantly improves students' educational outcomes by offering attractive and functional tools that effectively support the learning process.
App map
A comprehensive visualization of the user journey, illustrating key interactions from registration to content navigation and test completion.
.png)
Project summary
Projekt MatEdux był okazją do zastosowania moich umiejętności w praktyce, pozwalając na stworzenie interfejsu, który nie tylko spełniał wymagania klienta, ale także wnosił wartość dodaną dla użytkowników końcowych.
Interested in collaborating? Get in touch with me! ux.drozd@gmail.com
