Ai Learners
A personal project with a mission to help students with all abilities learn early math and literacy through personalized computer games and analytics.
A personal project with a mission to help students with all abilities learn early math and literacy through personalized computer games and analytics.
A personal project with a mission to help students with all abilities learn early math and literacy through personalized computer games and analytics.
App & Website Design
Project Type
App & Website Design
Project Type
App & Website Design
Project Type
App & Website Design
Project Type
11 months
Duration
11 months
Duration
11 months
Duration
11 months
Duration
2 Members
Team
2 Members
Team
2 Members
Team
2 Members
Team
UI/UX Designer
My Role
UI/UX Designer
My Role
UI/UX Designer
My Role
UI/UX Designer
My Role



Problem
AI-Learners aims to revolutionise the educational experience for children with disabilities through the use of advanced AI technology. The platform provides customised and interactive educational tools designed to cater to each child's unique learning needs, ensuring an engaging and effective learning process.
AI-Learners aims to revolutionise the educational experience for children with disabilities through the use of advanced AI technology. The platform provides customised and interactive educational tools designed to cater to each child's unique learning needs, ensuring an engaging and effective learning process.
AI-Learners aims to revolutionise the educational experience for children with disabilities through the use of advanced AI technology. The platform provides customised and interactive educational tools designed to cater to each child's unique learning needs, ensuring an engaging and effective learning process.
Solution
AI-Learners provides personalized and interactive educational tools specifically designed for children with disabilities. By leveraging AI technology, the platform offers customized learning experiences that adapt to each child’s individual needs, enhancing their learning process and improving educational outcomes.
AI-Learners provides personalized and interactive educational tools specifically designed for children with disabilities. By leveraging AI technology, the platform offers customized learning experiences that adapt to each child’s individual needs, enhancing their learning process and improving educational outcomes.
AI-Learners provides personalized and interactive educational tools specifically designed for children with disabilities. By leveraging AI technology, the platform offers customized learning experiences that adapt to each child’s individual needs, enhancing their learning process and improving educational outcomes.




