Jumat, 31 Desember 2021

Tugas DPG | Membuat UI design mobile app | UI Aplikasi E-Market pembelian Buah, Sayuran, dan Rempah secara Online

Tugas DPG | Membuat UI design mobile app E-Market | Pembelian Buah, Sayuran, dan Rempah secara Online.



NAMA     : Ardhi Ramadhani
NPM        : 50419978
KELAS    : 3IA14

Tujuan aplikasi

        Aplikasi ini mempunyai tujuan untuk melakukan transaksi atau pembelian Sayuran, Buah, dan Rempah-rempah secara online menggunakan smartphone tanpa harus pergi ke pasar, disini pembeli hanya perlu memasukkan sayuran, buah, dan rempah-rempah yang ingin di beli kedalam sebuah keranjang lalu melakukan pembelian dengan memasukkan alamat pengiriman dan metode pengiriman yang ingin di pakai.

Pengguna

        Aplikasi in ditujukan oleh pengguna yang tidak ingin berpadat-padatan di pasar, tidak ingin keluar rumah dan tidak mempunyai waktu untuk pergi kepasar.

Fitur

Pada aplikasi ini mempunyai beberapa fitur  :

  • Splash Screen atau Loading Page

        Pada Halaman Splash Screen sebagai tampilan awal saat membuka aplikasi, tampilannya akan berupa sebuah representasi dari aplikasi yang akan dibuka .


  • Login dan Register

Halaman login berisi form login yang berisi input username dan password yang akan  digunakan untuk masuk ke halaman awal atau utama, 

  • Halaman Utama atau Home yang berisi Buah, Sayuran, dan Rempah

Halaman ini berisi Menu dan daftar-daftar Buah, Sayuran, dan Rempah.

Menu Buah.

Akan Menampilkan daftar buah yang tersedia


Menu Sayuran.

Akan Menampilkan daftar sayuran yang tersedia


Menu Rempah.

Akan Menampilkan daftar rempah yang tersedia


  • Halaman Detail
Berisi informasi detail dari item atau Sayuran, Buah, dan Rempah-rempah yang dipilih..
  • Halaman Favorit 

Berisi barang yang disukai atau di favoritkan

  • Halaman Keranjang 

Halaman ini akan berisi daftar Buah, Sayuran, dan rempah-rempah yang ingin di beli sebelum melakukan pembelian  

  • Halaman Alamat Pemesan dan Metode Pembayaran 
Halaman ini akan berisi Alamat Pemesanan dan Metode Pembayaran yang akan dipilih sebelum melakukan pembayaran.



  • Halaman Profil

Halaman ini berisi sebuah informasi yang dimiliki oleh user


  • Halaman Top Up

  • Halaman Alamat
  • Halaman Daftar Transaksi

  • Halaman Ulasan


Design dibuat menggunakan aplikasi apa

Untuk Pembuatan Design Aplikasi Mobile menggunakan Figma.

    Figma adalah aplikasi desain UI dan UX berbasis browser, dengan desain, prototipe, dan alat pembuat kode yang sangat baik. Saat ini (bisa dibilang) alat desain antarmuka terkemuka di industri, dengan fitur-fitur canggih yang mendukung tim yang bekerja di setiap fase proses desain.

    Saya menggunakan Aplikasi ini karena dapat digunakan secara gratis dan dapat melakukan kolaborasi secara real-time sehingga memudahkan dalam kolaborasi atau pembuatan UI/UX secara bersama-sama dalam waktu nyata, serta karena aplikasi ini berbasis web atau browser yang disimpan dalam sebuah cloud dimana hanya membutuhkan internet dan browser sehingga hasil kerja akan disimpan secara otomatis dan ketika internet mati hasil kerja akan disimpan otomatis ketika internet kembali.

Untuk Mencoba UI anda dapat mengakeses link Prototype di bawah:

Link UI Design    figma.com/ui-design-dpg

Link Prototype     figma.com/prototype-dpg









Tidak ada komentar:

Posting Komentar