Project Overview
NgupaApp merupakan sebuah platform yang dapat digunakan para pelaku
usaha dibidang makanan/kuliner untuk memperoleh bahan pokok yang dibutuhkan,
langsung dari pihak pertama (penghasil) maupun melalui satu partner
distributor saja.
Proyek ini merupakan proyek pribadi yang dibuat dengan tujuan untuk
memperdalam keterampilan dalam bidang UI Desogn dan UX Research.
Key Challenges
- Bahan pokok makanan yang diperoleh mempunyai kualitas yang tidak cukup bagus.
- Sering mengalami kehabisan stok bahan pokok makanan yang dibutuhkan.
Project Goals
- Menyediakan fitur membuat toko dan produk bagi pengguna yang merupakan penghasil (petani/nelayan/pekebun) untuk menjual/memperkenalkan produk yang dimiliki.
- Fitur rekomendasi pengguna role penghasil/distributor terdekat berdasarkan lokasi pembeli.
- Menyediakan fitur pencarian penghasil/distributor berdasarkan jenis produk yang dijual.
Research Phase
Value Proposition Canvas
Melakukan rekapitulasi hasil pemetaan atau analisis menggunakan Value Proposition Canvas, dengan tujuan mendokumentasikan temuan masalah ke dalam value proposition canvas dan menyusun solusi desain secara komprehensif.
Information Architecture and Design
Melakukan aktivitas perancangan desain interaksi yang meliputi pembuatan arsitektur informasi, wireframing, hingga desain high fidelity mockup.
Design Process
Information Architecture
Membuat hierarki navigasi dan struktur konten yang jelas, menyusun sitemap untuk menentukan hubungan antar halaman atau fitur dalam produk, mengidentifikasi jalur pengguna (user flow) untuk memastikan pengalaman yang efisien.
Wireframing
Membuat sketsa tata letak halaman, menentukan posisi elemen UI seperti tombol, teks, gambar, dan navigasi, supaya desain mempunyai struktur dasar antarmuka sebelum menambahkan detail visual.
Visual Design System
Menentukan panduan desain seperti warna, tipografi, button, dan lain nya.
High-fidelity Prototypes
Membuat versi desain yang lebih mendekati tampilan dan fungsi produk final, menambahkan warna, animasi, efek hover, dan transisi antar halaman, membuat prototipe interaktif agar bisa diuji dengan pengguna.
Final Designs
Halaman Utama
Welcome Page, Daftar, dan Masuk
Fitur Penjual
Tampilan Store Role Penjual dan Detail Produk
Fitur Penjual
Tampilan Dashboard dan Tambah/Buat Toko
Fitur Pembeli
Tampilan Dashboard dan Produk yang Tersedia
Fitur Pembeli
Tampilan Halaman Keranjang dan Detail Produk
Fitur Pembeli dan Penjual
Halaman Obrolan (Tampak Role Pembeli)