Sistem pembayaran tagihan melalui Payment Gateway menjadi solusi modern dalam mendukung proses administrasi keuangan yang efisien dan terintegrasi. Kebutuhan ini menjadi krusial bagi Politeknik Negeri Jakarta sebagai institusi pendidikan tinggi yang memerlukan sistem pembayaran yang dapat terhubung langsung dengan pihak bank secara real-time untuk mengatasi tantangan rekonsiliasi manual yang memakan waktu dan rentan terhadap kesalahan. Oleh karena itu, penelitian ini bertujuan untuk merancang dan membangun aplikasi tagihan berbasis web yang terintegrasi dengan sistem Payment Gateway guna meningkatkan efisiensi, akurasi, dan transparansi proses pembayaran mahasiswa. Fokus penelitian diarahkan pada pengembangan antarmuka pengguna (front-end) dengan menggunakan framework Vue.js untuk menciptakan tampilan yang responsif, interaktif, dan mudah digunakan. Metodologi yang digunakan dalam pengembangan sistem ini adalah metode Waterfall, yang meliputi tahapan analisis kebutuhan, perancangan sistem, implementasi, dan pengujian. Front-end aplikasi dibangun menggunakan Vue.js karena kemampuannya dalam membangun komponen antarmuka yang dinamis dan skalabel, sehingga memungkinkan pengguna, khususnya bagian keuangan dan mahasiswa, untuk melihat detail tagihan serta melakukan verifikasi pembayaran secara otomatis. Hasil dari penelitian ini menunjukkan bahwa aplikasi tagihan berbasis Payment Gateway yang dikembangkan mampu berjalan dengan baik dan fungsional pada berbagai perangkat. Pengujian sistem dilakukan menggunakan metode Black Box dan System Usability Scale (SUS). Berdasarkan hasil pengujian SUS, aplikasi memperoleh skor sebesar 75, yang termasuk dalam kategori acceptable dan menunjukkan bahwa sistem dinilai cukup layak dan mudah digunakan oleh pengguna. Dengan demikian, aplikasi ini diharapkan dapat menjadi solusi konkret untuk meningkatkan kualitas layanan, mempercepat proses rekonsiliasi keuangan, dan memberikan kemudahan akses informasi administrasi di Politeknik Negeri Jakarta.