@nova.ardhanaStudi kasus

Empat proyek, empat masalah

Setiap proyek dimulai dari satu kebiasaan yang ingin diubah — bukan dari efek yang ingin dipamerkan.

  1. 01 · 2026Desain & front-end

    Peta Genangan Waktu Nyata

    Komunitas warga Jakarta Utara (fiktif)

    Masalah
    Laporan genangan tersebar di grup percakapan dan cepat tenggelam.
    Pendekatan
    Peta ringan yang menerima laporan berfoto, memudar sendiri setelah tiga jam, dan bisa dibuka di ponsel murah.
    Waktu muat di 3G
    1,8 dtk
    Laporan bulan pertama
    1.240
    • Next.js
    • MapLibre
    • Service Worker

  2. 02 · 2025Konsep & 3D web

    Katalog Batik yang Bisa Diputar

    Rumah batik di Pekalongan (fiktif)

    Masalah
    Foto datar tidak memperlihatkan jatuhnya kain.
    Pendekatan
    Kain disimulasikan di WebGL; pengunjung bisa memutar dan melihat motif mengikuti lipatan.
    Waktu di halaman
    +2,1×
    Ukuran model
    380 KB
    • Three.js
    • Draco
    • Astro

  3. 03 · 2025Riset & desain sistem

    Dasbor Kehadiran Kelas

    Bimbel daring (fiktif)

    Masalah
    Guru menghabiskan 15 menit tiap kelas untuk absen manual.
    Pendekatan
    Absen satu ketukan dengan kode kelas yang berganti tiap 30 detik, ditambah ringkasan mingguan untuk orang tua.
    Waktu absen
    15 → 2 mnt
    Guru aktif
    84
    • React
    • Supabase
    • Tailwind

  4. 04 · 2024Instalasi web interaktif

    Pameran Suara Kota

    Galeri independen di Bandung (fiktif)

    Masalah
    Pengunjung pameran daring hanya menggulir lalu pergi.
    Pendekatan
    Rekaman suara kota diletakkan di denah; volume berubah mengikuti posisi kursor seperti berjalan di galeri.
    Rata-rata kunjungan
    6 mnt 40 dtk
    Rekaman
    62
    • Web Audio API
    • Canvas
    • Vite

Lab eksperimen

Prototipe kecil yang belum jadi produk — tempat mencoba sebelum dipakai di proyek klien.

  • Aurora CSS

    Latar bergerak tanpa JavaScript — hanya gradien dan blur.

  • Teks yang bernapas

    Huruf variabel yang menebal mengikuti kecepatan gulir.

  • Kursor magnet

    Tombol yang sedikit menarik kursor, dimatikan otomatis bila pengguna memilih gerak dikurangi.

Punya kebiasaan yang ingin diubah lewat web?

Lihat cara kolaborasi

Klien dan angka adalah contoh purwarupa desain.