PERANCANGAN UI/UX WEBSITE PENDAFTARAN PESERTA DIDIK BARU dengan FITUR PEMANTAUAN SISWA BERISIKO MENGGUNAKAN METODE DESIGN THINKING STUDI KASUS: MA AZ-ZUHRI KECAMATAN TANJUNG MORAWA

Abstrak

Website Penerimaan Peserta Didik Baru (PPDB) memiliki peran penting dalam digitalisasi proses seleksi dan pendaftaran di sekolah. Penelitian ini bertujuan untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX) dari sistem PPDB berbasis web yang dilengkapi dengan fitur pemantauan siswa berisiko. Metode yang digunakan adalah pendekatan user-centered design dengan tahapan observasi kebutuhan, pembuatan user flow, wireframe, dan mockup menggunakan figma. Fitur utama yang dirancang meliputi halaman pendaftaran, dashboard pengguna berdasarkan peran (siswa, admin, wali kelas, guru BK, dan kepala sekolah), serta sistem observasi dan intervensi terhadap siswa dengan indikator risiko. Komponen visual seperti ikon, tipografi, warna, dan tombol disusun secara konsisten untuk meingkatkan kemudahan penggunaan dan efisiensi. Hasil dari perancangan ini berupa prototipe antarmuka sistem yang mendukung proses pendaftaran dan pemantauan secara digital dan terstruktur, serta berpotensi diimplementasikan sebagai solusi manajemen PPDB dan bimbingan konseling berbasis sistem informasi.

The New Student Admission (PPDB) website plays a crucial role in digitizing the registration and selection process in schools. This study aims to design the User Interface (UI) and User Experience (UX) of a web-based PPDB system integrated with a feature to monitor at-risk students. The method used is a user-centered design approach, involving the stages of requirement analysis, user flow mapping, wireframe, and mockup development using Figma. Key features include the registration page, role-based dashboard (for students, admin, homeroom teachers, counselors, and principals), and a monitoring system for identifying and handling at-risk students based on risk indicators. Visual components such as icons, typography, color palette, and buttons are arranged consistently to improve usability and interaction efficiency. The result of this study is a UI prototype that supports digital and structured PPDB and student monitoring processes, with the potential to be implemented as an integrated solution for admission management and counseling in schools.