SSB Rumbai Pratama masih menghadapi kendala dalam penyampaian informasi, promosi, dan pengelolaan data siswa yang sebelumnya masih dilakukan secara manual sehingga akses informasi bagi Admin, pelatih, orang tua, dan siswa belum
efisien. Penelitian ini bertujuan merancang dan membangun frontend sistem informasi profil sekolah sepak bola berbasis web sebagai media promosi dan manajemen data siswa dengan menerapkan prinsip User Interface dan User
Experience. Pengembangan dilakukan menggunakan metode Agile Scrum melalui lima Sprint, yang terdiri dari empat Sprint pengembangan frontend dan satu Sprint
revisi seminar akhir. Proses pengembangan dimulai dari analisis kebutuhan dan
perancangan antarmuka menggunakan Figma, kemudian implementasi frontend
menggunakan React JS serta integrasi dengan backend Laravel melalui Inertia.js.
Hasil penelitian menunjukkan bahwa frontend berhasil menyediakan fitur promosi
SSB, pendaftaran, pembayaran, jadwal latihan, kehadiran, performa, prestasi,
notifikasi, dan catatan pelatih sesuai kebutuhan pengguna. Pengujian UEQ-S
menunjukkan hasil positif dengan nilai overall 2,125 pada kelompok orang tua dan
2,575 pada kelompok pelatih. Jika digabungkan, nilai overall UEQ-S adalah 2,189
dan berada pada kategori positif. Pengujian usability menggunakan Maze
menunjukkan seluruh task pada role Umum, Orang Tua, dan Pelatih memperoleh
Success Rate sebesar 100% dan Drop-off sebesar 0%. Hasil Survey Feedback juga
menunjukkan nilai 4,4 dari 5 pada role Umum, 4,4 dari 5 pada role Orang Tua, dan
4,6 dari 5 pada role Pelatih. Hasil tersebut menunjukkan bahwa frontend yang
dikembangkan informatif, mudah digunakan, nyaman, dan sesuai dengan
kebutuhan pengguna.