Outcome-Based Education (OBE) adalah pendekatan pendidikan yang menekankan pencapaian hasil belajar spesifik yang terukur. Dalam konteks ini, pemantauan Course Learning Outcomes (CLO) dan Program Learning Outcomes (PLO) merupakan elemen penting untuk mendukung akreditasi program studi dan peningkatan kualitas pendidikan. Penelitian ini bertujuan merancang antarmuka pengguna (frontend) website berbasis OBE untuk kepala program studi (Kaprodi) di Fakultas Rekayasa Industri. Dengan menggunakan metode prototyping, sistem ini mengintegrasikan fitur seperti import data master CLO dan PLO, visualisasi grafik capaian, hingga pembuatan laporan capaian pembelajaran. Antarmuka dirancang menggunakan React.js untuk memastikan kemudahan akses, kecepatan, dan efisiensi. Evaluasi sistem dilakukan menggunakan System Usability Scale (SUS), dengan hasil menunjukkan tingkat kemudahan penggunaan yang tinggi. Sistem ini diharapkan mampu meningkatkan efisiensi dan akurasi dalam pemantauan pencapaian CLO dan PLO, serta memberikan solusi efektif bagi Kaprodi dalam mendukung pengambilan keputusan berbasis data.