UI Bergerak

Beberapa hari belakangan ini saya menyiapkan Decentralized Application (dApp) Bergerak. Saya bikinkan User Interface (UI) versi minimal untuk DAO Bergerak. Visual dengan berbagai tautan minimal ini diharap dapat terwujud dalam bentuk dApp yang operasional dalam satu bulan ke depan, demi menepati kesepakatan/ kontrak kerja dengan Dirjenbud, bahwa tenggat untuk Laporan Akhir dari hibah Dana Indonesiana 31 Januari 2023.

Format Figma dapat diakses lewat sini..Keterangan untuk Figma itu:

Laman Masuk
Tombol sambung ke Metamask
Tombol berselancar tanpa Metamask (ikon lima jari)

Laman Loading
Halaman ini adalah loading page yang hanya muncul sepersekian detik, sebelum halaman AWAL muncul

Laman Awal
Tiga garis mengarah ke laman Slide Menu
Logo bergerak mengarah ke laman Loading
Tombol Pundi Bergerak, muncul nilai total di dalam Pundi, mengarah ke laman Transaksi Pundi.
Tombol Patungan, muncul nilai total di dalam dompet Proyek Patungan.
Tombol judul proposal, mengarah ke laman Proposal Proyek Patungan.
Ikon pendukung: huruf bold = pendukung, huruf abu2 = target pendukung. mengarah ke laman Dukung doa.
Ikon pie: huruf bold = dana token yang sudah terkumpul, huruf abu2 = target proyek. mengarah ke laman Kirim BGRK.
Ikon jam pasir: huruf bold = waktu tersisa, huruf abu2 waktu total yang disediakan
Tombol ‘+’ mengarahkan ke laman Ajuan Patungan.

Laman Proposal Proyek Patungan
Ikon pendukung: huruf bold = pendukung, huruf abu-abu = target pendukung. mengarah ke laman Dukung doa.
Ikon pie: huruf bold = dana token yang sudah terkumpul, huruf abu2 = target proyek. mengarah ke laman Kirim BGRK.
Ikon jam pasir: huruf bold = waktu tersisa, huruf abu2 waktu total yang disediakan
Ikon lima jari 1: mengarah ke Dukung doa
Ikon lima jari 2: mengarah ke Kirim BGRK
Tombol ‘+’ mengarahkan ke laman Ajuan Patungan.

Laman Dukung doa
munculkan nomor dompet, bila belum ada dompet yang tersambung, diarahkan untuk menyambung Metamask.
ikon lima jari: mengarah ke Kirim BGRK.

Laman Kirim BGRK
Memunculkan nomor dompet, bila belum ada dompet yang tersambung, diarahkan untuk menyambung Metamask.
Input nilai
Ikon lima jari 1: Picu Metamask. Setelah transaksi sukses, munculkan laman Dukung BGRK.
Ikon limajari 2: Mengarah ke laman AWAL.

Laman Ajuan Patungan
Input: Nama Proyek
Memunculkan: nomor dompet
Input: sinopsis proyek
Input tautan
Input nilai
Memunculkan perhitungan quorum
Memunculkan sisa nilai patungan yang dibutuhkan
Memunculkan tenggat waktu berupa tanggal
Ikon lima jari memicu Metamask. Setelah sukses, muncul laman Sukses mengajukan.


Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *