Pengelolaan data kehadiran konvensional di PT. XYZ masih rentan terhadap kesalahan pencatatan dan manipulasi. Penelitian ini bertujuan merancang sistem smart attendance berbasis website yang mengintegrasikan teknologi Face Recognition menggunakan Face-API.js dan Geolocation untuk validasi lokasi dalam radius maksimal 200 meter. Sistem dikembangkan menggunakan framework Next.js, MySQL, dan Role-Based Access Control (RBAC) dengan tiga peran. Hasil pengujian Black Box menunjukkan sistem berjalan dengan baik. Pengujian Face Recognition membuktikan sistem mampu mengenali wajah terdaftar secara real-time, serta berhasil menolak absensi ketika pengguna memakai masker, menggunakan wajah orang lain, atau dalam kondisi kurang cahaya. Pada pengujian Geolocation, sistem terbukti secara akurat mengizinkan absensi di dalam radius kantor dan berhasil memblokir pencatatan kehadiran jika karyawan terdeteksi di luar batas area kerja. Pengujian User Acceptance Testing (UAT) meraih tingkat kelayakan 92% dengan kriteria "Sangat Baik". Pengujian performa mencatat kecepatan respons real-time rata-rata pemuatan awal 2,43 detik dan pemindaian lanjutan 0,72 detik. Sistem efektif meningkatkan keamanan dan keakuratan kehadiran.