EdTech Dashboard

Dark UI Web Design

Project Goals

The EdTech Educators' Dashboard is designed to serve as a centralized platform for educators and faculty members. Its main purpose is to streamline the management of courses and enhance the monitoring of student performance. By providing efficient tools and intuitive interfaces, the dashboard aims to improve the delivery and management of educational content, thereby boosting the overall effectiveness of educators.

Key Features

1. Student Performance Tracking:
- Class performance summaries (average grades, attendance, and student total)
- Summary line charts showing average scores and attendance rates of students of different course
‍
2. Course Management:
- Calendar view for managing course schedules including tests and due dates.
- Tracking of course progress.

1. User-Centric Design:
- Prioritize ease of use and accessibility, ensuring educators can quickly access necessary information with minimal navigation.
‍
2. Dark UI Theme:
- Adopt a dark color palette to reduce eye strain and enhance the visual appeal.
- Ensure high contrast for readability and user comfort.
‍
3. Data Visualization:
- Utilize charts, graphs, and other visual aids to clearly and intuitively present data.
- Employ colors and icons to highlight key metrics and alerts, aiding in quick decision-making.

Design Principles:

Header:
- Includes a search bar, customizable theme options, notification center, and user profile access for quick and personalized interactions.

Sidebar Navigation:
- Features a persistent menu with quick access to sections like Dashboard, Courses, Students, Calendar, Reports, Inbox, Settings, and Logout, topped with the EdTech logo.

Main Content Area:
1. Course Management:
- Displays a list of courses with progress visualized via pie charts, including details such as course title and semester.
- An interactive calendar for managing course schedules, with clickable dates showing upcoming assignments.

2. Student Performance Tracking:
- Line charts illustrating student grades and attendance over time, with options to view data weekly, monthly, or yearly.
- Display of the total student count for straightforward management.
- Navigate through each course’s statistics by clicking on course boxes in the "course progress" section to view detailed class performance metrics.

Dashboard Layout: