Perancangan UI/UX Aplikasi Katalog dan Pemesanan Passion33 dengan Metode Luther–Sutopo
Keywords:
UI/UX, prototype, katalog digital, Luther–Sutopo, FigmaAbstract
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
Issue
Section
License
Copyright (c) 2026 iTech : Journal of Information Systems and Informatics

This work is licensed under a Creative Commons Attribution 4.0 International License.











