Perancangan Dan Implementasi Website Healthdoc Sebagai Produk Digital Di PT Nugraha Kreasi Digital
Article Sidebar
Main Article Content
Abstract
The development of digital technology has driven the emergence of web-based health information platforms that are faster, more efficient, and easily accessible. This study aims to design and implement the HealthDoc website as a digital product that provides healthcare service information through a modern, responsive, and user-friendly interface. The benefits of this research include offering a web-based health information solution for companies and serving as a reference for frontend development using a UI/UX approach. The dataset used consists of company information content, healthcare service data, design assets from the UI/UX team, and visual prototypes created using Figma. The research employs a descriptive qualitative method with the Waterfall development model, covering stages such as requirements analysis, UI/UX design, implementation using HTML, Tailwind CSS, and JavaScript, as well as responsiveness and functionality testing using DevTools and the black-box method. The development process includes design slicing, structuring layouts using Tailwind CSS utility-first classes, adding interactivity with JavaScript, and deploying the website via Vercel to ensure stable online access. The results show that the HealthDoc website operates optimally across various devices, with all features functioning as intended and the interface aligning with the original design. Therefore, the HealthDoc website is effective as both a digital health information platform and a professional company profile
Article Details
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
References
D. Prasanti and S. S. Indriani, “Pengembangan Teknologi Informasi Dan Komunikasi Dalam Sistem E-Health Alodokter.Com the Use of Information and Communication Technology in E-Health System Alodokter.Com,” J. Sosioteknologi, vol. 17, no. 1, pp. 93–103, 2018, [Online]. Available: http://journals.itb.ac.id/index.php/sostek/article/view/6294
M. I. Fathurrahman, “Penerapan Prinsip Desain Antarmuka dalam Evaluasi User Interface dan User Experience E-Learning,” vol. 8, no. 2, pp. 171–181, 2024.
Rully Pramudita, Rita Wahyuni Arifin, Ari Nurul Alfian, Nadya Safitri, and Shilka Dina Anwariya, “Penggunaan Aplikasi Figma Dalam Membangun Ui/Ux Yang Interaktif Pada Program Studi Teknik Informatika Stmik Tasikmalaya,” J. Buana Pengabdi., vol. 3, no. 1, pp. 149–154, 2021, doi: 10.36805/jurnalbuanapengabdian.v3i1.1542.
F. Rifandi, Tri Viqi Adriansyah, and Rina Kurniawati, “Website Gallery Development Using Tailwind CSS Framework,” J. E-Komtek, vol. 6, no. 2, pp. 205–214, 2022, doi: 10.37339/e-komtek.v6i2.937.
M. Tristan and A. Voutama, “Perancangan UI / UX Aplikasi Perpustakaan Online Berbasis Mobile Menggunakan Software Figma,” vol. 12, no. 4, pp. 973–980, 2024.
D. Adistyan Pranata, R. Indriati, A. Nugroho, and N. PGRI Kediri, “Desain UI/UX E-Commerce Menggunakan Aplikasi Figma,” Pros. SEMNAS INOTEK (Seminar Nas. Inov. Teknol., vol. 8, no. 1, pp. 413–422, 2024, [Online]. Available: https://proceeding.unpkediri.ac.id/index.php/inotek/article/view/4959
A. Yahya and A. Nugroho, “Perancangan Ulang UI / UX Dengan Figma Pada Website OKE OCE Indonesia Menggunakan Metode Design Thinking,” vol. 6, no. 1, pp. 261–271, 2024, doi: 10.47065/josh.v6i1.5987.
M. A. Senubekti, G. L. Dajoreyta, and N. Anggraini, “Pembuatan Desain UI/UX dengan Metode Prototyping pada Aplikasi Layanan Pengadilan Negeri Bale Bandung menggunakan Figma,” J. Inform. Terpadu, vol. 10, no. 1, pp. 1–10, 2024, doi: 10.54914/jit.v10i1.1001.
L. Page, P. Pembangunan, and K. Di, “Jurnal Ilmu Kedokteran dan Kesehatan Indonesia,” vol. 2, no. 3, pp. 71–79, 2022.
U. K. Maranatha, “Perilaku pencarian informasi Kesehatan melalui internet di masyarakat Health information seeking behavior using the internet in society,” vol. 7, no. 1, pp. 81–87, 2023, doi: 10.24198/pjdrs.v6i2.40474.
G. C. Lestari, “Analisis Aksesibilitas Situs Web pada Rumah Sakit,” vol. 18, pp. 98–103, 2024.
J. M. Polgan et al., “Perancangan UI / UX Pada Website Percetakan di PT . Ikhtiar Berkah Menggunakan Metode User Centered Design ( UCD ),” vol. 14, pp. 1199–1208, 2025.
T. Raharjo, D. Kuswoyo, and S. S. Tyas, “Optimalisasi Desain UI / UX WEBSITE DemiFilm . co Dengan Metode Design Thinking Dan Usability Testing,” no. 1, pp. 1–11, 2025.
R. Prasetyo, A. Nugroho, A. Sugandi, and U. S. Muhammadiyah, “Meningkatkan Performa Frontend dengan Menggunakan Framework Next . Js dalam Pengembangan Website,” vol. 2, no. 2, pp. 14–19, 2024, doi: 10.64163/jochac.v2i2.31.
D. Implementasi, D. Ui, U. X. Pada, and S. Web, “OPTIMALISASI PENGGUNAAN HTML , CSS , DAN JAVASCRIPT,” vol. 3, no. 11, pp. 12256–12274, 2024.
M. Multazam, I. V Paputungan, and B. Susanto, “Perancangan User Interface dan User Experience pada Placeplus menggunakan Pendekatan User Centered Design,” Univ. Islam Indones., vol. 1, pp. 1–8, 2020, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/15528/10233