Overview
“AI-Learners: Enhancing Educational Outcomes for Children with Disabilities”
“AI-Learners: Enhancing Educational Outcomes for Children with Disabilities”
Project Overview:
AI-Learners aims to revolutionise the educational experience for children with disabilities through the use of advanced AI technology. The platform provides customised and interactive educational tools designed to cater to each child's unique learning needs, ensuring an engaging and effective learning process.
AI-Learners aims to revolutionise the educational experience for children with disabilities through the use of advanced AI technology. The platform provides customised and interactive educational tools designed to cater to each child's unique learning needs, ensuring an engaging and effective learning process.
AI-Learners aims to revolutionise the educational experience for children with disabilities through the use of advanced AI technology. The platform provides customised and interactive educational tools designed to cater to each child's unique learning needs, ensuring an engaging and effective learning process.
Objectives:
Develop AI-driven educational tools tailored for children with disabilities.
Enhance learning engagement through interactive content.
Personalise learning experiences to suit individual needs.
Improve educational outcomes and skill development for children with cognitive and developmental challenges.
Develop AI-driven educational tools tailored for children with disabilities.
Enhance learning engagement through interactive content.
Personalise learning experiences to suit individual needs.
Improve educational outcomes and skill development for children with cognitive and developmental challenges.
Develop AI-driven educational tools tailored for children with disabilities.
Enhance learning engagement through interactive content.
Personalise learning experiences to suit individual needs.
Improve educational outcomes and skill development for children with cognitive and developmental challenges.
Customer Discovery
AI-Learners is an educational platform designed to provide personalized, interactive learning experiences for children with disabilities. It leverages AI technology to adapt content to individual learning needs, enhancing educational outcomes and engagement.
AI-Learners is an educational platform designed to provide personalized, interactive learning experiences for children with disabilities. It leverages AI technology to adapt content to individual learning needs, enhancing educational outcomes and engagement.
Target Customers:
Primary Users: Children with disabilities (cognitive, developmental, or physical)
Secondary Users: Parents, caregivers, and educators seeking specialised educational tools.
Primary Users: Children with disabilities (cognitive, developmental, or physical)
Secondary Users: Parents, caregivers, and educators seeking specialised educational tools.
Primary Users: Children with disabilities (cognitive, developmental, or physical)
Secondary Users: Parents, caregivers, and educators seeking specialised educational tools.
Customer Needs:
Personalised Learning: Custom-tailored educational activities that adapt to the child's unique abilities.
Engaging Content: Interactive games and activities that make learning enjoyable.
Progress Tracking: Tools to monitor and measure the child’s learning progress and development.
Accessibility: Educational materials designed to be inclusive and easily accessible for children with varying types of disabilities.
Personalised Learning: Custom-tailored educational activities that adapt to the child's unique abilities.
Engaging Content: Interactive games and activities that make learning enjoyable.
Progress Tracking: Tools to monitor and measure the child’s learning progress and development.
Accessibility: Educational materials designed to be inclusive and easily accessible for children with varying types of disabilities.
Personalised Learning: Custom-tailored educational activities that adapt to the child's unique abilities.
Engaging Content: Interactive games and activities that make learning enjoyable.
Progress Tracking: Tools to monitor and measure the child’s learning progress and development.
Accessibility: Educational materials designed to be inclusive and easily accessible for children with varying types of disabilities.
Pain Points:
Difficulty finding suitable educational resources tailored to specific disabilities.
Lack of engaging content that can hold the attention of children with learning challenges.
Insufficient tools for tracking and assessing individual progress in a meaningful way.
Difficulty finding suitable educational resources tailored to specific disabilities.
Lack of engaging content that can hold the attention of children with learning challenges.
Insufficient tools for tracking and assessing individual progress in a meaningful way.
Difficulty finding suitable educational resources tailored to specific disabilities.
Lack of engaging content that can hold the attention of children with learning challenges.
Insufficient tools for tracking and assessing individual progress in a meaningful way.
Solution Provided:
AI-Learners addresses these pain points by offering AI-powered, personalized educational experiences. The platform's adaptive learning paths, interactive activities, and comprehensive progress tracking empower parents and educators to provide effective, tailored education.
AI-Learners addresses these pain points by offering AI-powered, personalized educational experiences. The platform's adaptive learning paths, interactive activities, and comprehensive progress tracking empower parents and educators to provide effective, tailored education.
AI-Learners addresses these pain points by offering AI-powered, personalized educational experiences. The platform's adaptive learning paths, interactive activities, and comprehensive progress tracking empower parents and educators to provide effective, tailored education.
Tools used
Project Overview:
Project Overview:
I used Figma for my UI Design & Miro for brainstorming and user flows etc.
I used Figma for my UI Design & Miro for brainstorming and user flows etc.
Figma
Miro
Design Process
My Design Approach
My Design Approach
Understanding
Problem
Understanding
Problem
Collecting Information
& Brainstorming
Collecting Information
& Brainstorming
Prototyping
Prototyping
Ideate &
Wireframing
Ideate &
Wireframing
Testing
Testing
Onboarding Screens
Splash & Onboarding Screens
Splash & Onboarding Screens
Here’s the visual part of Onboarding screens: When the users start the app, they will be led through a Sign In or Sign Up and onboarding process before proceeding to their default screens. The “Explore” lead you to the multiple games screen where user can explore games and play them.
Here’s the visual part of Onboarding screens: When the users start the app, they will be led through a Sign In or Sign Up and onboarding process before proceeding to their default screens. The “Explore” lead you to the multiple games screen where user can explore games and play them.
Here’s the visual part of Onboarding screens: When the users start the app, they will be led through a Sign In or Sign Up and onboarding process before proceeding to their default screens. The “Explore” lead you to the multiple games screen where user can explore games and play them.
Splash screen:
Splash screen:
where user can feel the environment.
where user can feel the environment.
where user can feel the environment.
Account setup:
Account setup:
where users can create account or Login to their existing account.
where users can create account or Login to their existing account.
where users can create account or Login to their existing account.
Select role:
Select role:
where users can select their roles as how they want to proceed with. Each role has different use cases.
where users can select their roles as how they want to proceed with. Each role has different use cases.
where users can select their roles as how they want to proceed with. Each role has different use cases.






Games & Areas
Multiple Games and Areas
Here are the other screens. Let’s say when user selects “School Admin”, they will be taken to the next screen where user can select a level to play games in.
From there, user will be shown some Areas like Addition, Logics, etc to play games in. User can also choose between Dark-Light modes.
Based on the Areas user selects, they will be shown different games that belongs to the selected area.
Here are the other screens. Let’s say when user selects “School Admin”, they will be taken to the next screen where user can select a level to play games in.
From there, user will be shown some Areas like Addition, Logics, etc to play games in. User can also choose between Dark-Light modes.
Based on the Areas user selects, they will be shown different games that belongs to the selected area.
Here are the other screens. Let’s say when user selects “School Admin”, they will be taken to the next screen where user can select a level to play games in.
From there, user will be shown some Areas like Addition, Logics, etc to play games in. User can also choose between Dark-Light modes.
Based on the Areas user selects, they will be shown different games that belongs to the selected area.
















