UI/UX DESIGN FOR A WEB-BASED DONOR ATTENDANCE SCHEDULING APPLICATION AT GRIYA YATIM AND DHUAFA AL-FALAH RANCAEKEK ORPHANAGE

Authors

Asep Akbar , Hendra Gunawan

Published:

2026-06-02

Downloads

Abstract

Griya Yatim and Dhuafa Al-Falah Rancaekek Orphanage is a social institution engaged in the care, education, and mentoring of orphans and underprivileged children. In sup- porting the sustainability of these activities, the role of donors is very important, both in the form of financial contributions and direct participation in orphanage activities. However, the process of scheduling donor visits is still carried out manually, which of- ten leads to problems such as irregular schedules, time conflicts, and suboptimal re- cording of attendance data. Therefore, a solution is needed in the form of designing a User Interface and User Experience (UI/UX) for a web-based donor visit scheduling application that is easy to use and aligned with user needs. The purpose of this study is to design the UI/UX of a donor visit scheduling application to improve usability and ef- ficiency in data management. The method used is Human Centered Design (HCD), which focuses on user needs and experiences, with stages consisting of inspiration, ide- ation, and implementation. Data collection methods include observation, interviews, and literature studies to understand user needs and the existing system workflow. The result of this study is a UI/UX design of a web-based donor visit scheduling application that includes interface design and user interaction flows, such as donor data manage- ment, visit scheduling, schedule notifications, and attendance reports. This design is ex- pected to provide a better user experience and assist orphanage administrators in man- aging donor attendance more effectively, systematically, and efficiently.

 

Keywords:

UI/UX Donor Scheduling Web-Based Application Human Centered De- sign Orphanage

References

Azziqra, M. Z. (2024). Perancangan UI / UX Untuk Aplikasi Al-Quran Menggunakan Metode HCD ( Human Centered Design ). 6(1), 59–68.

Engineering, I., Handayani, N., Tangerang, U. M., Bina, U., Informatika, S., Studi, P., Informasi, S., & Pradita, U. (2023). PERANCANGAN UI / UX APLIKASI DESTINASI WISATA BERBASIS WEB. 7(1), 35–43.

Gautama, S. P., Fajarwati, S., & Hamdi, A. (2023). UI / UX Design on Prototype Attendance Using the Design Thinking Method. 2(1), 10–18.

Gunawan, C. R., Gunawan, C. R., Bahri, R., & Pradipta, R. (2025). Jurnal Mardika , Masyarakat Berdikari dan Berkarya Pemberdayaan Panti Asuhan melalui Penerapan Sistem Informasi Digital dalam Meningkatkan Transparansi dan Pengelolaan Donatur serta Anak Asuh Pendahuluan Metode. 3, 170–175. https://doi.org/10.55377/mardika.v3i3.13518

Humanika, M. A. (2020). Perancangan Tampilan Antarmuka Website Trisno Motor Menggunakan Pendekatan HCD ( Human- Centered Design ).

Idris, M. A. (n.d.). Perancangan UI / UX Aplikasi Perangkat Bergerak Ivent Menggunakan Pendekatan HCD ( Human Centered Design ).

Indah, D., Rizki, N., Raharjo, P., Kurniawan, T. A., & Rusdianto, D. S. (2019). Pengembangan Aplikasi Penentuan Prioritas Kebutuhan Fungsional Perangkat Lunak Berdasarkan Kebutuhan Non-Fungsional. 3(3), 2862–2866.

Kurniawan, P., & Rani, S. (2022). Perancangan Desain UI / UX Aplikasi PeduliPanti Menggunakan Metode Human-Centered Design.

Lichas, S. A., Jaelani, I., Teknik, F., Experience, U., Design, H. C., Setiaji, A. R., Triayudi, C., Sholihati, A., & Fajar, S. (2023). IMPLEMENTASI METODE HUMAN CENTERED DESIGN ( HCD ) DALAM PERANCANGAN USER INTERFACE USER EXPERIENCE APLIKASI E-MENU BERBASIS MOBILE DI UMKM BAWANA KOPI. 7(3), 2032–2038.

Oprasto, R. (2023). Jurnal Pepadun Penerapan UI / UX Pada Perancangan Sistem Informasi Penjadwalan Study Case SMK Negeri 2 Kota Tangerang Selatan Jurnal Pepadun. 4(2), 215–224.

Rizkina, R. (2023). Perancangan UI / UX Menggunakan Metode UCD Pada Website PMKS Pendataan Anak Yatim Lombok Tengah. 10(1).

Setiadi, A. R. (n.d.). Perancangan UI / UX menggunakan pendekatan HCD ( Human- Centered design ) pada website Thriftdoor.

Siregar, A. S., Saputra, E., Arsa, D., Ramadhani, N. P., Informasi, S., Jambi, U., Jambi, K., Jambi, P., & Pariwisata, U. L. (n.d.). PERANCANGAN UI / UX SISTEM PRAKERIN WEB DENGAN METODE UCD. 531–540.

Tahun, B., Info, A., & Al-quran, T. (n.d.). Perancangan UI / UX untuk Aplikasi Tafsir Al-Quran Berbasis Mobile Menggunakan Metode HDC ( Human Centered Design ). 7, 1–9.

Wahyuni, C. N., Palopo, U. C., Artikel, I., Design, H., Experience, U., & Interface, U. (2025). Desain UI/UX Aplikasi School Library Berbasis Website Menggunakan Pendekatan HCD. 370–380. https://doi.org/10.33364/algoritma/v.22-2.2528

Author Biographies

Asep Akbar, STMIK IM Bandung

Author Origin : Indonesia

Hendra Gunawan, STMIK IM Bandung

Author Origin : Indonesia

Downloads

Download data is not yet available.

How to Cite

Asep Akbar, & Hendra Gunawan. (2026). UI/UX DESIGN FOR A WEB-BASED DONOR ATTENDANCE SCHEDULING APPLICATION AT GRIYA YATIM AND DHUAFA AL-FALAH RANCAEKEK ORPHANAGE. Multidiciplinary Output Research For Actual and International Issue (MORFAI), 6(4), 5386–5394. Retrieved from https://radjapublika.com/index.php/MORFAI/article/view/5592

Similar Articles

<< < 8 9 10 11 12 13 14 15 16 17 > >> 

You may also start an advanced similarity search for this article.