Perancangan UI/UX Aplikasi Katalog dan Pemesanan Passion33 dengan Metode Luther–Sutopo

Authors

  • Tsabat Zhilalul Huda Universitas Teknologi Digital

Keywords:

UI/UX, prototype, katalog digital, Luther–Sutopo, Figma

Abstract

Transformasi digital pada usaha fashion menuntut penyajian informasi produk dan proses pemesanan yang cepat, jelas, serta mudah digunakan. Passion33 masih mengandalkan unggahan media sosial dan percakapan pribadi untuk menampilkan katalog serta menerima pesanan, sehingga pelanggan berpotensi mengalami kesulitan memperoleh informasi ukuran, warna, harga, dan ketersediaan stok. Penelitian ini bertujuan merancang prototype antarmuka dan pengalaman pengguna aplikasi katalog dan pemesanan berbasis mobile bagi Passion33. Pengembangan menggunakan metode Luther–Sutopo yang meliputi tahap concept, design, material collecting, assembly, testing, dan distribution, dengan penyesuaian bahwa penelitian difokuskan sampai validasi prototype. Data kebutuhan diperoleh melalui wawancara dengan pengelola dan observasi terhadap proses penjualan yang berjalan. Figma digunakan untuk menyusun wireframe, desain visual, komponen antarmuka, dan alur interaksi. Hasil penelitian berupa prototype interaktif yang mencakup halaman login, beranda, pencarian, katalog, detail produk, favorit, keranjang, checkout, konfirmasi pesanan, profil, serta dashboard admin sederhana. Rancangan menerapkan pendekatan mobile-first, navigasi konsisten, dan identitas visual dark modern dengan aksen hijau neon. Pengujian internal pada alur navigasi menunjukkan bahwa skenario utama pemilihan produk hingga konfirmasi pesanan dapat disimulasikan secara runtut. Prototype ini dapat menjadi dasar implementasi aplikasi fungsional, tetapi masih memerlukan pengujian usability langsung, pengembangan backend, basis data, pembayaran digital, dan pelacakan pesanan.

Published

2026-08-29