Design a kid-friendly UI of pages of a online tutoring web application
Budget: $30 – $250 USD
We have a web application to manage an online teaching business. The system previously only serves tutors and administrators. It has an adult-oriented UI design. Please see the attachment for the current dashboard design and the classroom page design.
We now plan to open the web application to the students, allowing them to view the enrolled classes, the studying progress, etc., and need to design a kid-friendly UI.
I prefer a talent with previous design experience in kids-friendly UI designs. PLEASE tell me which project in your portfolio is kids-oriented when submitting the application.
Please design the UI using only HTML5/CSS. We use Bootstrap 4.6 and Font Awesome 4.7.
The work includes two pages: the dashboard page and the classroom page.
The dashboard should include the following functions:
1. The lessons the student is currently enrolled in. A lesson should include the following information [Lesson Title, From Date - To Date, Lesson Schedule (e.g., Wed 3 pm), Tutor Name]
2. Weekly Lesson Progress (Total X lessons, completed Y lessons)
3. Tutor feedback for recent lessons. This include the lesson title, Lesson time (e.g., Dec 21, 2021 3 PM), Tutor name, and a text of feedback (e.g., "Martin needs improvements in answering questions")
4. Badges for completed courses. Each badge is a small picture with a color and a grayscale version. Here is an example of the badges I am thinking of (https://iite.unesco.org/highlights/open-badges-new-opportunities-to-recognize-and-validate-achievements-digitally/)
The classroom page has a left side bar for list of course materials and a central page for displaying the selected material (slides, videos, pdfs etc).
The budget is for the dashboard page and the classroom page. I will add more budget and milestones if more pages need to be redesigned.
We now plan to open the web application to the students, allowing them to view the enrolled classes, the studying progress, etc., and need to design a kid-friendly UI.
I prefer a talent with previous design experience in kids-friendly UI designs. PLEASE tell me which project in your portfolio is kids-oriented when submitting the application.
Please design the UI using only HTML5/CSS. We use Bootstrap 4.6 and Font Awesome 4.7.
The work includes two pages: the dashboard page and the classroom page.
The dashboard should include the following functions:
1. The lessons the student is currently enrolled in. A lesson should include the following information [Lesson Title, From Date - To Date, Lesson Schedule (e.g., Wed 3 pm), Tutor Name]
2. Weekly Lesson Progress (Total X lessons, completed Y lessons)
3. Tutor feedback for recent lessons. This include the lesson title, Lesson time (e.g., Dec 21, 2021 3 PM), Tutor name, and a text of feedback (e.g., "Martin needs improvements in answering questions")
4. Badges for completed courses. Each badge is a small picture with a color and a grayscale version. Here is an example of the badges I am thinking of (https://iite.unesco.org/highlights/open-badges-new-opportunities-to-recognize-and-validate-achievements-digitally/)
The classroom page has a left side bar for list of course materials and a central page for displaying the selected material (slides, videos, pdfs etc).
The budget is for the dashboard page and the classroom page. I will add more budget and milestones if more pages need to be redesigned.