EduQuest App
EduQuest App
EduQuest App is a revolutionary AR Learning Platform, designed to enhance how online learners and undergraduates experience education by creating an engaging and accessible educational environment through Augmented Reality.
EduQuest App is a revolutionary AR Learning Platform, designed to enhance how online learners and undergraduates experience education by creating an engaging and accessible educational environment through Augmented Reality.
Role:
Role:
Product Designer
Product Designer
Project Type:
Project Type:
Thesis
Thesis
Duration:
Duration:
6 Months
6 Months
Team:
Team:
1 person
1 person
01 Overview
01 Overview
Imagine a classroom.
Imagine a classroom.
Without walls, where textbooks come to life and every lesson is an adventure. EduQuest App is a revolutionary AR (Augmented Reality) Learning Platform, designed to enhance how online learners and undergraduates experience education through AR.
Without walls, where textbooks come to life and every lesson is an adventure. EduQuest App is a revolutionary AR (Augmented Reality) Learning Platform, designed to enhance how online learners and undergraduates experience education through AR.
02 The Problem
02 The Problem
Redefining learning
for all.
Redefining learning
for all.
Students often feel overwhelmed by text-heavy materials, disconnected from their peers, and disengaged from their studies. Traditional curriculums lack visual learning opportunities and fail to link theory with practical applications, leaving many behind.
Students often feel overwhelmed by text-heavy materials, disconnected from their peers, and disengaged from their studies. Traditional curriculums lack visual learning opportunities and fail to link theory with practical applications, leaving many behind.
03 The Solution
03 The Solution
Learn in a New
Dimension.
Learn in a New
Dimension.
EduQuest seamlessly integrates advanced AR technology with traditional learning. It offers personalized learning experiences, fosters a collaborative community, and provides accessible options through text, audio, and 3D visuals.
EduQuest seamlessly integrates advanced AR technology with traditional learning. It offers personalized learning experiences, fosters a collaborative community, and provides accessible options through text, audio, and 3D visuals.
Login & Onboarding
Login & Onboarding
Start your EduQuest
Experience.
Start your EduQuest
Experience.
Start by logging in using your educational institution's credentials. EduQuest introduces you to three main features: "My Courses," "Learning Pathways," and "Collaborative Learning."
After exploring these features, an interactive introduction walks you through the app’s various functions, ensuring you can navigate and use the app with ease. (Step 2)
Start by logging in using your educational institution's credentials. EduQuest introduces you to three main features: "My Courses," "Learning Pathways," and "Collaborative Learning."
After exploring these features, an interactive introduction walks you through the app’s various functions, ensuring you can navigate and use the app with ease. (Step 2)
Step 1 : EduQuest Login
Step 1 : EduQuest Login
GIF
Step 2 : EduQuest Onboarding
Step 2 : EduQuest Onboarding
GIF
Dashboard & My Courses
Dashboard & My Courses
Seamless Course
Navigation.
Seamless Course
Navigation.
After onboarding, users see a personalized dashboard with course progress, recent activities, and learning pathways. (Step 3)
Users can view enrolled courses and progress. Selecting a course shows units to complete sequentially, each with an introduction and options for self-paced or instructor-led learning, including downloadable topics and a guide for format selection. (Step 4)
After onboarding, users see a personalized dashboard with course progress, recent activities, and learning pathways. (Step 3)
Users can view enrolled courses and progress. Selecting a course shows units to complete sequentially, each with an introduction and options for self-paced or instructor-led learning, including downloadable topics and a guide for format selection. (Step 4)
Step 3 : Main Dashboard
Step 3 : Main Dashboard
GIF
Step 4 : My Courses
Step 4 : My Courses
GIF
Learning Pathways
Learning Pathways
Flexible Learning
Options.
Flexible Learning
Options.
When selecting "Learning Pathways," users choose between self-paced and instructor-led options. Self-paced allows users to complete content at their own pace, following instructions or exploring independently. (Step 5)
Instructor-led offers live, workshop-style sessions with real-time instruction. Both options cover the same topics and lessons but differ in delivery format to enhance accessibility. (Step 6)
When selecting "Learning Pathways," users choose between self-paced and instructor-led options. Self-paced allows users to complete content at their own pace, following instructions or exploring independently. (Step 5)
Instructor-led offers live, workshop-style sessions with real-time instruction. Both options cover the same topics and lessons but differ in delivery format to enhance accessibility. (Step 6)
Step 3 : Learning Pathways (Self-Paced)
Step 3 : Learning Pathways (Self-Paced)
GIF
Step 4 : Learning Pathways (Instructor-Led)
Step 4 : Learning Pathways (Instructor-Led)
Step 4 : Learning Pathways (Instructor-Led)
GIF
Community
Community
Engage and
Create.
Engage and
Create.
The community feature lets users create and share AR projects, with basic AR project creation tutorials available. Users can name, describe, and add images to their projects. (Step 7)
Once published, users can view, comment on, and like others' projects, fostering a collaborative environment. Future plans include integrating AI for more advanced content creation. (Step 8)
The community feature lets users create and share AR projects, with basic AR project creation tutorials available. Users can name, describe, and add images to their projects. (Step 7)
Once published, users can view, comment on, and like others' projects, fostering a collaborative environment. Future plans include integrating AI for more advanced content creation. (Step 8)
Step 3 : Create and Share AR Projects
Step 3 : Create and Share AR Projects
GIF
Step 4 : View, Comment and Like
Step 4 : View, Comment and Like
GIF
Berke
Product Designer
Thank you for reviewing the project overview.
For those interested in the finer details, scroll down to explore the comprehensive process behind this project.
If you'd like to view more projects, please select from the options below.
Other Projects
Dive into the Process Work
Berke
Product Designer
Thank you for reviewing the project overview.
For those interested in the finer details, scroll down to explore the comprehensive process behind this project.
If you'd like to view more projects, please select from the options below.
Other Projects
UX/UI Design & Graphic Design
Middle School Profile
UX/UI Design & Research
Coaches' Dashboard
UX/UI Design & Research
Maple App
Dive into the Process Work
Berke
Product Designer
Thank you for reviewing the project overview.
For those interested in the finer details, scroll down to explore the comprehensive process behind this project.
If you'd like to view more projects, please select from the options below.
Other Projects
UX/UI Design & AR Design
EduQuest App
UX/UI Design & Research
Coaches' Dashboard
UX/UI Design & Research
Maple App
Dive into the Process Work
04 Research
04 Research
A Foundation for
Meaningful Integration.
A Foundation for
Meaningful Integration.
It was crucial to first establish a foundational understanding of how AR/VR can effectively integrate into cultural contexts and enhance user experiences. This initial step ensured that our product aligns with cultural practices and user activities, leading to more meaningful and engaging applications
Based on the research results, it was observed that education had the strongest cultural connections, with more than 10+ identified links.
It was crucial to first establish a foundational understanding of how AR/VR can effectively integrate into cultural contexts and enhance user experiences. This initial step ensured that our product aligns with cultural practices and user activities, leading to more meaningful and engaging applications
Based on the research results, it was observed that education had the strongest cultural connections, with more than 10+ identified links.
Figure 1.0 Offering-Activity-Culture Map
Figure 1.0 Offering-Activity-Culture Map
Radial Diagram
Trends & Insights
Trends & Insights
Trendspotting
Insights.
Trendspotting
Insights.
Analyzing AR/VR trends in education revealed possibilities in sustainability, customization, and inclusivity, framing 5+ key research questions.
Analyzing AR/VR trends in education revealed possibilities in sustainability, customization, and inclusivity, framing 5+ key research questions.
Figure 2.0 Trends Matrix Innovation
Figure 2.0 Trends Matrix Innovation
Comparison Matrix
How can AR/VR educational content help save the environment by improving sustainability in educational sector?
How can AR/VR educational content help save the environment by improving sustainability in educational sector?
What are some of the different ways that can allow students to collaborate with the use of AR/VR in a virtual environment?
What are some of the different ways that can allow students to collaborate with the use of AR/VR in a virtual environment?
What are some of the benefits of AR/VR in terms of skill improvement, retaining information and teamwork?
What are some of the benefits of AR/VR in terms of skill improvement, retaining information and teamwork?
What are the benefits of visual-based education, and have there been improvements in student performance?
What are the benefits of visual-based education, and have there been improvements in student performance?
How can AR/VR educational content be built in a way that promotes cultural diversity and equal education opportunities for students?
How can AR/VR educational content be built in a way that promotes cultural diversity and equal education opportunities for students?
How can AR/VR educational content can be customized for students specific needs?
How can AR/VR educational content can be customized for students specific needs?
How can students effectively collaborate and solve problems in an AR/VR learning environment?
How can students effectively collaborate and solve problems in an AR/VR learning environment?
How does traditional education compare to AR/VR education in terms of student success and concept comprehension?
How does traditional education compare to AR/VR education in terms of student success and concept comprehension?
How can AR/VR solutions address accessibility and inclusivity in an educational setting?
How can AR/VR solutions address accessibility and inclusivity in an educational setting?
Surveys & Interviews Section
Surveys & Interviews Section
Engaging the Learners.
Engaging the Learners.
Surveys and interviews gathered insights on the preference of students of various backgrounds for visual learning and personalized, hybrid models integrating AR technology.
Surveys and interviews gathered insights on the preference of students of various backgrounds for visual learning and personalized, hybrid models integrating AR technology.
Preference for Visual Learning
Preference for Visual Learning
How can AR/VR educational content help save the environment by improving sustainability in educational sector?
How can AR/VR educational content help save the environment by improving sustainability in educational sector?
Equal Opportunities
Equal Opportunities
Most users want equal opportunities and personalized educational modules via AR/VR, with options for various learning methods (text, visual, audio, etc.).
Most users want equal opportunities and personalized educational modules via AR/VR, with options for various learning methods (text, visual, audio, etc.).
Preparation for the Real World Application
Preparation for the Real World Application
Most users surveyed prefer visual learning over text-based education.
Most users surveyed prefer visual learning over text-based education.
Hybrid Learning
Hybrid Learning
Many users believe they would perform better if traditional learning were enhanced or supported by AR and/or VR technologies.
Many users believe they would perform better if traditional learning were enhanced or supported by AR and/or VR technologies.
User Testing
User Testing
Continuous Evolution.
Continuous Evolution.
Through A/B testing and continuous feedback loops, the solution was iterated upon, refining features based on user input.
Through A/B testing and continuous feedback loops, the solution was iterated upon, refining features based on user input.
Option A : AR Eye Application (Visual)
Option A : AR Eye Application (Visual)
AR Application
Option B : CDC Article (Text-Based)
Option B : CDC Article (Text-Based)
Web Article
"Adding a section with in-app speech
or text for learning about each
disorder would be useful."
"Adding a section with in-app speech or text for learning about each disorder would be useful."
"Adding a section with in-app speech or text for learning about each disorder would be useful."
Users want an engaging and interactive learning experience with AR that minimizes distraction and fatigue. They prefer a combination of visual and auditory elements, such as text read aloud, to enhance understanding and maintain engagement.
Additionally, simplicity in the AR tool’s design is important to ensure it is beneficial and easy to use.
Users want an engaging and interactive learning experience with AR that minimizes distraction and fatigue. They prefer a combination of visual and auditory elements, such as text read aloud, to enhance understanding and maintain engagement.
Additionally, simplicity in the AR tool’s design is important to ensure it is beneficial and easy to use.
Majority of the users favour AR over text-based learning, showing a preference for visual interaction.
Majority of the users favour AR over text-based learning, showing a preference for visual interaction.
Most users believe a combination of AR and text-based learning is more valuable, rather than using just AR.
Most users believe a combination of AR and text-based learning is more valuable, rather than using just AR.
All participants in this research have used AR or VR at least once in their lives.
All participants in this research have used AR or VR at least once in their lives.
Traditional text-based learning can lead to distraction and fatigue. AR improves the learning experience through interactivity, reducing fatigue.
Traditional text-based learning can lead to distraction and fatigue. AR improves the learning experience through interactivity, reducing fatigue.
Users want a tool that offers a comprehensive and varied learning experience quickly.
Users want a tool that offers a comprehensive and varied learning experience quickly.
The users want an audio component, such as text being read aloud, to help them learn concepts while using AR.
The users want an audio component, such as text being read aloud, to help them learn concepts while using AR.
User Personas
User Personas
Empathizing &
Synthesizing.
Empathizing &
Synthesizing.
Affinity maps, empathy maps and user personas were created to ensure a user-centric design, addressing challenges such as grasping complex concepts and the demand for engaging visual tools.
Affinity maps, empathy maps and user personas were created to ensure a user-centric design, addressing challenges such as grasping complex concepts and the demand for engaging visual tools.
Toggle to View
Figure 3.0 : Empathizing
Affinity Map
Toggle to View
Figure 3.0 : Empathizing
Affinity Map
Toggle to View
Figure 3.0 Empathizing
Affinity Map
Toggle to View
Figure 3.1 : Crafting Personas
User Persona
Toggle to View
Figure 3.1 : Crafting Personas
User Persona
Toggle to View
Figure 3.1 Crafting Personas
User Persona
"AR is more interactive, sparking
curiosity to learn about different
conditions by following the app's
steps"
"AR is more interactive, sparking curiosity to learn about different
conditions by following the app's steps"
"AR is more interactive, sparking curiosity to learn about different
conditions by following the app's steps"
It was further justified that learners benefit from engaging visual content for fieldwork, intuitive options for complex theories, flexible course options with strong community interaction, and concise, organized materials for better focus and reduced overwhelm.
Our app had to be built to ensure an effective and satisfying learning experience. Here are some important bullet points:
It was further justified that learners benefit from engaging visual content for fieldwork, intuitive options for complex theories, flexible course options with strong community interaction, and concise, organized materials for better focus and reduced overwhelm.
Our app had to be built to ensure an effective and satisfying learning experience. Here are some important bullet points:
Offer both instructor-led and self-paced learning options.
Offer both instructor-led and self-paced learning options.
Enable easy switching between learning modes.
Enable easy switching between learning modes.
Ensure the app is accessible to users with varying tech skills.
Ensure the app is accessible to users with varying tech skills.
Include diverse course formats (videos, quizzes, interactive sessions).
Include diverse course formats (videos, quizzes, interactive sessions).
Ensure content is visually appealing and easy to understand.
Ensure content is visually appealing and easy to understand.
Implement discussion forums and group projects.
Implement discussion forums and group projects.
Provide customizable study settings (e.g., dark mode, quiet hours).
Provide customizable study settings (e.g., dark mode, quiet hours).
Create channels for real-time communication and feedback.
Create channels for real-time communication and feedback.
05 Development
05 Development
Crafting the Future.
Crafting the Future.
An intuitive interface featuring My Courses, Learning Pathways, and Collaborative Learning was crafted, continuously refined through RITE testing.
An intuitive interface featuring My Courses, Learning Pathways, and Collaborative Learning was crafted, continuously refined through RITE testing.
User Flow
User Flow
Streamlined
Experience.
Streamlined
Experience.
Users begin with interactive onboarding and move to a personalized dashboard. They can track progress in "My Courses," choose between self-paced or instructor-led "Learning Pathways," and engage in "Collaborative Learning."
This system provides a dynamic and adaptable learning experience, enhancing users skills and productivity.
Users begin with interactive onboarding and move to a personalized dashboard. They can track progress in "My Courses," choose between self-paced or instructor-led "Learning Pathways," and engage in "Collaborative Learning."
This system provides a dynamic and adaptable learning experience, enhancing users skills and productivity.
Figure 4.1 EduQuest App Flow
Figure 4.1 EduQuest App Flow
User Flow Diagram
Low-fidelity Wireframing
Low-fidelity Wireframing
Crafting the
Blueprint.
Crafting the
Blueprint.
Our lo-fi wireframing technique serves to establish a robust groundwork for our pioneering educational framework.
This method aims to detail the fundamental layout and interactivity of our AR-enhanced educational utilities through rudimentary drawings and stand-ins.
Our lo-fi wireframing technique serves to establish a robust groundwork for our pioneering educational framework.
This method aims to detail the fundamental layout and interactivity of our AR-enhanced educational utilities through rudimentary drawings and stand-ins.
Figure 4.2 EduQuest Lo-fi Wireframing Process
Figure 4.2 EduQuest Lo-fi Wireframing Process
Low-Fidelity Wireframes
Branding
Branding
Your Quest for
Learning.
Your Quest for
Learning.
Founded in 2024 and based in Ontario, Canada, EduQuest is designed to transform education with its flexible, immersive learning platform. It is made to seamlessly integrate with educational organizations, offering on-demand learning from anywhere.
By combining cutting-edge AR technology with traditional methods, it is designed to provide a dynamic and engaging educational experience.
Founded in 2024 and based in Ontario, Canada, EduQuest is designed to transform education with its flexible, immersive learning platform. It is made to seamlessly integrate with educational organizations, offering on-demand learning from anywhere.
By combining cutting-edge AR technology with traditional methods, it is designed to provide a dynamic and engaging educational experience.
Figure 4.3 : Clear Space
Figure 4.3 : Clear Space
Brand Guideline
Figure 4.4 : Primary, Black & White Logo
Figure 4.4 : Primary, Black & White Logo
Brand Guideline
Colour & Typography
Colour & Typography
The Visual DNA of
EduQuest.
The Visual DNA of
EduQuest.
EduQuest's visual identity uses a refined color palette and typography to enhance clarity and impact. Our primary color, #006ADA, signifies innovation, while the secondary color, #004D92, adds depth. (Figure 4.5)
Montserrat is used for titles, providing a modern look, and Karla for body text, ensuring legibility and sophistication. (Figure 4.6)
EduQuest's visual identity uses a refined color palette and typography to enhance clarity and impact. Our primary color, #006ADA, signifies innovation, while the secondary color, #004D92, adds depth. (Figure 4.5)
Montserrat is used for titles, providing a modern look, and Karla for body text, ensuring legibility and sophistication. (Figure 4.6)
Figure 4.5 : Colour Palette
Figure 4.5 : Colour Palette
Brand Guideline
Figure 4.6 : Typography
Figure 4.6 : Typography
Brand Guideline
Style Guide
Style Guide
Defining Our Visual
Identity.
Defining Our Visual
Identity.
The EduQuest Style Guide establishes our brand’s visual identity with precision. It details our color palette and typography choices to ensure a cohesive and impactful representation across all media.
The EduQuest Style Guide establishes our brand’s visual identity with precision. It details our color palette and typography choices to ensure a cohesive and impactful representation across all media.
Figure 4.7 EduQuest Style Guide
Figure 4.7 EduQuest Style Guide
Brand Guideline
My Reflections
My Reflections
Project Learnings
Project Learnings
Recruitment Hurdles
Recruitment Hurdles
The biggest challenge I faced was recruiting participants for user testing. Many withdrew last minute, disrupting my plans. This taught me to always over-recruit and plan for potential dropouts, a strategy that saved me time and prevented setbacks.
The biggest challenge I faced was recruiting participants for user testing. Many withdrew last minute, disrupting my plans. This taught me to always over-recruit and plan for potential dropouts, a strategy that saved me time and prevented setbacks.
Streamlining the Concept
Streamlining the Concept
Initially, my project aimed to serve both professionals and students, but time and development constraints forced me to narrow my focus to students. This taught me the importance of refining ideas and focusing on one impactful solution, rather than trying to solve everything at once.
Initially, my project aimed to serve both professionals and students, but time and development constraints forced me to narrow my focus to students. This taught me the importance of refining ideas and focusing on one impactful solution, rather than trying to solve everything at once.
Managing Time and Expectations
Managing Time and Expectations
Balancing tasks across different phases and other class projects was tough. I set high goals but couldn’t complete everything, particularly testing. This taught me the importance of setting realistic goals and recognizing that design is an ongoing, iterative process.
Balancing tasks across different phases and other class projects was tough. I set high goals but couldn’t complete everything, particularly testing. This taught me the importance of setting realistic goals and recognizing that design is an ongoing, iterative process.
Berke
Product Designer
Thank You for Your Interest.
Thank You for Your Interest.
If you have any questions or need further information regarding my personal projects, please feel free to contact me.
I’m more than happy to share additional insights, details, or provide clarifications. I'm always available to assist and discuss how these projects align with your needs or interests.
If you have any questions or need further information regarding my personal projects, please feel free to contact me.
I’m more than happy to share additional insights, details, or provide clarifications. I'm always available to assist and discuss how these projects align with your needs or interests.
UX/UI Design & Research
Maple App
UX/UI Design & Research
Maple App
UX/UI Design & Research
Maple App