StudyPal: The Essential Educational App For Students

Hamud Dawud

๐Ÿ“š For my Masters Degree project, I created StudyPal an immersive educational app for secondary school students, featuring a user-friendly interface and engaging learning features."

Overview ๐Ÿ”Ž

As my Masters Degree major project, I developed StudyPal, an innovative educational UI app designed to support and aid students in their learning journey. My objective was to create a user-friendly platform that enhances the student experience, prioritising usability and functionality. After compiling research, I identified a gap where some competitor apps lacked creativity and aesthetics, so I aimed to make these areas strong points of StudyPal.

Problem ๐Ÿ”ฌ

The central problem I tackled was the current practice in many schools, where students are required to pay a subscription fee for the use of iPads or tablets for tasks ranging from school trip payments to homework assignments and receiving updates on holidays or teacher training. Unfortunately, the existing apps for these purposes often featured basic and unattractive user interfaces, causing difficulties for both parents and students in navigation.

Solution โœ…

StudyPal serves as a solution to address these challenges. It was developed to provide a remedy to the issue of subscription fees for educational tablets and their UI/ UX not matching the cost, offering a user-friendly and aesthetically pleasing interface that greatly improves usability. By doing so, StudyPal aims to make the subscription fee a worthwhile investment for parents while enabling students to seamlessly navigate the app. Ultimately, StudyPal is positioned to revolutionise the way students engage with their educational tasks, offering an enhanced and enjoyable experience that allows them to concentrate on their studies and educational activities.

Research ๐Ÿ“š

Primary Research

The main section that covered my primary research was to analyse the UI design and user experience that a Firefly user currently has access to; topics such as aesthetics and pros and cons were discussed. Additionally, other areas of primary research were conducted via a questionnaire that gained feedback and results from the opinions of parents that have children that use educational apps for school, these responses were given at a local secondary schools parents evening.

Secondary Research

The secondary research focused on assessing the effectiveness of educational apps for children, parents, and teachers through user reviews. It also examined key features and functionalities, considering factors like usability, engagement, educational value, and howits aligned with the schools curriculum. Perspectives from children, parents, and teachers were included, and metrics like user satisfaction, academic performance, and behavioral changes were used for evaluation. Comparative analysis identified trends, providing valuable insights into the best-performing apps across different educational sections.
Here's a link to my Figma file that contains all my research!๐Ÿ‘‡๐Ÿฝ

Research Preview ๐Ÿ“š

This slide explains why I picked this project and what I aim to achieve with it.
This slide explains why I picked this project and what I aim to achieve with it.
Here's a preview slide that provides a brief introduction to the success of an existing app.
Here's a preview slide that provides a brief introduction to the success of an existing app.
This slide showcases the key features & functionalities that stood out to me
This slide showcases the key features & functionalities that stood out to me
This last slide displays one of the many design styles I researched before settling on the final one.
This last slide displays one of the many design styles I researched before settling on the final one.

Inspiration ๐Ÿ’ก

Mood Boarding

In the inspiration stage, I developed a mood board to draw ideas from existing educational apps that offer a minimalistic and user-friendly system. This involved curating a selection of design elements, colour schemes, typography styles, and visual representations from these educational apps.

Ideation ๐Ÿ’ก

Wireframe Sketchesย 

After researching educational UI designs and apps, I proceeded to the next phase of the project. which was to begin sketching wireframes. These wireframes provided a structured visual representation of the app's layout and functionality, allowing me to design a clear and practical blueprint of the user interface. This step ensured that I had a clear vision of how the final design would be structured and how users would interact with it.

Low-Fidelity

Following the process of sketching wireframes, I transitioned to designing low-fidelity digital designs. The low-fidelity designs helped by creating a quick understanding of the app's layout and functionality. This approach ensured a clearer understanding for all users and testers off the app.

Finalย 

Lastly, I moved on to create the final version of the UI design. During this phase, I worked on perfecting the visual aspects by adding branding elements, colours, fonts, and detailed user interface components. These high-fidelity designs showcase the fully polished and finished user interface that users will see and use.
This mood board contains images of educational apps that I gained inspiration from in terms of features and functionalities.
This mood board contains images of educational apps that I gained inspiration from in terms of features and functionalities.
Here, I showcase my design process, starting from an initial sketch and leading to a final design.
Here, I showcase my design process, starting from an initial sketch and leading to a final design.
Regarding low-fidelity wireframes, I prefer to keep them as straightforward and understandable as I can. I also strive for a minimal use of text and colours in order to emphasise user interaction.
Regarding low-fidelity wireframes, I prefer to keep them as straightforward and understandable as I can. I also strive for a minimal use of text and colours in order to emphasise user interaction.
This is the final design version of what I was discussing earlier. Now, it's filled with colour and information while still maintaining the same simple user interaction.
This is the final design version of what I was discussing earlier. Now, it's filled with colour and information while still maintaining the same simple user interaction.
Here is an advertising poster I created to promote one of the app's features.
Here is an advertising poster I created to promote one of the app's features.
This is a screen that users will frequently use - it's a timetable showing their lessons and lunchtimes. I used a specific colour scheme to make it easier for users to quickly locate the information they need.
This is a screen that users will frequently use - it's a timetable showing their lessons and lunchtimes. I used a specific colour scheme to make it easier for users to quickly locate the information they need.
Here's another screen users will interact with often; it's a homework management screen that displays different tasks with priority levels indicated by colours. This colour coded system helps users quickly identify the difficulty level of each task.
Here's another screen users will interact with often; it's a homework management screen that displays different tasks with priority levels indicated by colours. This colour coded system helps users quickly identify the difficulty level of each task.
Like this project

Posted Oct 6, 2023

StudyPal, an immersive educational app for secondary students, with a user-friendly interface and engaging learning tools for my Master's project.

Produced A Fitness Brand - Branding Design & UI Design
Produced A Fitness Brand - Branding Design & UI Design
Starpack Competition: Qatar World Cup Promotional Bottle
Starpack Competition: Qatar World Cup Promotional Bottle
Creating Branding & UI Designs for a Yacht Event Startup
Creating Branding & UI Designs for a Yacht Event Startup

Join 50k+ companies and 1M+ independents

Contra Logo

ยฉ 2025 Contra.Work Inc