PERANCANGAN UI/UX PADA WEBSITE PARFUM JS PREMIERE MENGGUNAKAN FIGMA
Keywords:
UI/UX, Design Thinking, Figma, Website Parfum, System Usability Scale (SUS)Abstract
Perkembangan teknologi digital mendorong pelaku usaha untuk memanfaatkan website sebagai media promosi dan penyampaian informasi kepada pelanggan. Namun, banyak website yang masih memiliki tampilan kurang menarik, navigasi yang membingungkan, serta informasi yang belum tersusun dengan baik sehingga dapat menurunkan kenyamanan pengguna. Penelitian ini bertujuan merancang User Interface (UI) dan User Experience (UX) pada website Parfum JS Premiere menggunakan metode Design Thinking dan aplikasi Figma. Metode Design Thinking diterapkan melalui lima tahapan, yaitu empathize, define, ideate, prototype, dan test. Tahap empathize dilakukan dengan observasi dan wawancara untuk memahami kebutuhan pengguna. Tahap define digunakan untuk mengidentifikasi permasalahan utama, kemudian tahap ideate menghasilkan konsep desain yang sesuai dengan kebutuhan pengguna. Selanjutnya, tahap prototype dilakukan dengan merancang antarmuka website menggunakan Figma yang mencakup fitur admin dan pelanggan. Tahap test dilakukan pengujian System Usability Scale (SUS). Hasil penelitian menunjukkan bahwa prototype yang dirancang memiliki tampilan yang modern, navigasi yang mudah dipahami, serta informasi produk yang terstruktur. Pengujian SUS memperoleh nilai rata-rata 76,25 yang termasuk kategori Good, Acceptable, dan Grade B, sehingga desain yang dihasilkan memiliki tingkat usability yang baik dan mampu memberikan pengalaman pengguna yang positif.
Downloads
References
C. M. Aulia, I. A. Prabadhi, and Wilonotomo, “Systematic Literature Review : Metode Perancangan UI/UX Dalam Pengembangan Aplikasi Digital,” J. Ilm. Pendidik. Dasar, vol. 10, no. September, pp. 234–248, 2025, doi: https://doi.org/10.23969/jp.v10i03.32760.
C. S. AZKIA, “Systematic Literature Review (Slr) : Trend Perancangan UI UX Menggunakan Figma,” Community Serv. Artic., vol. 1, no. 1, pp. 25–31, 2024, doi: 10.65344/comers.v1i1.33.
D. Hanafi, I. A. Prabadhi, and G. B. Hertantyo, “Perancangan Desain User Interface / User Experience : Systematic Literature Review,” J. Mhs. Tek. Inform., vol. 9, no. 3, pp. 4665–4671, 2025, doi: 10.36040/jati.v9i3.13782.
A. Yahya and A. Nugroho, “Perancangan Ulang UI / UX Dengan Figma Pada Website OKE OCE Indonesia Menggunakan Metode Design Thinking,” J. Inf. Syst. Res., vol. 6, no. 1, pp. 261–271, 2024, doi: 10.47065/josh.v6i1.5987.
S. Sutrisno, A. Nuryadin, and M. D. A. Ridlo, “Perancangan Desain User Interface (UI) dan User Experience (UX) Website Multi-Platform Bachman Decoration dengan Menggunakan Metode Design Thinking,” J. Artif. Intell. Bus., vol. 4, no. 4, pp. 6192–6203, 2025, doi: https://doi.org/10.31004/riggs.v4i4.4611.
M. Richi, J. Gunawan, Michael, and A. Farisi, “Analisis Metode Perancangan dan Evaluasi UI / UX : Sebuah Tinjauan Literatur Sistematis,” J. MDP Student Conf., pp. 601–608, 2025, doi: https://doi.org/10.35957/mdp-sc.v4i1.11300.
R. A. Malik and M. R. Frimadani, “UI/UX Analysis and Design Development of Less-ON Digital Startup Prototype by Using Lean UX,” J. Rekayasa Sist. dan Teknol. Inf., vol. 5, no. 158, pp. 958–965, 2022, doi: https://doi.org/10.29207/resti.v6i6.4454.
Ardiyanto, I. Junaedi, and A. Z. Sianipar, “Perancangan Ulang UI/UX Design Website STIE & STMIK Jayakarta Menggunakan Metode Design Thinking,” Indones. J. Inf. Syst., vol. 10, no. September 2025, pp. 108–120, 2025, doi: https://doi.org/10.36549/ijis.v10i2.411.
D. F. Shiddieq and D. Nurhayati, “Perancangan UI / UX Sistem Informasi Akademik berbasis Design Thinking,” J. Ilm. Sinus, vol. 23, no. 1, pp. 25–36, 2025, doi: http://dx.doi.org/10.30646/sinus.v23i1.862.
A. A.-Z. Ibrahim and I. Lestari, “Perancangan UI/UX Pada Website Rumah Tahfidz Akhwat Menggunakan Metode Design Thinking,” J. Inf. Commun. Technol., vol. 12, no. 2, pp. 96–105, 2023, doi: 10.34148/teknika.v12i2.599.
N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking Nursanti,” J. Inf. Commun. Technol., vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.
Y. Oktafamero, S. F. A. Wati, A. S. Fitri, A. V. Vitianingsih, and A. L. Maukar, “Desain UI / UX Aplikasi Penjualan UMKM Sablon Menggunakan Metode Design Thinking,” J. Sist. Inf., vol. 6, no. 3, pp. 746–755, 2024, doi: https://doi.org/10.31849/zn.v6i3.21845.
A. E. Pradana, I. Kurniawati, and F. Amsury, “Perancangan Desain UI / UX Berbasis Website Pada Sdit Nurul Ilmi Biligual Integrated School Bekasi Menggunakan Metode Design Thinking,” Infotech J., vol. 10, no. 2, pp. 317–326, 2024, doi: https://doi.org/10.31949/infotech.v10i2.11736.
N. D. Amalina and E. P. Rachmawati, “Penerapan Metode Design Thinking Dalam Perancangan Ulang UI&UX Aplikasi iPusnas,” J. Inform. Polinema, vol. 11, no. 3, pp. 317–326, 2025, doi: https://doi.org/10.33795/jip.v11i3.7233.
Herfandi, Yuliadi, M. T. A. Zaen, F. Hamdani, and A. M. Safira, “Penerapan Metode Design Thinking Dalam Pengembangan UI dan UX,” J. Build. Informatics, Technol. Sci., vol. 4, no. 1, pp. 337–344, 2022, doi: 10.47065/bits.v4i1.1716.
Y. Febriyanto, P. Sukmasetya, and Maimunah, “Implementasi Design Thinking dalam Perancangan UI / UX Rumah Sampah Digital Banjarejo,” J. Inf. Syst. Res., vol. 4, no. 3, pp. 936–947, 2023, doi: 10.47065/josh.v4i3.3135.
M. D. Anggraeni, M. A. Rony, and A. Saputra, “Implementasi Metode Design Thinking dalam Desain User Interface pada Sistem Informasi Berbasis Website,” J. TIN Terap. Inform. Nusant., vol. 6, no. 6, pp. 786–794, 2025, doi: 10.47065/tin.v6i6.8641.
C. Fikriliani and F. Panjaitan, “Perancangan UI/UX pada Website Inventaris Barang Menggunakan Metode Design Thinking,” MALCOM Indones. J. Mach. Learn. Comput. Sci., vol. 5, no. January, pp. 463–472, 2025, doi: https://doi.org/10.57152/malcom.v5i1.1850.
N. Ramadhan, R. E. Febrita, and J. A. Prasetyo, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Website CV. Lokal Industri,” J. Ilm. Tek. Inform. dan Sist. Inf., pp. 1810–1821, 2024, doi: 10.35889/jutisi.v13i3.2106.
P. Y. Pratiwi and N. P. E. Suchahyani, “Implementation Of Design Thinking Method And Usability Testing In The Design Of A Scholarship Information System,” J. Pendidik. Teknol. dan Kejuru., vol. 21, no. 2, pp. 133–144, 2024, doi: https://doi.org/10.23887/jptkundiksha.v21i2.81688.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Muhammad Alief Indra Putra, Muhammad Jibril (Author)
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
