Herbit adalah aplikasi mobile yang membantu ibu rumah tangga membangun kebiasaan ramah lingkungan melalui pendekatan yang mudah, menyenangkan, dan bermakna. Dengan fitur habit tracker harian, proyek eco-enzyme 90 hari, mini game edukasi, sistem reward, dan AI assistant. Herbit mengubah aktivitas sehari-hari seperti memasak, belanja, dan mengelola sampah menjadi gerakan hijau yang berdampak. Case study ini akan membahas tantangan pengembangan, solusi yang diterapkan, dan hasil yang dicapai.

Behind the Project: Tim Rohana Kudus

Herbit lahir dari perempuan-perempuan yang percaya bahwa perubahan dimulai dari tangan yang menggenggam spatula, bukan hanya dari ruang rapat korporat. Kami adalah Tim Rohana Kudus, bagian dari Beasiswa Perempuan Indonesia 2025, sebuah program yang menyatukan perempuan dari berbagai latar belakang untuk menciptakan solusi nyata bagi permasalahan bangsa. Ada yang datang dari latar belakang teknologi, ada yang dari pendidikan lingkungan, dan ada yang datang dari bidang pertanian. Keberagaman ini bukan kebetulan, ini adalah kekuatan.

Kami mendapatkan tema Perempuan dan Lingkungan. Isu yang kami angkat bukan perempuan sebagai korban krisis iklim, tapi perempuan sebagai agen perubahan yang paling powerful, yang keputusannya sehari-hari menentukan jejak karbon sebuah rumah tangga. Proyek ini bukan sekadar membangun aplikasi. Ini adalah cara kami menjawab pertanyaan: Bagaimana teknologi bisa memberdayakan perempuan Indonesia untuk menyelamatkan lingkungan, tanpa menambah beban yang sudah mereka pikul setiap hari?

Nama “Rohana Kudus” sendiri adalah penghormatan kepada Rohana Kudus, pelopor jurnalisme perempuan Indonesia di awal abad ke-20. Seperti beliau yang mengangkat suara perempuan melalui kata-kata, kami mengangkatnya melalui teknologi.

The Mission/Challenge

Misi proyek Herbit adalah menciptakan platform yang memberdayakan ibu rumah tangga untuk membangun kebiasaan hijau tanpa merasa terbebani, sambil memberikan edukasi praktis, progres yang terlihat, dan apresiasi nyata atas setiap usaha mereka. Tantangannya adalah mengembangkan aplikasi yang dapat menjaga keterlibatan jangka panjang, mengintegrasikan gamifikasi yang bermakna, dan menyajikan edukasi tanpa terasa menggurui dalam pengalaman mobile-first yang responsif dan intuitif.

Latar Belakang

Krisis tersembunyi sedang terjadi di dapur kita.

Setiap hari, lebih dari 60% sampah di Indonesia menumpuk dari rumah tangga. Bukan dari pabrik, bukan dari mall, tapi dari tempat kita memasak, makan, dan hidup. Yang lebih mengejutkan: 41% dari gunung sampah itu adalah organik. Sisa sayuran, kulit buah, makanan basi yang seharusnya bisa diselamatkan, diolah, dikembalikan ke tanah. Tapi alih-alih menjadi kompos, mereka berakhir di TPA, membusuk, melepaskan metana, memperburuk krisis iklim.

Dan siapa yang memegang kendali di balik semua ini?

Perempuan. Ibu-ibu. Mereka yang mengatur 85% keputusan rumah tangga: memilih apa yang dibeli, apa yang dimasak, apa yang dibuang. Tangan mereka yang membuka kulkas setiap pagi. Mata mereka yang memilah belanjaan. Keputusan mereka yang menentukan apakah sampah itu berakhir di tempat sampah atau di tempat lain.

Riset NielsenIQ mengungkap fakta yang memilukan sekaligus penuh harapan: 72% perempuan Indonesia ingin berbuat sesuatu untuk menyelamatkan lingkungan. Mereka peduli. Mereka khawatir. Mereka ingin mewariskan dunia yang lebih baik untuk anak-anak mereka.

Tapi ada masalah besar.

Hanya 28% yang benar-benar tahu harus mulai dari mana. Kurang dari sepertiga. Bagaimana memilah sampah dengan benar? Apa yang bisa dijadikan kompos? Apakah plastik ini bisa didaur ulang? Pertanyaan-pertanyaan sederhana tanpa jawaban yang jelas.

