Skuma — School Management Dashboard Design

Sahid Aldi Susilo
11 min readOct 14, 2023

--

📌 Background Story

When I worked at Kotakodelabs as a UI/UX Designer, one of the projects I was involved in was a web application for an LMS (Learning Management System), which focused on integrating learning for Admins, Teachers, and Students.

During this opportunity, I attempted to create a dashboard design from the Admin’s perspective, concentrating on school management, including Departments, Buildings, Divisions, Departments, and even Parents and Students.

For this project, I collaborated with my friend Nuril Ichsan, who served as a UX Writer. I tried to use Radix UI Components from the Figma Community for the Design System (in case there are Developers interested in making it live).

📌 Features

  1. Dashboard
  2. Study Program
  3. Building
  4. Room
  5. Floor
  6. Division
  7. Department
  8. Position
  9. Staff
  10. Parent
  11. Student

📌 Information Architecture

📌 Userflow

📌 Branding

📌 Moodboards

📌 Wireframes

📌 Mockups

  • Login
  • Forgot Password
  • Dashboard
  • Study Program
  • Building
  • Room
  • Floor
  • Division
  • Department
  • Position
  • Staff
  • Parent
  • Student

📌 Prototype

📌 Closing

So that was the process from start to finish where I created this LMS design, I learned a lot of lessons and they were all valuable. Thank you for reading to the end and have a nice day.

For more awesome stuff check my website at Sahid — Freelance UI/UX Designer (webflow.io)

Thank you 👍

--

--

Sahid Aldi Susilo

A UI/UX Design Specialist with 2+ years of experience. Familiar with product development life cycle. I craft high impactful user-centered designs. Let's chat!