Membangun Tampilan Sistem Transaksi Online  (Nana&Co) Menggunakan Figma

R Wisnu Prio Pamungkas; Khoiridha Ashkiyyah; Muhammad Rayhan; Herland Sunaryo

Authors

R Wisnu Prio Pamungkas Universitas Bhayangkara Jakarta Raya
Khoiridha Ashkiyyah Universitas Bhayangkara Jakarta Raya
Muhammad Rayhan Universitas Bhayangkara Jakarta Raya
Herland Sunaryo wisnu.prio@dsn.ubharajaya.ac.id

Keywords:

Desain, UI/UX, Figma, Prototype

Abstract

Penggunaan teknologi dalam bisnis menjadi penting untuk meningkatkan efisiensi dan aksesibilitas serta kehadiran User Interface (UI) desainer dan User Experience (UX) Menjadi sangat penting. Pada penelitian ini kami menyajikan pendekatan membangun sistem transaksi online menggunakan software desain Figma. Menjelaskan proses pengembangan sistem transaksi online untuk perusahaan fiksi Nana&Co, yang menggunakan Figma sebagai alat desain antarmuka pengguna utamanya. Metode ini menggabungkan manfaat kolaborasi Figma, iterasi desain, dan pembuatan prototipe untuk mempercepat proses pengembangan dan memastikan konsistensi dalam antarmuka pengguna yang dihasilkan. Hasilnya adalah sistem transaksi online yang responsif, intuitif, dan siap pakai yang memenuhi kebutuhan bisnis Nana&Co di era digital saat ini.

Author Biography

Herland Sunaryo, wisnu.prio@dsn.ubharajaya.ac.id

[1] N. R. Wiwesa, “User Interface dan User Experience Untuk Mengelola Kepuasan Pelanggan,” J. Sos. Hum. Terap., vol. 3, no. 2, pp. 17–31, 2021.

[2] H. Velia, “Analisis dan perancangan UI/UX aplikasi E-learning berbasis gamifikasi dengan design scine research medthodologi,” Tek. Inform. UIN Jakarta, p. 197, 2021, [Online]. Available: https://repository.uinjkt.ac.id/dspace/handle/123456789/56754

[3] S. Tahir, Rusdin, Budi Harto, Arief Yanto Rukmana, Rino Subekti, Ervina Waty, Agatha Christy Situru, Transformasi Bisnis di Era Digital (Teknologi Informasi dalam Mendukung Transformasi Bisnis di Era Digital), no. August. 2023.

[4] J. -, N. Arfan, H. -, and H. Ali Hasan, “Penerapan Digital Marketing dalam Upaya Peningkatan Pendapatan Usaha Mikro Kecil dan Menengah,” ILTIZAM J. Shariah Econ. Res., vol. 6, no. 2, pp. 212–224, 2022, doi: 10.30631/iltizam.v6i2.1452.

[5] F. Azzahra, “Eksplorasi Figma sebagai Perangkat untuk Perancangan UI/UX pada Aplikasi Tiktokshop,” 2023, [Online]. Available: https://dspace.uii.ac.id/handle/123456789/46267%0Ahttps://dspace.uii.ac.id/bitstream/handle/123456789/46267/17523217.pdf?sequence=1&isAllowed=y

[6] R. D. Pratiwi, “Pengembangan Web Berbasis Problem Based Learning Menggunakan Figma Di Era Society 5 . 0 Proposal Raden Intan Lampung 1444 H / 2023 M Pengembangan Web Berbasis Problem Based Learning Menggunakan Figma,” 2023.

[7] B. D. N. Akmal Najib, Bangun Erih Pamungkas, H. Tawaqal, R. A. Figo, and R. W. P. Pamungkas, “Implementasi desain sistem informasi pelayanan pada dukcapil berbasis website menggunakan figma,” vol. 4, no. 2, pp. 80–98, 2023.

[8] Q. Budiman, S. Mouton, L. Veenhoff, and A. Boersma, “程威特 1 , 吴海涛 1 , 江帆 2,” J. Inov. Penelit., vol. 1, no. 0.1101/2021.02.25.432866, pp. 1–15, 2021.

[9] A. Z. dan D. Yusri, “BAB 2, Landasan Teori,” J. Ilmu Pendidik., vol. 7, no. 2, pp. 809–820, 2020.

[10] L. W. Barsalou, “Define Design Thinking,” She Ji, vol. 3, no. 2, pp. 102–105, 2017, doi: 10.1016/j.sheji.2017.10.007.

[11] R. Khalida and R. W. P. Pamungkas, “Enhancing Usability of the Academic Information System at Bhayangkara University: A Design Thinking and System Usability Approach,” PIKSEL Penelit. Ilmu Komput. Sist. Embed. Log., vol. 11, no. 2, pp. 373–382, 2023, doi: 10.33558/piksel.v11i2.7239.

[12] G. Faza, “Implementasi Design Thinking pada Tahap Ideate dan Prototype di SMAN 1 Sleman,” 2023.

