PENERAPAN DESIGN THINKING DAN PROTOTYPING DALAM PERANCANGAN UI/UX WEBSITE LAYANAN SALON ERNA ESA STUDIO MENGGUNAKAN FIGMA

Authors

  • Ellen Febriyani Sekolah Tinggi Manajemen Informasi & Komputer Jayakarta
  • Dimas Prasetyo Tegar Asmoro Sekolah Tinggi Manajemen Informasi & Komputer Jayakarta
  • Anton Zulkarnain Sianipar Sekolah Tinggi Manajemen Informasi & Komputer Jayakarta

DOI:

https://doi.org/10.31849/mrwpny90

Keywords:

UI/UX, Design Thinking, Prototyping, Website layanan Salon, System Usability Scale (SUS)

Abstract

Perkembangan teknologi digital mendorong berbagai sektor usaha meningkatkan kualitas layanan melalui pemanfaatan teknologi informasi, termasuk pada bidang jasa kecantikan dan salon. Erna Esa Studio masih menjalankan proses pelayanan secara manual, sehingga berpotensi menimbulkan keterlambatan informasi dan kesalahan pengelolaan jadwal. Penelitian ini bertujuan merancang UI/UX website layanan Salon Erna Esa Studio menggunakan metode Design Thinking dan Prototyping menggunakan Figma. Design Thinking diterapkan untuk menghasilkan rancangan yang berorientasi pada kebutuhan pengguna. Tahap Prototyping dilakukan melalui perancangan wireframe dan prototype interaktif menggunakan Figma. Pengujian usability dilakukan menggunakan System Usability Scale (SUS). Hasil pengujian memperoleh skor SUS sebesar 85,46 yang termasuk kategori Excellent, ini menunjukkan bahwa website memiliki tingkat usability yang baik dan mudah digunakan. Penelitian ini menghasilkan Design UI/UX lalu diimplementasikan ke dalam frontend website layanan Salon Erna Esa Studio, yang menyediakan fitur informasi layanan, reservasi online, informasi promosi, galeri hasil treatment, dan informasi kontak salon guna mendukung kemudahan akses layanan bagi pengguna.

References

[1] I. A. Al Adli, A. D. S. Wahyuni, N. Sahrul, S. Nurazizah, R. N. Syabaniah, dan I. Yulianti, “Implementasi Sistem Informasi Reservasi Event Berbasis Web,” Indones. J. Comput. Sci., vol. 14, no. 5, hal. 9033–9043, 2025.

[2] F. Y. Arini et al., “Aspek Ergonomi Desain Antarmuka Aplikasi Signal,” J. SENOPATI, vol. 7, no. 2, hal. 45–58, 2025.

[3] J. J. Pangala, R. Isnanto, dan A. B. Prasetijo, “Perancangan Sistem Informasi Katalog dan Manajemen Penjualan Ikan Hias Berbasis Web pada Perusahaan Rintisan Mindfish di Bogor,” J. Tek. Komput., vol. 2, no. 2, hal. 155–163, 2023, doi: 10.14710/jtk.v2i2.38557.

[4] A. Olivia, P. D. Larasati, M. Femy Mulya, S. Anwar, dan Y. Efendi, “Penerapan Design Thinking dalam Perancangan UI/UX Website untuk Meningkatkan Pengalaman Pengguna,” J. SISKOM-KB (Sistem Komput. dan Kecerdasan Buatan), vol. 8, no. 3, hal. 185–193, 2025, doi: 10.47970/siskom-kb.v8i3.836.

[5] A. C. INKA FRISKA HERDANI, FINATA OKMAYURA, SUCI ELVIANTI, TIARA FITRI, ANANDA DIFNI KHALIK, “PEMODELAN DESIGN THINGKING PADA PERANCANGAN UI DAN UX UNTUK APLIKASI ‘E-NAILS ART,’” J. Inf. Syst. Manag. Digit. Bus., vol. 1, no. 2, hal. 200–212, 2024, [Daring]. Tersedia pada: https://journal.ppmi.web.id/index.php/jismdb/article/view/395

