Mekanisme plotting pengajaran yang efisien merupakan tantangan bagi institusi pendidikan, terlebih lagi yang memiliki alur proses yang cukup kompleks. Saat ini, institusi masih menggunakan aplikasi perkantoran yang tidak dirancang khusus untuk kebutuhan tersebut, yang membuat proses menjadi rentan terhadap kesalahan dan kurang efisien. Penelitian ini bertujuan untuk mengembangkan antarmuka pengguna untuk sistem plotting pengajaran berbasis web menggunakan pendekatan singel page appliaction (SPA) dan teknik lazy loading. Proses pengembangan dilakukan dengan menggunakan pendekatan iteratif berbasis sprint, kemudia dilakukan evaluasi kualitas untuk memverifikasi karakteristik arsitektur dan mengukur performa tampilan secara keseluruhan. Hasil penelitian menunjukan bahwa SPA berhasil menciptakan navigasi tampilan tanpa harus muat ulang halaman. Hasil analisis performa juga menunjukkan penerapan lazy loading terbukti efektif dalam mengurangi ukuran bundle awal sekitar 16% dan mempercepat waktu muat halaman hingga 42% dibandingkan teknik eager loading.