Works

>

EduTech

EduTech

EduTech

EduTech

Project Type

Project Type

Project Type

Web Application

Web Application

Web Application

Role

Role

Role

UI Designer

UI Designer

UI Designer

Timeline

Timeline

Timeline

4 Weeks

4 Weeks

4 Weeks

Tools

Tools

Tools

At-a-glance 🧐

At-a-glance 🧐

At-a-glance 🧐

EduTech is a faculty web app where faculty can monitor their student's progress, mark attendance, evaluate assignments, create and publish tests, track forthcoming events, and track overall activity via the dashboard page of EduTech.

Styles

Styles

Typography

Typography

Typography

A good UI typeface should have enough breathing room in-between letters, and even spacing to establish a steady rhythm.

A good UI typeface should have enough breathing room in-between letters, and even spacing to establish a steady rhythm.

Lato

Colors

Colors

Colors

Proper color use is important for creating a positive image for your customers, that's why color plays a leading role in the interface design.

Proper color use is important for creating a positive image for your customers, that's why color plays a leading role in the interface design.

High Fidelity Screens

High Fidelity Screens

Dashboard

Dashboard

Dashboard

Faculty can view numerous pieces of information on this dashboard page that will help them better understand their students and classes in order to improve teaching effectiveness and student achievement.

Faculty can view numerous pieces of information on this dashboard page that will help them better understand their students and classes in order to improve teaching effectiveness and student achievement.

Faculty can view numerous pieces of information on this dashboard page that will help them better understand their students and classes in order to improve teaching effectiveness and student achievement.

Calendar

Calendar

Calendar

Faculty can quickly arrange meetings and events, as well as receive reminders about forthcoming activities, using this calendar screen.

Faculty can quickly arrange meetings and events, as well as receive reminders about forthcoming activities, using this calendar screen.

Faculty can quickly arrange meetings and events, as well as receive reminders about forthcoming activities, using this calendar screen.

Class Progress

Class Progress

Class Progress

From this class progress screen faculty can quickly assess students' progress and identify those who are at risk, allowing them to provide timely guidance.

From this class progress screen faculty can quickly assess students' progress and identify those who are at risk, allowing them to provide timely guidance.

From this class progress screen faculty can quickly assess students' progress and identify those who are at risk, allowing them to provide timely guidance.

Evaluation

Evaluation

Evaluation

Faculty can keep track of the number of assignments received and those yet to be received from the evaluation screen. Faculty members can also download, review, and publish the grades and feedback for the assignments they have received.

Faculty can keep track of the number of assignments received and those yet to be received from the evaluation screen. Faculty members can also download, review, and publish the grades and feedback for the assignments they have received.

Faculty can keep track of the number of assignments received and those yet to be received from the evaluation screen. Faculty members can also download, review, and publish the grades and feedback for the assignments they have received.

Attendance

Attendance

Attendance

Faculty can mark attendance for students from this screen.

Faculty can mark attendance for students from this screen.

Faculty can mark attendance for students from this screen.

Test

Test

Test

Faculty can set exam settings and view details for upcoming, active, and completed exams on the test screen.

Faculty can set exam settings and view details for upcoming, active, and completed exams on the test screen.

Faculty can set exam settings and view details for upcoming, active, and completed exams on the test screen.

  1. Active Test Screen

  1. Active Test Screen

  1. Active Test Screen

This screen provides a detailed view of the active exam, allowing faculty to keep track of the exam's progress, exam start and end times, and student scores.

This screen provides a detailed view of the active exam, allowing faculty to keep track of the exam's progress, exam start and end times, and student scores.

This screen provides a detailed view of the active exam, allowing faculty to keep track of the exam's progress, exam start and end times, and student scores.

  1. Completed Test Screen

  1. Completed Test Screen

  1. Completed Test Screen

This screen displays a detailed perspective of the completed exam, allowing faculty to examine
individual student exam reports. The number of correct questions and incorrect questions are listed in the report.

This screen displays a detailed perspective of the completed exam, allowing faculty to examine individual student exam reports. The number of correct questions and incorrect questions are listed in the report.

This screen displays a detailed perspective of the completed exam, allowing faculty to examine individual student exam reports. The number of correct questions and incorrect questions are listed in the report.

  1. Upcoming Test Screen / Add New Test

  1. Upcoming Test Screen / Add New Test

  1. Upcoming Test Screen / Add New Test

This is the screen where faculty can create, review, and distribute exam papers to students. Faculties can view, modify, or delete the added questions from the right panel.

This is the screen where faculty can create, review, and distribute exam papers to students. Faculties can view, modify, or delete the added questions from the right panel.

This is the screen where faculty can create, review, and distribute exam papers to students. Faculties can view, modify, or delete the added questions from the right panel.

Faculty can add additional questions and switch between summary, MCQ, and true/false with the + sign. The add question button adds questions to the right panel, where faculty can review, edit, or delete questions.

Faculty can add additional questions and switch between summary, MCQ, and true/false with the + sign. The add question button adds questions to the right panel, where faculty can review, edit, or delete questions.

Faculty can add additional questions and switch between summary, MCQ, and true/false with the + sign. The add question button adds questions to the right panel, where faculty can review, edit, or delete questions.

Review

Review

Review

Faculty can review the added questions and answers on the review screen, download the exam paper in PDF format,and distribute the exam paper to students.

Faculty can review the added questions and answers on the review screen, download the exam paper in PDF format,and distribute the exam paper to students.

Faculty can review the added questions and answers on the review screen, download the exam paper in PDF format,and distribute the exam paper to students.

© 2024 by Shireen

Designed with