Penggunaan Figma dan Metode Design Thinking dalam User Interface dan User Experience untuk Website E-Commerce Pasar Grosir Tradisional


Keywords: UI/UX; Design Thinking; UMKM Digitalization; Figma; Website Management

Abstract

This study aims to design the User Interface (UI) and User Experience (UX) of a management website for a wholesale store UD. Putra Banjar in Jakarta using Figma software and the Design Thinking method. The background of this study is the need for digitalization in stock and transaction management which has so far been done manually and is considered inefficient. This study identified four main problems: the integration of Figma and Design Thinking in the design process, the involvement of owners and customers in development, increasing transaction efficiency through the website, and providing additional features to increase customer trust in the product. The Design Thinking method used includes five stages, namely Empathize, Define, Ideate, Prototype, and Test. The initial stage is carried out through interviews with owners and customers to explore needs and problems. The results of the analysis are then formulated into a design solution that is visualized in the form of a prototype using Figma. Trials were carried out by 15 users to obtain feedback to improve the design. The expected results of this study are the creation of an effective, efficient, and responsive website UI/UX design to user needs. In addition, the product review feature is expected to help customers in decision making. This research is expected to contribute to the operational efficiency of UD. Putra Banjar and become a reference in the digitalization of similar MSMEs in Indonesia.

Downloads

Download data is not yet available.

Author Biographies

Muhammad Erik, Universitas Muhammadiyah Prof. Dr. Hamka, Jakarta

Muhammad Erik  
Mahasiswa Teknik Informatika – UHAMKA  
Email: muhammaderik92@gmail.com
No. HP/WA : 082264417163

Ade Davy Wiranata, Universitas Muhammadiyah Prof. Dr. Hamka, Jakarta

Nama : Ade Davy Wiranata, S.Kom., M.Kom
Google Scholar : https://scholar.google.com/citations?user=9ZME4ewAAAAJ
Sinta : https://sinta.kemdikbud.go.id/authors/profile/6745267
ORCID : https://orcid.org/0000-0002-4204-2044
SCOPUS : https://www.scopus.com/authid/detail.uri?authorId=58364686100
Garuda : http://garuda.kemdikbud.go.id/author/view/3772692

Email: adedavy@uhamka.ac.id
Program studi: Teknik informatika
Fakultas Teknologi Industri dan Informatika
Universitas Muhammadiyah Prof. Dr. HAMKA

References

L. Nurlaela, D. Setiawati, and F. T. Wulandari, “Penerapan Metode User Centered Design pada Aplikasi UMKM Berbasis Android (Studi Kasus : UMKM Kenyot Susu Boyolali),” JITU : Journal Informatic Technology And Communication, vol. 8, no. 1, pp. 52–62, May 2024, doi: 10.36596/jitu.v8i1.387.

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.

S. Siahaan, D. Pasaribu, W. A. Simanjuntak, and S. A. SITORUS, “Penerapan Pola Peran Optimalisasi Pengelolaan Administrasi Desa Melalui Sistem Informasi Manajemen,” Jurnal Visi Pengabdian Kepada Masyarakat, vol. 6, no. 1, pp. 1–16, Jan. 2025, doi: 10.51622/pengabdian.v6i1.2552.

I. P. Sari, A. H. Kartina, A. M. Pratiwi, F. Oktariana, M. F. Nasrulloh, and S. A. Zain, “Implementasi Metode Pendekatan Design Thinking dalam Pembuatan Aplikasi Happy Class Di Kampus UPI Cibiru,” Edsence: Jurnal Pendidikan Multimedia, vol. 2, no. 1, pp. 45–55, Jun. 2020, doi: 10.17509/edsence.v2i1.25131.

G. A. Wicaksono and A. Voutama, “Fruithub: Desain UI/UX Untuk Pembelian Buah Berkualitas Berbasis Mobile Dengan Pendekatan Design Thinking,” INFORMATION MANAGEMENT FOR EDUCATORS AND PROFESSIONALS : Journal of Information Management, vol. 9, no. 1, p. 1, Jun. 2024, doi: 10.51211/imbi.v9i1.2757.

Abdul Kholik, Asep Soegiarto, and Wina Puspita Sari, “Strategi Komunikasi Visual dalam User Interface (UI) dan User Experience (UX) Untuk Membangun Kepuasan Pengguna,” TUTURAN: Jurnal Ilmu Komunikasi, Sosial dan Humaniora, vol. 2, no. 4, pp. 335–344, Nov. 2024, doi: 10.47861/tuturan.v2i4.1358.

H. Herfandi, Y. Yuliadi, M. T. A. Zaen, F. Hamdani, and A. M. Safira, “Penerapan Metode Design Thinking Dalam Pengembangan UI dan UX,” Building of Informatics, Technology and Science (BITS), vol. 4, no. 1, Jun. 2022, doi: 10.47065/bits.v4i1.1716.

