UI Design

CLASSIK ADMIN

Simplifying academic administration through high-density data visualization.

FigmaUI/UXData VisualizationReact
Launch Project Source Code

๐ŸŽจ UI/UX Case Study & Functional Frontend.

Problem

Academic data is often siloed, making it impossible to see a student's progress over multiple years.

Solution

A centralized dashboard that visualizes data points instantly, from individual grades to class-wide averages.
Core Stack

Technical Specs

Interactive Data Visualization charts for student performance trends

Segmented cycle-based architecture (Primary, Middle, High School)

Automated calculation engine for GPA and ranking across cycles

Clean, professional interface optimized for long administrative work hours

Gallery

Visual Narrative

Final Result

Problem Solving

Engineering Complexity

"This section highlights my ability to navigate complex architectural decisions autonomously."

Displaying massive amounts of data without overwhelming the user. Solved using a Modular Card UI and filtered views.

Reduced quarterly report generation time from 3 days to 15 minutes (95% time savings). Eliminated manual calculation errors and improved data visibility for administrators.

Project Impact & Results