[6] F. Purwani, M. Ridho Karunia, R. E. Saputra, dan M. A. Salam, “Implementasi Metode Design Thingking Dalam Perancangan UI/UX Pada Website SIKATAMA Universitas Islam Negeri (UIN) Raden Fatah Palembang,” J. Ris. Tek. Komput., vol. 1, no. 4, hal. 16–22, 2024.

[7] F. A. G. Aufa, F. Ramadhan, dan D. Irawan, “User Interface and User Experience ( UI / UX ) Design for the Ummu Micco Salon Website Using the Design Thinking Approach,” Nuasa Inform., vol. 20, no. 1, hal. 50–58, 2026.

[8] A. M. Kasih dan Ismail, “Perancangan UI/UX Aplikasi Booking Online Pada Elaine Studio Dengan Metode Design Thinking,” J. Inform. Univ. Laabuhanbatu, vol. 12, no. 3, hal. 417–426, 2024.

[9] A. Frayoga, Nilawati, dan E. Sany, “Penerapan Design Thinking Pada Perancangan Ui/Ux Website Bootchin Coffe,” J. Manajamen Inform. Jayakarta, vol. 4, no. 1, hal. 126–137, 2024, doi: 10.52362/jmijayakarta.v4i1.1314.

[10] D. A. Lantana dan Fauziah, Design Thinking dan Inovasi, 2025 ed. Jakarta Selatan: Lembaga Penerbitan Universitas Nasional (LPU UNAS), 2025.

[11] I. P. A. A. P. Pratama, A. A. I. I. Paramitha, dan I. putu Satwika, “Penerapan Metode Design Thinking Dalam Implementasi User Interface Berbasis Website Studi Kasus JRO Sandat Property,” J. Teknol. Komput. dan Sist. Inf., vol. 7, no. 1, hal. 73–86, 2024.

[12] F. Nathanael, J. A. Razaq, dan D. B. Santoso, “Penerapan Metode Design Thinking dalam Perancangan Website Kuis Online Menggunakan Figma di SMP Negeri 39 Semarang,” J. JTIK (Jurnal Teknol. Inf. dan Komunikasi), vol. 8, no. 4, hal. 1103–1112, 2024, doi: 10.35870/jtik.v8i4.2591.

[13] A. Firdonsyah, Z. Arwananing Tyas, dan L. Ma’rifatun, “Penerapan Metode Design Thinking Pada Perancangan UI/UX Sistem Informasi Penelitian Mahasiswa Berbasis Web,” INFORMAL Informatics J., vol. 8, no. 2, hal. 136–142, 2023, doi: 10.19184/isj.v8i2.33468.

[14] J. R. P. Pradhana et al., “Pengujian Usability untuk Mengetahui Kepuasan Pengguna pada Website Perpustakaan Institut Teknologi Telkom Purwokerto,” J. ICTEE, vol. 2, no. 1, hal. 36–41, 2021, doi: 10.33365/jictee.v2i1.1038.

[15] A. Y. Priyono, G. Aryotejo, dan S. Adhy, “Penerapan Metode Design Thinking untuk Perancangan Prototype Lost and Found,” J. Masy. Inform., vol. 14, no. 2, hal. 96–107, 2023, doi: 10.14710/jmasif.14.2.52662.

Downloads

Published

2026-09-21

Issue

Vol. 8 No. 3 (2026): Publikasi artikel ZONAsi: Jurnal Sistem Informasi Periode September 2026

Section

Articles

License

Copyright (c) 2026 ZONAsi: Jurnal Sistem Informasi

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

CC BY-SA 4.0


Attribution-ShareAlike 4.0

You are free to:

  1. Share — copy and redistribute the material in any medium or format for any purpose, even commercially.
  2. Adapt — remix, transform, and build upon the material for any purpose, even commercially.
  3. The licensor cannot revoke these freedoms as long as you follow the license terms.

Under the following terms:

  1. Attribution — You must give appropriate credit , provide a link to the license, and indicate if changes were made . You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
  2. ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
  3. No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.

Notices:

You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation .

No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.

How to Cite

[1]
“PENERAPAN DESIGN THINKING DAN PROTOTYPING DALAM PERANCANGAN UI/UX WEBSITE LAYANAN SALON ERNA ESA STUDIO MENGGUNAKAN FIGMA”, zn, vol. 8, no. 3, pp. 1052–1065, Sep. 2026, doi: 10.31849/mrwpny90.