Beranda Crowdfunding
Tampilan utama dengan pencarian program kebaikan, banner kampanye, CTA galang dana, daftar program darurat, dan navigasi utama.
← Kembali ke Daftar Portfolio
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Redacted Admin Preview
Website
Tahun Rilis: 2025
PorosKebaikan.id - Platform Crowdfunding & Donasi Online
Klien: Poros Kebaikan (Dompet Kebaikan Umat)
Klik untuk Buka Website Live ↗
Tech Stack:
Laravel 11
React
Tailwind CSS
Payment Gateway API
MySQL
Preview Platform Poros Kebaikan
Alur donasi digital lengkap dari eksplor program sampai akun pengguna.
Preview ini menampilkan pengalaman utama donatur dan fundraiser: menemukan program bantuan, membaca kabar kebaikan, membuat penggalangan dana, memilih nominal donasi, memilih metode pembayaran, dan mengakses informasi akun.
9
Donation Flow
QRIS
Payment Ready
Campaign Discovery
Pencarian, banner, dan daftar program membantu donatur menemukan kampanye yang relevan.
Donation Progress
Nominal terkumpul, target, persentase, dan sisa hari tampil jelas di detail program.
Verified Fundraiser
Informasi penggalang dana dan status verifikasi memperkuat rasa aman donatur.
Payment Integration
Mendukung QRIS, Virtual Account, e-wallet, dan transfer bank sesuai kebutuhan donatur.
Fundraiser Journey
Halaman Galang Dana memandu pengguna untuk memulai kampanye bantuan secara terarah.
Content & Account
Kabar, informasi platform, login, registrasi, syarat ketentuan, dan FAQ tersedia dalam satu ekosistem.
Detail Program Donasi
Halaman program menampilkan banner, judul kampanye, progres dana terkumpul, target, sisa hari, penggalang dana terverifikasi, dan tab informasi.
Daftar Program
Halaman program menampilkan kategori bantuan, pengurutan, filter, daftar kampanye, progres donasi, total terkumpul, dan sisa hari.
Galang Dana
Halaman onboarding galang dana menjelaskan manfaat, ajakan membuat kampanye, serta langkah registrasi penggalangan dana.
Kabar Kebaikan
Halaman kabar memuat artikel edukasi dan update dampak kebaikan dengan pagination serta footer kanal sosial.
Akun & Informasi
Halaman akun menyediakan akses login, registrasi, informasi Poros Kebaikan, syarat ketentuan, dan FAQ.
Form Donasi
Flow donasi dengan pilihan nominal cepat, metode pembayaran, data donatur, validasi WhatsApp, dan opsi anonim.
Metode Pembayaran
Bottom sheet payment method berisi instant payment, QRIS, Virtual Account, dan transfer bank manual.
Pembayaran QRIS
Halaman instruksi pembayaran QRIS dengan kode scan, total pembayaran, nomor transaksi, dan batas waktu pembayaran.
Crowdfunding Transparan
Target, nominal terkumpul, progres, dan sisa waktu kampanye terlihat jelas bagi donatur.
Donasi Cepat
Pilihan nominal cepat dan data donatur dirancang sederhana agar konversi lebih lancar.
Pembayaran Fleksibel
QRIS, VA, e-wallet, dan transfer bank memberi pilihan pembayaran yang familiar.
Website Admin / Management
Back office untuk mengelola program, transaksi, pembayaran, fundraiser, dan laporan donasi.
Poros Kebaikan dilengkapi dashboard admin untuk memantau performa campaign, mengelola data program, meninjau transaksi donasi, mengatur metode pembayaran, membaca log DOKU, dan mengelola akses internal.
10+
Admin Modules
DOKU
Payment Logs
Donation Operations
Pantau total donasi, status pembayaran, follow up, dan transaksi donatur.
Campaign Control
Kelola program, kategori, yayasan, fundraiser, pencairan, dan biaya advertising.
Secure Reporting
Preview portfolio memakai screenshot redacted agar nilai dan nama internal tetap terlindungi.
Dashboard Admin
Ringkasan performa campaign, total donasi, jumlah program, status publikasi, konversi, dan tabel transaksi. Nilai serta nama sensitif pada screenshot telah disamarkan.
Program & Campaign
Manajemen daftar campaign, target donasi, nominal terkumpul, durasi program, kategori, status publikasi, dan aksi administrasi.
Transaksi Donasi
Monitoring transaksi donasi dengan filter campaign, status pembayaran, metode pembayaran, follow up WhatsApp, dan export data.
Metode Pembayaran
Konfigurasi channel pembayaran seperti QRIS, Virtual Account, transfer bank, dan e-wallet beserta status aktifnya.
Log Pembayaran DOKU
Riwayat komunikasi sistem dengan DOKU, webhook masuk, request keluar, status respons, dan penelusuran invoice.
Management Yayasan
Pengelolaan data yayasan, PIC, kontak, email, verifikasi, rekening, serta filter dan download data operasional.
Program Yayasan
Tampilan khusus untuk memantau program per yayasan, progress campaign, target, kategori, dan status aktif program.
Pencairan Dana Campaign
Ringkasan pencairan dana per campaign, total dana terkumpul, pengajuan diproses, dana dibayar, sisa himpunan, tahap, dan status approval.
Biaya Advertising
Upload data advertising, total budget, realisasi iklan, platform, path URL program, dan histori biaya pemasaran campaign.
Dashboard
Program
Transaksi
Donatur
Banner
Berita
Fundraiser
Payments
Role Management
Galang Dana
1. Ringkasan Project (Overview)
Platform digital crowdfunding & galang dana online yang memfasilitasi penggalangan dana untuk program kesehatan, medis darurat, kemanusiaan, pendidikan, dan panti asuhan secara amanah & transparan.
2. Tantangan & Masalah Klien
Banyaknya kasus darurat medis dan penderita kurang mampu yang membutuhkan penanganan penggalangan dana cepat dengan sistem donasi online yang aman dan transparan.
3. Solusi Arsitektur Mocilabs
Membangun platform crowdfunding berkinerja tinggi dengan kategorisasi program darurat, integrasi payment gateway otomatis, laporan penyaluran dana real-time, serta notifikasi via WhatsApp.
4. Hasil Real & Dampak Bisnis
✓ Memfasilitasi penyaluran ribuan paket bantuan dan donasi medis untuk ratusan penerima manfaat secara tepat sasaran dan terverifikasi.
Ingin Solusi & Sistem Seperti Ini untuk Bisnis Anda?
Konsultasikan ide Anda bersama tim pakar kami sekarang.