Ini bukan soal kurangnya niat. Ini soal kurangnya akses.

Data ini membuka mata kita pada satu kebenaran yang kuat: ibu rumah tangga bukan hanya saksi perubahan, mereka adalah mesin penggeraknya. Dengan dukungan yang tepat, pendekatan yang mudah, dan solusi yang menyenangkan, mereka bisa mengubah kebiasaan kecil di dapur menjadi gerakan besar yang menyelamatkan lingkungan.

Potensi itu ada. Saatnya kita buka pintunya.

The Process

Pengembangan Herbit dimulai dengan mendengar. Mendengar cerita ibu-ibu yang ingin berkontribusi pada lingkungan, tapi bingung harus mulai dari mana. Mendengar keluhan tentang kesibukan yang tiada habis, tentang rasa bersalah setiap kali membuang sampah organik ke tempat sampah. Mendengar keinginan untuk mewariskan bumi yang lebih baik untuk anak-anak, tapi tidak tahu caranya.

Kami mempelajari BRD, persona, dan pain points secara mendalam. Yang kami temukan bukan hanya data, tapi realita sehari-hari: ibu yang lupa memilah sampah karena terburu-buru menyiapkan sarapan. Ibu yang ingin bikin kompos tapi takut salah. Ibu yang sudah mulai kebiasaan hijau, tapi berhenti di tengah jalan karena tidak ada yang menghargai usahanya.

Dari sini kami sadar satu hal penting: Herbit harus menjadi pendamping, bukan penghakim. Bukan aplikasi yang menambah beban, tapi teman yang memahami kesibukan mereka. Bukan guru yang menggurui, tapi sahabat yang merayakan setiap langkah kecil mereka.

Setelah scope dipetakan, seluruh tugas dipecah dan dikelola melalui Jira. Setiap fitur dirancang dengan satu pertanyaan di kepala: “Apakah ini akan membantu ibu-ibu, atau malah membingungkan mereka?”

Membangun dengan Teknologi yang Tepat

Saat memulai development Herbit, kami sudah memiliki tech stack yang telah ditentukan: Next.js untuk frontend dan Express.js untuk backend. Tugas kami adalah memaksimalkan teknologi ini untuk menciptakan pengalaman yang tidak terasa seperti menggunakan teknologi.

Kami fokus pada bagaimana mengoptimalkan Next.js agar aplikasi loading secepat membuka WhatsApp. Server-side rendering memastikan bahwa meskipun koneksi internet sedang lemot saat masak di dapur, Herbit tetap bisa diakses. Di sisi backend, Express.js memberikan fleksibilitas dalam membangun REST API yang tidak pernah membuat user menunggu lama.

Untuk integrasi data antara frontend dan backend, kami menggunakan Axios sebagai HTTP client. Axios mengelola semua komunikasi data: dari habit tracking, progres eco-enzyme, penukaran poin reward, hingga chat dengan AI assistant. Error handling yang robust memastikan ketika koneksi terputus, user mendapat feedback yang jelas, bukan loading tanpa akhir. Interceptors untuk authentication membuat user tetap aman tanpa perlu login berulang kali. Setiap kali ibu-ibu mencatat kebiasaan hijau, menyelesaikan checklist eco-enzyme, atau menukar poin reward, data tersimpan dengan aman dan cepat tanpa mereka sadari.

Untuk styling platform, kami menggunakan Tailwind CSS dan ShadCN yang memastikan setiap tombol mudah ditekan (bahkan saat tangan basah habis cuci piring), setiap teks mudah dibaca (bahkan di bawah cahaya dapur yang redup), dan setiap warna terasa hangat dan menenangkan (bukan intimidatif seperti aplikasi kantor).

Kami juga mengimplementasikan GSAP dan Framer Motion untuk menambahkan animasi yang membuat setiap aksi terasa dihargai: checkbox yang berubah jadi confetti kecil, progres bar yang naik dengan smooth, badge yang muncul dengan celebratory bounce. Ini bukan sekadar animasi. Ini adalah cara kami berkata “Terima kasih, Ibu. Usaha Ibu berarti.”

Untuk memastikan kualitas kode dan data validation, kami menggunakan Zod. Tapi bukan untuk teknisnya, melainkan untuk memastikan bahwa ketika ibu-ibu mengisi form, mereka tidak pernah merasa frustasi karena error yang tidak jelas.

Building the Core Features

Habit Tracker Harian

