UX Design
Personal Project
Abhyasu is a online platform for kids involving computational courses for kids which is taught by experts in the field with over 15 years of experience. This project involved creating their brand and guidelines, a website with information regarding their courses and a dashboard where students and parents can view progress, class notes and more.
Background
Abhyasu.com was an existing platform with the aim to teach computational thinking to students in class 4, 5, 6 and more. However, the website lacked a dashboard and information and was out-of-date and did not communicate the intentions, skill or the results. The classes were also held ad-hoc with no structure in place. So, my job as a UX designer consulting with them was to solve these issues and give them a robust website and dashboard which will solve all these issues.
Stakeholders
User Research
As part of user and background research, online sessions were conducted with the lecturer staff, parents and few students to understand their key pain-points in the existing model of conducting classes. Some of the key takeaways from those are summarized below.
Existing Website Design
User Flow
For a new parent looking to sign-up their child on to a course.
Concept Wireframes
Login Screens
Concept Wireframes for the Login screens. Final selection was made based on stakeholder feedback and best practices.
Sign-up Screens
Concept Wireframes for the sign-up screens
Main Dashboard
Concepts for the main dashboard
Demo Class
Concepts for demo class
The concept wireframes were tested and evaluated with the different stakeholders at the time and the final design was based on the amalgamation of the features and layouts which garnered the most positive feedback
Visual Design
Colour Palette and Typography
Logo and Wordmark
Final Designs
Login Page
Login with Google Auth was implemented and username/password login is being tested with users
Sign-up Flow
Signing-up with Google and then getting the student details on the next page
The registration flow also has a OTP based phone number verification.
Dashboard
The dashboard screens lets the students and parents access the status of the course, their courses, next class schedule and assignments pending (if any). For an unregistered user, it also lets them sign-up and schedule a demo class.
A logged-in and registered user can see the schedule, access past class videos and notes and complete the online assignments for any modules
Website