[13] S. Milah, M. A. Sunandar, and M. Andayani Komara, “Perancangan User Interface Dan User Experience Aplikasi Penyewaan Peralatan Bayi Berbasis Mobile Menggunakan Metode Human Centered Design (Hcd) Di Babystuffrent Purwakarta,” JATI (Jurnal Mhs. Tek. Inform., vol. 7, no. 3, pp. 1714–1721, 2023, doi: 10.36040/jati.v7i3.7066.

[14] M. Naufal, M. A.- Faruq, M. H. Aufan, U. Islam, and N. Walisongo, “Perancangan Ui / Ux Semarang Virtual Tourism,” vol. 4, no. 1, pp. 43–52, 2022.

[15] M. A. Yogatura, A. Voutama, S. Informasi, and U. S. Karawang, “Perancangan Ui / Ux Untuk Platform E-Learning Kelas Fotografi Dan Videografi Berbasis Web Menggunakan Figma,” vol. 8, no. 3, pp. 2735–2742, 2024.

[16] N. Sugiyarti and R. A. Hasani, “Re-Design UI / UX IBS Core dengan Metode Design Thinking Untuk Meningkatkan Pengalaman Pengguna,” vol. 4, no. 1, pp. 93–102, 2023, doi: 10.30865/klik.v4i1.1028.

[17] R. Pramudita, R. W. Arifin, A. N. Alfian, N. Safitri, and S. Dina, “Penggunaan Aplikasi Figma Dalam Membangun Ui / Ux Yang Interaktif Pada Program Studi Teknik,” vol. 3, no. 1, pp. 149–154, 2021.

References

N. R. Wiwesa, “User Interface dan User Experience Untuk Mengelola Kepuasan Pelanggan,” J. Sos. Hum. Terap., vol. 3, no. 2, pp. 17–31, 2021.

H. Velia, “Analisis dan perancangan UI/UX aplikasi E-learning berbasis gamifikasi dengan design scine research medthodologi,” Tek. Inform. UIN Jakarta, p. 197, 2021, [Online]. Available: https://repository.uinjkt.ac.id/dspace/handle/123456789/56754

S. Tahir, Rusdin, Budi Harto, Arief Yanto Rukmana, Rino Subekti, Ervina Waty, Agatha Christy Situru, Transformasi Bisnis di Era Digital (Teknologi Informasi dalam Mendukung Transformasi Bisnis di Era Digital), no. August. 2023.

J. -, N. Arfan, H. -, and H. Ali Hasan, “Penerapan Digital Marketing dalam Upaya Peningkatan Pendapatan Usaha Mikro Kecil dan Menengah,” ILTIZAM J. Shariah Econ. Res., vol. 6, no. 2, pp. 212–224, 2022, doi: 10.30631/iltizam.v6i2.1452.

F. Azzahra, “Eksplorasi Figma sebagai Perangkat untuk Perancangan UI/UX pada Aplikasi Tiktokshop,” 2023, [Online]. Available: https://dspace.uii.ac.id/handle/123456789/46267%0Ahttps://dspace.uii.ac.id/bitstream/handle/123456789/46267/17523217.pdf?sequence=1&isAllowed=y

R. D. Pratiwi, “Pengembangan Web Berbasis Problem Based Learning Menggunakan Figma Di Era Society 5 . 0 Proposal Raden Intan Lampung 1444 H / 2023 M Pengembangan Web Berbasis Problem Based Learning Menggunakan Figma,” 2023.

B. D. N. Akmal Najib, Bangun Erih Pamungkas, H. Tawaqal, R. A. Figo, and R. W. P. Pamungkas, “Implementasi desain sistem informasi pelayanan pada dukcapil berbasis website menggunakan figma,” vol. 4, no. 2, pp. 80–98, 2023.

Q. Budiman, S. Mouton, L. Veenhoff, and A. Boersma, “程威特 1 , 吴海涛 1 , 江帆 2,” J. Inov. Penelit., vol. 1, no. 0.1101/2021.02.25.432866, pp. 1–15, 2021.

A. Z. dan D. Yusri, “BAB 2, Landasan Teori,” J. Ilmu Pendidik., vol. 7, no. 2, pp. 809–820, 2020.

L. W. Barsalou, “Define Design Thinking,” She Ji, vol. 3, no. 2, pp. 102–105, 2017, doi: 10.1016/j.sheji.2017.10.007.

R. Khalida and R. W. P. Pamungkas, “Enhancing Usability of the Academic Information System at Bhayangkara University: A Design Thinking and System Usability Approach,” PIKSEL Penelit. Ilmu Komput. Sist. Embed. Log., vol. 11, no. 2, pp. 373–382, 2023, doi: 10.33558/piksel.v11i2.7239.

G. Faza, “Implementasi Design Thinking pada Tahap Ideate dan Prototype di SMAN 1 Sleman,” 2023.

S. Milah, M. A. Sunandar, and M. Andayani Komara, “Perancangan User Interface Dan User Experience Aplikasi Penyewaan Peralatan Bayi Berbasis Mobile Menggunakan Metode Human Centered Design (Hcd) Di Babystuffrent Purwakarta,” JATI (Jurnal Mhs. Tek. Inform., vol. 7, no. 3, pp. 1714–1721, 2023, doi: 10.36040/jati.v7i3.7066.

M. Naufal, M. A.- Faruq, M. H. Aufan, U. Islam, and N. Walisongo, “Perancangan Ui / Ux Semarang Virtual Tourism,” vol. 4, no. 1, pp. 43–52, 2022.

M. A. Yogatura, A. Voutama, S. Informasi, and U. S. Karawang, “Perancangan Ui / Ux Untuk Platform E-Learning Kelas Fotografi Dan Videografi Berbasis Web Menggunakan Figma,” vol. 8, no. 3, pp. 2735–2742, 2024.

N. Sugiyarti and R. A. Hasani, “Re-Design UI / UX IBS Core dengan Metode Design Thinking Untuk Meningkatkan Pengalaman Pengguna,” vol. 4, no. 1, pp. 93–102, 2023, doi: 10.30865/klik.v4i1.1028.

R. Pramudita, R. W. Arifin, A. N. Alfian, N. Safitri, and S. Dina, “Penggunaan Aplikasi Figma Dalam Membangun Ui / Ux Yang Interaktif Pada Program Studi Teknik,” vol. 3, no. 1, pp. 149–154, 2021.