@Bagas Wibowo July 2, 2025

📱 A. Mobile App for Merchant

Goal 🎯 : Merancang aplikasi FoodApp yang mudah digunakan dan memberikan pengalaman intuitif bagi pengguna (Berdasarkan User Story).

📌User Stories 1 :

“Sebagai Merchant FoodApp, saya ingin dapat mengelola menu restoran melalui aplikasi mobile, sehingga saya dapat menambah, mengedit, atau menghapus menu dengan mudah, serta mengatur ketersediaan menu.”

• Menambah Menu

Video WhatsApp 2025-07-02 pukul 10.56.36_e4693c69.mp4

UI & UX Reason:

1. Dropdown Pilih Outlet : Mempermudah menampilkan laporan omset dan total pesanan untuk outlet tertentu
2. Status Outlet Terlihat Jelas : Indikator status Buka berwarna hijau akan memudahkan visual cue yang langsung terbaca.
3. Switch (Toggle) Jelas untuk Aktivasi Menu : Komponen toggle (switch) yang intuitif untuk mengaktifkan/nonaktifkan menu — sesuai prinsip visibility dan control

• Mengedit, Mengatur Ketersediaan Menu & Menghapus Menu

Mengedit menu.mp4

UI & UX Reason:

1. Tombol aksi utama menonjol dan mudah dijangkau – Tombol “Simpan Menu” menggunakan warna merah yang kontras dan terletak di bagian bawah, sesuai prinsip Fitts’s Law agar mudah diakses dengan jempol pada perangkat mobile.
2. Komponen interaktif familiar – Penggunaan toggle, dropdown, dan tombol hapus sesuai pola umum aplikasi, sehingga pengguna tidak perlu belajar ulang cara menggunakannya (Jakob’s Law).
3. Tampilan bersih dan fokus – Di desain minimalis, tidak banyak distraksi visual, sehingga pengguna bisa fokus menyelesaikan tugas dengan cepat (aesthetic and minimalist design).

📌User Stories 2 :

“Sebagai Merchant FoodApp, saya ingin dapat melihat dan menerima pesanan secara real-time dari GoFood, GrabFood, dan ShopeeFood, sehingga saya dapat memproses pesanan lebih efisien”

Pop Up pesanan.mp4

UI & UX Reason:

1. Kartu Total Pesanan per Platform (Beranda) Setiap layanan (GoFood, GrabFood, ShopeeFood) ditampilkan dalam satu layar dengan status pesanan (Diproses, Selesai, Total), memudahkan pemantauan real-time tanpa harus berpindah aplikasi/platform.
2. Notifikasi & Highlight Pesanan Baru Jumlah pesanan baru ditandai dengan warna merah dan angka mencolok, membuat merchant langsung tahu ada pesanan masuk — sesuai prinsip visibility of system status.
3. POP UP & Aksi Cepat untuk Terima atau Tolak Pesanan Tersedia tombol aksi langsung (Tolak dan Terima Pesanan dengan countdown), memungkinkan respon cepat dan efisien sesuai dengan kebutuhan operasional merchant.

📌User Stories 3 :

“Sebagai Merchant FoodApp, saya ingin dapat mengatur status buka/tutup outlet melalui aplikasi mobile, sehingga saya bisa mengontrol jam operasional restoran dengan lebih fleksibel.”

Simpan Data Outlet.mp4

UI & UX Reason

1. Quick Access & Navigasi Outlet  memudahkan user acces cepat untuk mengaktifkan atau menonaktifkan outlet (Fitts’ Law).
2. Toggle Buka/Tutup  Indikator "2/3 Outlet buka" memberi feedback visual instan dan kontrol operasional satu klik (Jakob’s Law: Familiarity).

🖥️ B. Internal Dashboard for FoodApp

Goal 🎯 : Merancang Dashboard aplikasi FoodApp yang mempermudah admin untuk memantau database Merchant — mulai dari registrasi, verifikasi, hingga aktivasi Merchant yang siap beroperasi (Berdasarkan User Story).

📌User Stories 1 :