RANCANG BANGUN FRONTEND WEBSITE DI KLINIK PRATAMA MONHAL PERSADA DENGAN METODE ATOMIK DESAIN

Abstract

User Interface & User Experience (UI/UX) merupakan sebuah sistem desain tampilan sebuah website maupun mobile dari sebuah aplikasi. Sebuah website company profile terdapat pada Klinik Pratama Monhal Persada yang memiliki fungsi memberikan informasi kepada pengguna yang mengaksesnya, namun tampilan UI/UX website tersebut kurang baik dan Klinik Pratama Monhal Persada berupaya untuk terus berkembang di ranah digital dengan membuat sistem pemesanan tiket kunjungan dokter atau bidan, untuk itu diperlukan mendesain ulang UI/UX website tersebut. Aplikasi website ini dibuat dengan library React.Js dan desain UI/UX-nya menggunakan metode atomik desain yang saat ini banyak digunakan oleh perusahaan-perusahaan besar karena mudah untuk dilakukan maintenance. Atomik desain merupakan sebuah metode yang dibuat oleh Brad Frost diperuntukkan untuk membuat sebuah sistem desain tampilan website yang terorganisir. React.js sebuah library yang digunakan untuk membangun tampilan UI/UX yang baik dan sejalan dengan metode Atomik Desain. Pengujian aplikasi ini menggunakan metode System Usability Scale (SUS) untuk mengukur sejauh mana pengguna mendapatkan kepuasan menggunakan website aplikasi Pemesanan Tiket Kunjungan Dokter dan Bidan, hasil pengujian menggunakan metode tersebut diikuti oleh 9 responden berlatar belakang IT menghasilkan nilai skor rata-rata 82.4 dan 6 responden bukan berlatar belakang IT menghasilkan nilai skor rata-rata 75. Dengan begitu, hasil rancangan desain memiliki hasil excellent dan good.