Dewi Puspaningtyas Faeni and Kanizah Kanizah, “The Role of Management Information Systems in E-Commerce Business on Shopee,” Digital Bisnis: Jurnal Publikasi Ilmu Manajemen dan E-Commerce, vol. 3, no. 3, pp. 01–10, Jul. 2024, doi: 10.30640/digital.v3i3.2862.

I. K. A. Asmarajaya, K. O. Sanjaya, D. M. D. U. Putra, G. S. Mahendra, and F. N. U. Hasanah, “Sistem Informasi Keuangan pada Perusahaan Kost Elit dengan Metode Waterfall,” Swabumi, vol. 9, no. 2, pp. 100–108, Sep. 2021, doi: 10.31294/swabumi.v9i2.10970.

D. A. Nur Wulandari, S. Sunarti, and T. Kuspriyono, “Design UI/UX Menggunakan Metode Design Thingking Pada Website UMKM Hendz Florist Aglonema,” Jurnal Infortech, vol. 5, no. 1, pp. 22–29, Jun. 2023, doi: 10.31294/infortech.v5i1.15376.

G. W. M. Tangka and E. M. Lompoliu, “Perancangan Desain UI/UX Aplikasi Manajemen Keuangan Menggunakan Metode Design Thinking,” Journal of Information System Research (JOSH), vol. 5, no. 4, pp. 1196–1206, Jul. 2024, doi: 10.47065/josh.v5i4.5680.

R. Puspita and R. Astriani, “Perancangan Design UI/UX pada Website Toko Mister Shop ID Menggunakan Metode Design Thinking,” Jurnal Teknik dan Science, vol. 2, no. 3, pp. 35–46, Oct. 2023, doi: 10.56127/jts.v2i3.1047.

K. N. Saffanah and R. Andrian, “Perancangan Design UI/UX pada Aplikasi Learning Management System Guna Meningkatkan Efektivitas dan Kepuasan Pengguna Menggunakan Metode Design Thinking,” Jurnal Mnemonic, vol. 7, no. 1, pp. 23–30, Feb. 2024, doi: 10.36040/mnemonic.v7i1.8474.

D. Fathurahman et al., “Implementasi Design Thinking dalam Pengembangan Bisnis UMKM Melalui Platform Instagram: Studi Kasus Dapur Queensha,” Jurnal Pariwisata Bisnis Digital dan Manajemen, vol. 3, no. 1, pp. 8–17, May 2024, doi: 10.33480/jasdim.v3i1.4310.

M. U. Sukendar and E. Susena, “User Interface Website as a Digital Personal Branding,” International Journal of Computer and Information System (IJCIS), vol. 3, no. 3, pp. 137–141, Sep. 2022, doi: 10.29040/ijcis.v3i3.88.

M. Soegaard, The Basics of User Experience Design BY INTERACTION DESIGN FOUNDATION. 2018.

G. B. Ramadhan and R. A. Firdausiah, “Pendekatan Metode Design Thinking Dalam Perancangan Inovasi Produk,” Jurnal Kewirausahaan dan Inovasi, vol. 3, no. 3, pp. 918–928, May 2024, doi: 10.21776/jki.2024.03.3.25.

N. Manajemen et al., “Penerapan Metode Design Thinking pada Perancangan Prototype Aplikasi UMKM Go Ekspor untuk Memperluas Pasar Penjualan Produk UMKM ke Luar Negeri,” Musytari: Neraca Manajemen, Ekonomi, vol. 11, no. 10, Dec. 2024, doi: 10.8734/mnmae.v1i2.359.

I. P. Sari, F. Ramadhani, A. Satria, D. Apdilah, and M. Basri, “Rancangan UI/UX Aplikasi Analytics pada Toko Online Wao Sneakers Menggunakan Figma Berbasis Mobile,” Factory Jurnal Industri, Manajemen dan Rekayasa Sistem Industri, vol. 1, no. 3, pp. 93–101, May 2023, doi: 10.56211/factory.v1i3.265.

S. R. Velu, “Design Thinking Approach for Increasing Innovative Action in Universities: ICT’s Mediating Effect,” Sustainability (Switzerland), vol. 15, no. 1, Jan. 2023, doi: 10.3390/su15010024.

W. Liu et al., “Empathy Design Thinking: cultivating creative minds in primary education,” Front Educ (Lausanne), vol. 9, 2024, doi: 10.3389/feduc.2024.1376305.


Bila bermanfaat silahkan share artikel ini

Berikan Komentar Anda terhadap artikel Penggunaan Figma dan Metode Design Thinking dalam User Interface dan User Experience untuk Website E-Commerce Pasar Grosir Tradisional

Dimensions Badge
Article History
Submitted: 2025-07-18
Published: 2025-08-06
Abstract View: 28 times
PDF Download: 88 times
How to Cite
Erik, M., & Wiranata, A. (2025). Penggunaan Figma dan Metode Design Thinking dalam User Interface dan User Experience untuk Website E-Commerce Pasar Grosir Tradisional. Journal of Information System Research (JOSH), 6(4), 2199-2208. https://doi.org/10.47065/josh.v6i4.8043
Issue
Section
Articles