Klik gambar untuk melihat detail · Geser untuk menjelajahi galeri
Desain dan pengembangan website serta dashboard BCM (Bina Cita Mandiri), lembaga pendampingan belajar anak di Palangkaraya. Sebagai Freelance Web Developer, saya merancang pengalaman digital untuk memperkenalkan program belajar kepada orang tua sekaligus menyajikan ruang kerja operasional bagi tim BCM. Dokumentasi ini menampilkan versi demo dengan data contoh.
Hasilnya berupa website dan dashboard demo yang dapat dijelajahi langsung, dilengkapi dokumentasi desktop dan mobile. Studi kasus ini menunjukkan proses menghubungkan desain antarmuka dengan pengembangan web. Seluruh angka operasional, profil demo, dan transaksi simulasi yang terlihat merupakan data contoh, bukan laporan kinerja BCM.
Website perlu menjelaskan layanan pendidikan dengan bahasa visual yang hangat, sementara dashboard membutuhkan hierarki informasi yang ringkas untuk memantau kegiatan belajar. Keduanya perlu terasa sebagai satu pengalaman yang konsisten dan tetap nyaman diakses melalui perangkat berbeda.
Menggabungkan warna teal, latar terang, aksen kuning, dan ilustrasi ramah anak. Website menonjolkan program dan langkah berikutnya bagi pengunjung; dashboard memakai navigasi samping, kartu ringkasan, grafik, serta tabel agar informasi operasional mudah dipindai.
Menyusun halaman beranda, katalog program, dan e-book; mengembangkan tampilan responsif beserta navigasi mobile; serta merancang dashboard yang memuat ringkasan operasional, jadwal, siswa, pengajar, absensi, laporan harian, dan keuangan. Katalog e-book pada demo memperlihatkan alur belanja dengan pembayaran simulasi.
Website membantu keluarga mengenal program dan menemukan jalur konsultasi. Dashboard menyajikan informasi bagi tim dalam susunan yang konsisten: navigasi, ringkasan, lalu detail kegiatan.
Kartu statistik menempatkan informasi utama di bagian atas. Grafik arus kas dan kehadiran memberi gambaran visual, sedangkan navigasi samping mengelompokkan siswa, pengajar, program, jadwal, absensi, laporan, dan keuangan. Seluruh isi dashboard yang ditampilkan menggunakan data demo.
Kartu program, katalog e-book, tabel jadwal, dan navigasi mobile dirancang untuk kebutuhan yang berbeda dengan bahasa visual yang seragam. Tautan demo di atas dapat digunakan untuk menjelajahi antarmuka secara langsung.
Ceritakan kebutuhanmu. Kita bisa mulai dari ide, tujuan, dan visual yang ingin kamu bangun.