Top 10 in National UX Challenge
Designing an interactive, student-centric learning experience
UI/UX COMPETITION
TOP 10
EDUCATION APP
Organizer
Dian Nuswantoro University
Role
UI/UX Designer
Platform
Mobile App
Duration
March 2024
Tools
Figma, Power Point, Canva
Partner
Naufal Mussyafa
📢 INTRO
In this competition, there are five themes to choose from, and I decided to create an educational app. After doing some research, I found that many learning platforms focus mainly on general video content and exercises, but lack a personalized approach. This led me to develop Pandai, an app that offers private learning features tailored to each student’s needs. Along with learning videos, discussion forums, live classes, and practice exercises, Pandai aims to make studying more effective, interactive, and supportive for students from elementary to high school.
📢 INTRO
In this competition, there are five themes to choose from, and I decided to create an educational app. After doing some research, I found that many learning platforms focus mainly on general video content and exercises, but lack a personalized approach. This led me to develop Pandai, an app that offers private learning features tailored to each student’s needs. Along with learning videos, discussion forums, live classes, and practice exercises, Pandai aims to make studying more effective, interactive, and supportive for students from elementary to high school.
📢 INTRO
In this competition, there are five themes to choose from, and I decided to create an educational app. After doing some research, I found that many learning platforms focus mainly on general video content and exercises, but lack a personalized approach. This led me to develop Pandai, an app that offers private learning features tailored to each student’s needs. Along with learning videos, discussion forums, live classes, and practice exercises, Pandai aims to make studying more effective, interactive, and supportive for students from elementary to high school.
💁🏻♀️ USER PERSONA
A housewife from Jakarta wants to support her children in learning more effectively at home. She’s looking for an educational app that offers private learning, video lessons, exercises, and discussion forums. Her goal is to make studying easier, more flexible, and engaging so her children can stay motivated and achieve good results at school. She often finds it hard to find time for direct teaching, and her kids tend to get bored with traditional methods. That’s why she needs a structured and accessible solution to help her children learn independently.
💁🏻♀️ USER PERSONA
A housewife from Jakarta wants to support her children in learning more effectively at home. She’s looking for an educational app that offers private learning, video lessons, exercises, and discussion forums. Her goal is to make studying easier, more flexible, and engaging so her children can stay motivated and achieve good results at school. She often finds it hard to find time for direct teaching, and her kids tend to get bored with traditional methods. That’s why she needs a structured and accessible solution to help her children learn independently.
💁🏻♀️ USER PERSONA
A housewife from Jakarta wants to support her children in learning more effectively at home. She’s looking for an educational app that offers private learning, video lessons, exercises, and discussion forums. Her goal is to make studying easier, more flexible, and engaging so her children can stay motivated and achieve good results at school. She often finds it hard to find time for direct teaching, and her kids tend to get bored with traditional methods. That’s why she needs a structured and accessible solution to help her children learn independently.
📍 USER JOURNEY
In her search for an effective and efficient online learning platform for her children, a mother begins by browsing the internet and exploring various options. She comes across an e learning app through social media ads and decides to try it. Initially, she is hopeful, but as she navigates the app, she feels overwhelmed by too many options and a lack of clear structure. Her experience is mixed she appreciates the range of features but finds the interface confusing and the content not well organized. This journey reflects a need for an e-learning app that is easy to use, clearly structured, and focused on essential learning features.
📍 USER JOURNEY
In her search for an effective and efficient online learning platform for her children, a mother begins by browsing the internet and exploring various options. She comes across an e learning app through social media ads and decides to try it. Initially, she is hopeful, but as she navigates the app, she feels overwhelmed by too many options and a lack of clear structure. Her experience is mixed she appreciates the range of features but finds the interface confusing and the content not well organized. This journey reflects a need for an e-learning app that is easy to use, clearly structured, and focused on essential learning features.
📍 USER JOURNEY
In her search for an effective and efficient online learning platform for her children, a mother begins by browsing the internet and exploring various options. She comes across an e learning app through social media ads and decides to try it. Initially, she is hopeful, but as she navigates the app, she feels overwhelmed by too many options and a lack of clear structure. Her experience is mixed she appreciates the range of features but finds the interface confusing and the content not well organized. This journey reflects a need for an e-learning app that is easy to use, clearly structured, and focused on essential learning features.
🧐 WIREFRAME
After identifying the user persona and mapping out the user journey, I moved on to creating wireframes to define the app’s structure and flow. Understanding the user's needs, goals, and pain points helped guide the layout and navigation design. The wireframes focused on functionality and ease of use, ensuring that each screen supports the user’s learning experience. By keeping the visuals minimal, I was able to test and refine ideas quickly, setting a strong foundation for the next stage developing the high fidelity design.
🧐 WIREFRAME
After identifying the user persona and mapping out the user journey, I moved on to creating wireframes to define the app’s structure and flow. Understanding the user's needs, goals, and pain points helped guide the layout and navigation design. The wireframes focused on functionality and ease of use, ensuring that each screen supports the user’s learning experience. By keeping the visuals minimal, I was able to test and refine ideas quickly, setting a strong foundation for the next stage developing the high fidelity design.
🧐 WIREFRAME
After identifying the user persona and mapping out the user journey, I moved on to creating wireframes to define the app’s structure and flow. Understanding the user's needs, goals, and pain points helped guide the layout and navigation design. The wireframes focused on functionality and ease of use, ensuring that each screen supports the user’s learning experience. By keeping the visuals minimal, I was able to test and refine ideas quickly, setting a strong foundation for the next stage developing the high fidelity design.
🤩 HI-FIDELITY
These high fidelity screens showcase the final design of the Pandai app, which helps students access private learning sessions, educational videos, live streams, discussion forums, and practice exercises in a clean and intuitive interface. Designed with accessibility and simplicity in mind, the app supports students from elementary to high school, providing a flexible and engaging learning experience. With easy navigation and personalized features, Pandai aims to make studying more interactive, motivating, and effective both at home and on the go.
🤩 HI-FIDELITY
These high fidelity screens showcase the final design of the Pandai app, which helps students access private learning sessions, educational videos, live streams, discussion forums, and practice exercises in a clean and intuitive interface. Designed with accessibility and simplicity in mind, the app supports students from elementary to high school, providing a flexible and engaging learning experience. With easy navigation and personalized features, Pandai aims to make studying more interactive, motivating, and effective both at home and on the go.
🤩 HI-FIDELITY
These high fidelity screens showcase the final design of the Pandai app, which helps students access private learning sessions, educational videos, live streams, discussion forums, and practice exercises in a clean and intuitive interface. Designed with accessibility and simplicity in mind, the app supports students from elementary to high school, providing a flexible and engaging learning experience. With easy navigation and personalized features, Pandai aims to make studying more interactive, motivating, and effective both at home and on the go.
🧩 PROTOTYPE
This prototype brings the Pandai app to life by demonstrating how each feature functions through interactive user flows. It allows users to experience the complete journey from choosing private learning sessions, watching educational videos, and joining live classes to exploring discussion forums and practicing exercises. The prototype helps visualize the app’s structure, usability, and overall experience, making it easier to evaluate and refine the design before moving into development.
🧩 PROTOTYPE
This prototype brings the Pandai app to life by demonstrating how each feature functions through interactive user flows. It allows users to experience the complete journey from choosing private learning sessions, watching educational videos, and joining live classes to exploring discussion forums and practicing exercises. The prototype helps visualize the app’s structure, usability, and overall experience, making it easier to evaluate and refine the design before moving into development.
🧩 PROTOTYPE
This prototype brings the Pandai app to life by demonstrating how each feature functions through interactive user flows. It allows users to experience the complete journey from choosing private learning sessions, watching educational videos, and joining live classes to exploring discussion forums and practicing exercises. The prototype helps visualize the app’s structure, usability, and overall experience, making it easier to evaluate and refine the design before moving into development.
Onboarding
Onboarding
Onboarding
OTP Verification
OTP Verification
OTP Verification
Lesson Menu
Lesson Menu
Lesson Menu
Quizz
Quizz
Quizz
Learning Material
Learning Material
Learning Material
Archive Lesson
Archive Lesson
Archive Lesson
