Perancangan Desain Antaramuka Website Katalog Produk UMKM Kerajinan Rotan Menggunakan Pendekatan Design Thinking

Authors

  • Abdurrosit Abdurrosit Universitas Bumigora
  • Sunardy kasim Universitas Bumigora

DOI:

https://doi.org/10.31004/riggs.v5i1.6966

Keywords:

Desain Antarmuka Pengguna, Website Katalog Produk, UMKM, Kerajinan Rotan, Design Thinking

Abstract

Perkembangan media digital mendorong UMKM untuk menyajikan informasi produk secara lebih terstruktur dan profesional guna meningkatkan efektivitas komunikasi dengan konsumen. Namun, banyak UMKM kerajinan masih mengandalkan media sosial yang bersifat linier dan tidak sistematis, sehingga menimbulkan pertanyaan berulang terkait harga, ukuran, dan variasi produk. Kondisi ini menunjukkan adanya kesenjangan antara kebutuhan konsumen akan informasi yang jelas dengan media penyampaian yang digunakan, serta rendahnya efisiensi komunikasi antara pelaku usaha dan calon pembeli. Penelitian ini bertujuan merancang desain antarmuka pengguna (UI) website katalog produk sebagai media komunikasi visual yang mampu menyajikan informasi secara terstruktur, konsisten, dan mudah diakses. Metode yang digunakan adalah pendekatan Design Thinking yang meliputi tahapan empathize, define, ideate, prototype, dan test, dengan teknik pengumpulan data berupa observasi dan wawancara semi-terstruktur terhadap pemilik usaha dan konsumen. Objek penelitian adalah UMKM kerajinan rotan yang mengalami kendala dalam penyampaian informasi produk secara digital. Hasil penelitian berupa rancangan prototipe high-fidelity website katalog yang menampilkan arsitektur informasi sederhana, struktur navigasi yang jelas, hierarki visual yang konsisten, serta komponen kartu produk untuk meningkatkan keterbacaan dan kemudahan penelusuran informasi. Integrasi QR Code sebagai penghubung media offline dan online turut mendukung kemudahan akses informasi. Evaluasi awal menunjukkan bahwa struktur antarmuka yang sistematis mampu meningkatkan kejelasan informasi dan mengurangi potensi kebingungan pengguna dalam memahami detail produk secara mandiri.

Downloads

Download data is not yet available.

References

E. Y. R. Pardede and M. Simanjuntak, “Penguatan Pemasaran Digital UMKM Menggunakan Metode Design Thinking (Studi Kasus: UMKM Keripik Cap Rumah Adat Minang, UD Rezeki Baru),” Jurnal Studi Manajemen dan Bisnis, vol. 9, no. 2, pp. 119–133, Dec. 2022, doi: 10.21107/jsmb.v9i2.15946.

V. I. Pondaag, J. R. Octavia, and C. Theresia, “Penerapan Design Thinking dalam Menghasilkan Usulan Rancangan Kemasan Ramah Lingkungan untuk UMKM Makanan dan Minuman,” Journal of Integrated System, vol. 6, no. 1, pp. 103–124, Jul. 2023, doi: 10.28932/jis.v6i1.6440.

Abdul Kholik, Asep Soegiarto, and Wina Puspita Sari, “Efektivitas Komunikasi Visual Melalui Prinsip-Prinsip User Experience Design (UXD) Pada Website Virtual Event Festival Sains dan Budaya,” Jurnal ilmiah Sistem Informasi dan Ilmu Komputer, vol. 4, no. 2, pp. 01–17, Aug. 2025, doi: 10.55606/juisik.v4i2.1504.

Nielsen Norman Group., “Definition of User Experience.” [Online]. Available: https://www.nngroup.com/articles/definition-user-experience/

R. Setiawan, M. Defriani, L. Sri, and A. Muni, “Perancangan Ui/Ux Aplikasi Layanan Sistem Informasi Siswa Berbasis Mobile Menggunakan Metode Keep It Simple Stupid (Kiss) (Studi Kasus : SMK PURNAWARMAN Purwakarta),” vol. 2, no. 5, pp. 101–115, 2024, doi: 10.61132/merkurius.v2i4.288.

I. Averushyd Juliansyah and I. V Paputungan, “Perancangan User Experience Pada Website Penjualan Kerajinan Tangan Dengan Metodologi Design Thinking,” 2022.

D. R. Ismawati, B. Berlilana, and P. Subarkah, “Perancangan Desain Antarmuka Pengguna Aplikasi Katalog Digital Pada UMKM My-Boutique Menggunakan Metode Design Thinking,” Decode: Jurnal Pendidikan Teknologi Informasi, vol. 5, no. 2, pp. 673–682, Jul. 2025, doi: 10.51454/decode.v5i2.1259.

I. D. Foundation., “Visual hierarchy.” [Online]. Available: https://www.interaction-design.org/literature/topics/visual-hierarchy

Ronni Sahat Hutabarat and Ketut Sudaryana, “User-Centered Design pada User Interface (UI) / User Experience (UX) Prototyping Aplikasi E-Commerce,” Jurnal Penelitian Teknologi Informasi dan Sains, vol. 2, no. 4, pp. 89–99, Dec. 2024, doi: 10.54066/jptis.v2i4.2781.

E. Gonen, “Tim Brown, Change by Design: How Design Thinking Transforms Organizations and Inspires Innovation (2009),” Markets, Globalization & Development Review, vol. 04, no. 02, 2019, doi: 10.23860/mgdr-2019-04-02-08.

R. A. Fadhallah, WAWANCARA. UNJ PRESS, 2021.

M. F. Santoso, “Implementation Of UI/UX Concepts And Techniques In Web Layout Design With Figma,” Jurnal Teknologi Dan Sistem Informasi Bisnis, vol. 6, no. 2, pp. 279–285, Apr. 2024, doi: 10.47233/jteksis.v6i2.1223.

Nielsen Norman Group., “Usability 101: Introduction to Usability.,” 2012, [Online]. Available: https://www.nngroup.com/articles/usability-101-introduction-to-usability/

P. D. Alifiyah and L. Purwanti, “Pengaruh Penggunaan Marketplace Dan Qris Terhadap Peningkatan Pendapatan Umkm,” Jurnal Kewirausahaan dan Inovasi, vol. 3, no. 3, pp. 836–851, May 2024, doi: 10.21776/jki.2024.03.3.19.

S. K. Ratri, B. T. Hanggara, and Y. T. Mursityo, “Analisis Pengalaman Pengguna (User Experience) pada Website E-commerce di Indonesia menggunakan Metode Scenario Testing dan SUPR-Q (Studi Kasus: Tokopedia dan Bukalapak),” 2022. [Online]. Available: http://j-ptiik.ub.ac.id

Downloads

Published

02-03-2026

How to Cite

[1]
A. Abdurrosit and S. kasim, “Perancangan Desain Antaramuka Website Katalog Produk UMKM Kerajinan Rotan Menggunakan Pendekatan Design Thinking”, RIGGS, vol. 5, no. 1, pp. 6404–6410, Mar. 2026.