Perancangan UI/UX pada Aplikasi Briefin untuk Edukasi Design Brief Berbasis Mobile Smartphone

Fahri Juliansah; Jhon Jhon

doi:10.63854/kolase.v2i1.212

Perancangan UI/UX pada Aplikasi Briefin untuk Edukasi Design Brief Berbasis Mobile Smartphone

Fahri Juliansah, Jhon Jhon

Sari

Rumah Cetak Syariah Mufid masih menggunakan metode pemesanan desain melalui media percakapan, sehingga informasi dari pelanggan sering tidak lengkap dan memicu miskomunikasi dengan desainer. Penelitian ini merancang UI/UX aplikasi Briefin berbasis mobile smartphone sebagai media simulasi dan edukasi untuk menyusun brief desain secara terstruktur. Peneliti menggunakan metode observasi, wawancara, dan studi pustaka, kemudian menyusun konsep perancangan melalui mind mapping, sketsa, dan user flow, mendigitalkan antarmuka di Figma, membangun prototype, dan mengevaluasinya lewat kuesioner. Hasil perancangan berupa prototype Briefin dengan alur penggunaan sederhana dan antarmuka yang mudah dipahami, sehingga membantu pelanggan menyampaikan kebutuhan desain lebih jelas kepada desainer. Perancangan ini juga menghasilkan media pendukung berupa landing page, motion grafis, manual book, y-banner, poster, gantungan kunci, dan stiker. Mayoritas responden memberikan tanggapan positif terhadap tampilan antarmuka, kemudahan penggunaan, dan alur aplikasi. Briefin diharapkan menjadi solusi alternatif untuk meningkatkan efektivitas komunikasi antara pelanggan dan desainer di Rumah Cetak Syariah Mufid.

Kata Kunci

UI/UX, Briefin, Mobile, Brief Desain, Prototype

Teks Lengkap:

PDF

Referensi

Rantona Safutra, Solihin Olih, and Abdullah Ahmad Zakki, “Editorial Team Ketua Penyunting (Editor in Chief) Penyunting Pelaksana (Assistant Editor) Information Technologi (Tim IT),” Apr. 2024.

A. Hendrawan Fakultas Teknologi, I. dan Komunikasi, and I. Teknologi dan Bisnis Kristen Bukit Pengharapan Tawangmangu, “Efektivitas Design Brief Sebagai Prompt Berbasis Teks Dalam Proses Desain Logo Artificial Intelligence,” Mei, 2025.

M. Tegar Rezakhi Saputra and D. Cahyo Nugroho, “Efektivitas Google Form Sebagai Media Briefing Customer Dalam Meningkatkan Komunikasi Tim Desain Dan Produksi,” Neraca Akuntansi Manajemen, Ekonomi, vol. 21, 2025, doi: 10.8734/mnmae.v1i2.359.

M. Agus Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” 2020. [Online]. Available: https://my.cic.ac.id/.

D. Anugraha and H. Santoso, “Perancangan Antarmuka Web Visualisasi Grafik Susut Listrik PT PLN UP3 Lubuk Pakam dengan Design Thinking Web Interface Design for Electricity Loss Visualization at PT PLN UP3 Lubuk Pakam Using Design Thinking,” 2025, [Online]. Available: https://jurnal.unity-academy.sch.id/index.php/jirsi/index276

S. N. P.B., A. Andeas, and J. A. Nugroho, “Pengembangan ‘Jurnal Proses Desain’ sebagai Media Pembelajaran Perancangan Desain,” Jurnal Desain, vol. 9, no. 1, p. 131, Dec. 2021, doi: 10.30998/jd.v9i1.10690.

I. N. Oktasari, A. F. Yogananti, and K. Kunci, “Perancangan Ulang UX/UI Pada Website Mtarget Untuk Menambah Pengalaman Pengguna,” 2019.

M. Okty Dea Pratama, “Pengembangan Prototipe Desain User Interface & User Experience (UI/UX) Pada Aplikasi OSS URINDO Menggunakan FIGMA,” Jurnal Teknologi Informasi, vol. 8, 2022, [Online]. Available: http://ejournal.urindo.ac.id/index.php/TI

M. Fadhil, I. Saragih, and R. Purba, “Pengembangan Desain UI/UX Untuk Aplikasi Legaltech Mobile Pada Layanan Konsultasi Dan Administrasi Hukum Development of UI/UX Design for Mobile Legaltech Application in Legal Consultation and Administration Services,” JL. William Iskandar Ps, 2024. [Online]. Available: https://www.doi.org/10.22303

R. Setiawan and P. E. Mountaines, “Perancangan Tampilan Antarmuka Website Program UMKM Tupai Tech Menggunakan Figma,” Jurnal Teknik Komputer, vol. 1, no. 3, pp. 132–140, 2022, doi: 10.14710/jtk.v1i3.37608.

R. P. Sutanto, “Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra,” Nirmana, vol. 22, no. 1, pp. 41–51, Jun. 2022, doi: 10.9744/nirmana.22.1.41-51.

B. D. Sawyer, J. Dobres, N. Chahine, and B. Reimer, “The great typography bake-off: comparing legibility at-a-glance,” Ergonomics, vol. 63, no. 4, pp. 391–398, Apr. 2020, doi: 10.1080/00140139.2020.1714748.

Agita Nurfadillah, R. Andarsyah, and R. M. Awangga, “Sistem Rekomendasi Warna Kontekstual untuk Desain UI/UX Menggunakan Random Forest,” Jurnal Teknologi dan Manajemen Industri Terapan, vol. 4, no. 3, pp. 777–783, Jul. 2025, doi: 10.55826/jtmit.v4i3.1023.

R. P. Nurrahman and I. Rochmawati, “Desain Buku Ilustrasi Informasi Astrologi Sebagai Pseudosains,” 2023. [Online]. Available: https://ojs.unikom.ac.id/index.php/divagatra

Fadhilah Andriana Chariria, “Perancangan UI/UX Aplikasi Mobile Peta Aksesibilitas Difabel Dan Edukasi Masyarakat Di Kabupaten Sleman Dengan Metode Design Thinking,” 2025.

DOI: https://doi.org/10.63854/kolase.v2i1.212