Authentication & Account Management
User Authentication and Account Management Screens
User Authentication and Account Management Screens
Admin Sign Up:
Admin Sign Up:
Join the platform by creating an admin account. Enter your details to manage users and content seamlessly.
Join the platform by creating an admin account. Enter your details to manage users and content seamlessly.
Join the platform by creating an admin account. Enter your details to manage users and content seamlessly.
Confirm Your Email:
Confirm Your Email:
Verify your email address to secure your account and complete the registration process.
Verify your email address to secure your account and complete the registration process.
Verify your email address to secure your account and complete the registration process.
Create Password:
Create Password:
Set a strong password to protect your account. Ensure it meets the security criteria for your safety.
Set a strong password to protect your account. Ensure it meets the security criteria for your safety.
Set a strong password to protect your account. Ensure it meets the security criteria for your safety.
Teacher Sign Up
Teacher Sign Up
Sign up as a teacher to share your knowledge. Provide your information to get started with your educator profile.
Sign up as a teacher to share your knowledge. Provide your information to get started with your educator profile.
Sign up as a teacher to share your knowledge. Provide your information to get started with your educator profile.
Email Not Found:
Email Not Found:
The entered email address is not registered. Please check for errors or sign up for a new account.
The entered email address is not registered. Please check for errors or sign up for a new account.
The entered email address is not registered. Please check for errors or sign up for a new account.
Verify Email Address:
Verify Email Address:
A verification link has been sent to your email. Click the link to confirm and proceed with your registration.
A verification link has been sent to your email. Click the link to confirm and proceed with your registration.
A verification link has been sent to your email. Click the link to confirm and proceed with your registration.
Verified Email:
Verified Email:
Your email address has been successfully verified. You can now access all features of your account by Logging In.
Your email address has been successfully verified. You can now access all features of your account by Logging In.
Your email address has been successfully verified. You can now access all features of your account by Logging In.
Login:
Login:
Access your account by entering your email and password. Enjoy the full functionality of our platform with additional features like Dashboard, Analytics & Customisation.
Access your account by entering your email and password. Enjoy the full functionality of our platform with additional features like Dashboard, Analytics & Customisation.
Access your account by entering your email and password. Enjoy the full functionality of our platform with additional features like Dashboard, Analytics & Customisation.
















Account & Student Information
Account/Student Information and Email Confirmation Screens
Account/Student Information and Email Confirmation Screens
Account Information:
The Account Information screen collects essential user details to personalize the app experience. Users can input and update their name, contact information, and other relevant profile details. This screen ensures that all necessary information is gathered for seamless account management.
The Account Information screen collects essential user details to personalize the app experience. Users can input and update their name, contact information, and other relevant profile details. This screen ensures that all necessary information is gathered for seamless account management.
The Account Information screen collects essential user details to personalize the app experience. Users can input and update their name, contact information, and other relevant profile details. This screen ensures that all necessary information is gathered for seamless account management.
Student Information:
The Student Information screen is designed for users to provide specific details about students, such as name, age, grade level, and subjects of interest. This screen helps tailor the app’s content and resources to meet the educational needs of each student.
The Student Information screen is designed for users to provide specific details about students, such as name, age, grade level, and subjects of interest. This screen helps tailor the app’s content and resources to meet the educational needs of each student.
The Student Information screen is designed for users to provide specific details about students, such as name, age, grade level, and subjects of interest. This screen helps tailor the app’s content and resources to meet the educational needs of each student.
New Email:
The New Email screen allows users to update their email address. By entering and confirming the new email, users can ensure their account is associated with the correct contact information.
The New Email screen allows users to update their email address. By entering and confirming the new email, users can ensure their account is associated with the correct contact information.
The New Email screen allows users to update their email address. By entering and confirming the new email, users can ensure their account is associated with the correct contact information.
Confirm Your Email
The Confirm Your Email screen prompts users to verify their email address. A verification link is sent to the provided email, and users must click the link to confirm their identity.
The Confirm Your Email screen prompts users to verify their email address. A verification link is sent to the provided email, and users must click the link to confirm their identity.
The Confirm Your Email screen prompts users to verify their email address. A verification link is sent to the provided email, and users must click the link to confirm their identity.
Successfully Signed Up:
The Successfully Signed Up screen confirms that the user has completed the registration process. It provides a welcoming message and instructions on how to proceed.
The Successfully Signed Up screen confirms that the user has completed the registration process. It provides a welcoming message and instructions on how to proceed.
The Successfully Signed Up screen confirms that the user has completed the registration process. It provides a welcoming message and instructions on how to proceed.












Project Learnings
What I have learned from this project?
What I have learned from this project?
Simplicity is strength:
As a designer, we are often lured by attractive, trendy and out of the box designs. But, We must always remember the “why”. The primary goal is to understand the user, their problems and then come up with a design that solves it.
As a designer, we are often lured by attractive, trendy and out of the box designs. But, We must always remember the “why”. The primary goal is to understand the user, their problems and then come up with a design that solves it.
As a designer, we are often lured by attractive, trendy and out of the box designs. But, We must always remember the “why”. The primary goal is to understand the user, their problems and then come up with a design that solves it.
Process in essential:
It provides you with a roadmap to help you navigate through what may be a confusing path for a project of this size. This is particularly helpful if you're just starting off.
It provides you with a roadmap to help you navigate through what may be a confusing path for a project of this size. This is particularly helpful if you're just starting off.
It provides you with a roadmap to help you navigate through what may be a confusing path for a project of this size. This is particularly helpful if you're just starting off.