Bayangkan seorang ibu yang baru bangun pagi, sambil menyeduh kopi, dia membuka Herbit. Dalam 10 detik, dia bisa centang “Bawa botol minum sendiri”, “Pakai tas belanja kain”, dan langsung melihat streak-nya bertambah. Tidak ribet. Tidak makan waktu. Tapi bermakna.

Kami merancang tracker dengan visualisasi progres yang jelas: streak system yang membuat ibu-ibu bangga (“Sudah 7 hari berturut-turut!”), disinkronkan real-time via REST API dengan Axios. Setiap centang langsung tersimpan ke backend. Reminder pagi yang gentle, bukan menghakimi. Notifikasi yang menjaga konsistensi tanpa membebani.

Proyek Eco-Enzyme 90 Hari

Ini untuk ibu-ibu yang ingin melakukan sesuatu yang lebih besar, tapi takut gagal. Timeline visual memandu tiap tahap fermentasi: dari pencatatan berat sampah organik pertama (kulit jeruk, sisa sayur) hingga jurnal check-in di hari ke-30, ke-60, ke-90.

Checklist sederhana. Kalkulator otomatis untuk resep gula dan air (tidak perlu mikir lagi “Berapa ya takarannya?”). Notifikasi pengingat yang terasa seperti teman yang ngingetin, bukan alarm yang bikin stres. Ketika hari ke-90 tiba dan eco-enzyme mereka berhasil, ada badge khusus yang muncul. Bukan hanya poin. Tapi pengakuan: “Ibu hebat. Ibu berhasil.”

Mini Game Edukasi Pemilahan Sampah

Kami tahu ibu-ibu sibuk. Jadi edukasinya harus cepat, fun, dan bisa melibatkan anak-anak. Game interaktif dengan animasi Framer Motion dan GSAP: drag sampah ke tempat yang benar, dapat poin, dapat penjelasan singkat kenapa ini penting.

Ketika anak ikut main, belajar jadi quality time. Ketika ibu main sendiri sambil nunggu nasi matang, 2 menit itu jadi momen belajar yang tidak terasa berat.

Rewards & Voucher System

Setiap kebiasaan hijau dihargai dengan poin. Poin bisa ditukar voucher brand ramah lingkungan: diskon sabun cuci piring organik, voucher groceries eco-friendly, atau produk dapur sustainable.

Ini bukan cuma gamifikasi. Ini adalah cara kami berkata: “Usaha Ibu berharga. Usaha Ibu layak dapat sesuatu yang nyata.”

Herbit Assistant (AI-Powered)

Untuk ibu-ibu yang punya pertanyaan tengah malam (“Sisa sayur kemarin masih bisa diapa-apain nggak ya?”) atau pagi hari di dapur (“Kulit jeruk ini dibuang atau bisa dimanfaatin?”), Herbit Assistant selalu siap.

Integrasi ChatGPT via backend dengan Axios menghadirkan asisten yang responsif, sabar, dan tidak pernah bosan menjawab. UI chat bubble dirancang personal dan ringan, seperti chat dengan teman yang peduli lingkungan. Tidak ada pertanyaan bodoh. Tidak ada judgment. Hanya jawaban yang membantu.

Overcoming Technical Challenges

Handling Real-time Data Sync

Memastikan habit tracking tersinkron real-time tanpa membuat aplikasi terasa lambat. Solusinya dengan optimasi REST API calls dan feedback visual yang instant.

Creating Engaging Micro-interactions

Mendesain animasi yang meaningful tanpa berlebihan. Setiap animasi harus punya tujuan: memberikan feedback, merayakan pencapaian, atau memandu user flow.

The Result

Proyek Herbit adalah kesuksesan yang membanggakan, memenuhi semua misi untuk memberdayakan ibu rumah tangga membangun kebiasaan hijau dengan cara yang mudah, menyenangkan, dan bermakna. Platform ini menginkorporasi best practices untuk information architecture, user flow, dan accessibility.

Kesuksesan proyek Herbit tercermin dalam laporan yang dihasilkan oleh Lighthouse. Performance score mencapai 100, menunjukkan bahwa aplikasi loading dengan sangat cepat dan efisien, bahkan saat koneksi internet lambat. Accessibility score 90, mengindikasikan bahwa platform mudah dinavigasi dan inklusif untuk semua pengguna. Selain itu, aplikasi mendapat skor 100 untuk Best Practices dan SEO, menunjukkan bahwa Herbit dioptimasi dengan standar industri terbaik dan mudah ditemukan di mesin pencari.