CleanSea: Website Pengelolaan Sampah Berbasis HCI untuk Mendukung Responsible Consumption and Production

Final Project Human and Computer Interaction

Di tengah meningkatnya permasalahan sampah, khususnya sampah plastik dan limbah yang belum terkelola dengan baik, dibutuhkan sebuah solusi digital yang tidak hanya informatif, tetapi juga mampu mengajak masyarakat untuk ikut berkontribusi secara aktif. Dari kebutuhan tersebut, kami merancang CleanSea, sebuah website pengelolaan sampah yang menghubungkan masyarakat, bank sampah, dan mitra reward dalam satu ekosistem digital.

CleanSea dikembangkan sebagai final project mata kuliah Human and Computer Interaction (HCI). Fokus utama proyek ini bukan hanya membuat tampilan website yang menarik, tetapi juga merancang pengalaman pengguna yang mudah dipahami, nyaman digunakan, dan mampu mendorong perubahan perilaku dalam pengelolaan sampah sehari-hari.

🌊 Live Demo CleanSea: CleanSea Website

“Turning Waste into Waves of Change”

Latar Belakang Masalah

Sampah masih menjadi salah satu isu lingkungan yang sangat dekat dengan kehidupan masyarakat. Setiap hari, masyarakat menghasilkan berbagai jenis sampah, mulai dari plastik, kertas, logam, kaca, hingga sampah organik. Namun, tidak semua sampah tersebut dikelola dengan baik. Banyak sampah yang masih tercampur, tidak tercatat, atau bahkan berakhir di lingkungan tanpa proses pengolahan yang tepat.

Di sisi lain, banyak masyarakat yang sebenarnya ingin berkontribusi dalam pengurangan sampah, tetapi belum memiliki akses informasi yang jelas. Mereka sering kali tidak mengetahui di mana lokasi bank sampah terdekat, jenis sampah apa saja yang bisa disetorkan, bagaimana cara mencatat kontribusi, dan apakah sampah yang mereka kumpulkan benar-benar memberikan dampak.

Permasalahan lain juga muncul dari sisi pengelola. Bank sampah atau pihak pengelola membutuhkan sistem yang lebih terstruktur untuk mencatat data setoran, memverifikasi jenis dan berat sampah, mengelola poin, serta memastikan bahwa setiap kontribusi masyarakat dapat terdokumentasi dengan baik.

Berdasarkan permasalahan tersebut, CleanSea hadir sebagai solusi digital yang membantu masyarakat melakukan pengelolaan sampah dengan cara yang lebih mudah, transparan, dan menarik.

SDG 12 — Responsible Consumption and Production

Final project ini mengacu pada SDG 12: Responsible Consumption and Production atau konsumsi dan produksi yang bertanggung jawab.

Kami memilih SDG 12 karena CleanSea berfokus pada pengelolaan sampah yang bertanggung jawab melalui proses pemilahan, pencatatan, dan daur ulang sampah secara lebih terstruktur. Website ini dirancang untuk membantu masyarakat mengurangi sampah, meningkatkan kesadaran terhadap konsumsi berkelanjutan, serta mendukung pola pengelolaan limbah yang lebih ramah lingkungan.

CleanSea tidak hanya berfungsi sebagai platform pencatatan sampah, tetapi juga sebagai media edukasi dan motivasi agar masyarakat dapat lebih konsisten dalam menerapkan kebiasaan ramah lingkungan.

Melalui CleanSea, kami ingin menunjukkan bahwa teknologi dapat menjadi jembatan antara kesadaran lingkungan dan aksi nyata.

Tujuan Project

Tujuan utama CleanSea adalah merancang sebuah platform digital yang dapat membantu masyarakat dalam mengelola sampah secara lebih mudah, terukur, dan menyenangkan.

Secara khusus, CleanSea memiliki beberapa tujuan utama, yaitu:

1. Membantu user menemukan lokasi pengumpulan sampah atau bank sampah terdekat.
2. Memudahkan proses pencatatan setoran sampah melalui QR Code.
3. Menampilkan riwayat aktivitas dan progress kontribusi pengguna.
4. Memberikan poin sebagai bentuk apresiasi atas sampah yang disetorkan.
5. Menyediakan fitur penukaran poin dengan reward atau voucher.
6. Mendorong kebiasaan memilah dan menyetorkan sampah secara konsisten.
7. Menghadirkan komunitas digital untuk meningkatkan partisipasi masyarakat.
8. Membantu admin dalam mengelola dan memverifikasi data pengumpulan sampah.
9. Mendukung kolaborasi antara masyarakat, bank sampah, dan mitra reward.

Target Pengguna

Target utama CleanSea adalah masyarakat umum, terutama pengguna yang ingin mulai berkontribusi dalam pengelolaan sampah tetapi membutuhkan sistem yang mudah digunakan.

Selain masyarakat umum, CleanSea juga dirancang untuk mendukung beberapa peran pengguna lain.

1. User

User adalah masyarakat umum yang menggunakan CleanSea untuk menyetor sampah dan memantau kontribusinya. User dapat melakukan registrasi, mencari lokasi pengumpulan sampah, menunjukkan QR Code saat menyetor sampah, memantau poin, melihat level, mengecek riwayat aktivitas, mengikuti leaderboard, menukar poin, serta berinteraksi di fitur komunitas dan edukasi.

2. Admin

Admin berperan dalam mengelola dan memverifikasi data pengumpulan sampah. Admin dapat membantu mencatat jenis sampah, berat sampah, lokasi pengumpulan, poin user, serta mengelola data user dan bank sampah.

3. Mitra

Mitra berperan dalam menyediakan reward, produk, atau voucher yang dapat ditukarkan oleh user menggunakan poin. Dalam project ini, mitra yang direncanakan adalah Bank Sampah dan Mitra Voucher Belanja.

Konsep Utama CleanSea

Konsep utama CleanSea adalah mengubah aktivitas pengelolaan sampah menjadi pengalaman digital yang lebih mudah, terukur, dan menyenangkan.

CleanSea membawa pesan utama:

Turning Waste into Waves of Change

Pesan ini menggambarkan bahwa setiap sampah yang dikumpulkan dapat menjadi bagian dari perubahan yang lebih besar. Walaupun kontribusi user terlihat kecil, jika dilakukan secara konsisten dan bersama-sama, dampaknya dapat menjadi besar bagi lingkungan.

Dari sisi visual, CleanSea menggunakan warna hijau, biru, cream, dan aksen oranye. Warna hijau merepresentasikan lingkungan, biru merepresentasikan laut dan kebersihan, cream memberikan kesan hangat dan natural, sedangkan oranye digunakan sebagai warna aksen untuk tombol atau call-to-action.

Dari sisi pengalaman pengguna, CleanSea menggabungkan beberapa pendekatan HCI seperti navigasi yang sederhana, visual hierarchy yang jelas, sistem feedback melalui poin dan progress, serta gamifikasi melalui level, badge, leaderboard, streak, dan reward.

User Flow CleanSea

Alur utama penggunaan CleanSea dibuat sederhana agar user baru dapat memahami prosesnya dengan cepat.

Pertama, user melakukan registrasi akun melalui halaman register. Setelah akun berhasil dibuat, user dapat masuk ke dashboard utama. Di dashboard, user dapat melihat ringkasan kontribusi seperti total sampah yang sudah dikumpulkan, total poin, jumlah aktivitas, progress bulanan, dan riwayat setoran.

Selanjutnya, user dapat membuka fitur Collection Locations untuk mencari lokasi pengumpulan sampah atau bank sampah terdekat. Pada halaman ini, user dapat melihat informasi lokasi, jarak, jam operasional, status buka atau tutup, serta jenis sampah yang diterima.

Setelah sampai di lokasi pengumpulan, user membuka fitur Record Waste dan menunjukkan QR Code kepada petugas. Petugas kemudian melakukan scan QR Code, menimbang sampah, mencatat jenis sampah, dan sistem akan menambahkan poin ke akun user.

Poin yang terkumpul dapat ditukar melalui fitur Redeem Points dengan berbagai voucher atau reward dari mitra.

QR Code menjadi penghubung antara aktivitas offline user dan pencatatan digital di CleanSea

Fitur Utama CleanSea

CleanSea dirancang dengan beberapa fitur utama yang saling terhubung untuk mendukung proses pengelolaan sampah dari awal hingga akhir. Fitur-fitur ini dibuat agar pengguna dapat memahami alur penggunaan website dengan mudah, mulai dari mengenal platform, mencari lokasi pengumpulan sampah, mencatat setoran, hingga mendapatkan reward.

Fitur pertama adalah Landing Page, yang berfungsi sebagai halaman pengenalan utama CleanSea. Pada halaman ini, pengguna dapat memahami tujuan platform, misi lingkungan yang dibawa, cara kerja sistem, serta ajakan untuk mulai berkontribusi dalam pengelolaan sampah.

Selanjutnya, terdapat fitur Authentication yang mencakup proses login, registrasi, verifikasi email, dan pemulihan password. Fitur ini membantu pengguna membuat akun dan masuk ke sistem dengan alur yang lebih aman dan terstruktur.

Setelah masuk, pengguna akan diarahkan ke Dashboard. Dashboard menjadi pusat informasi utama yang menampilkan total sampah yang telah dikumpulkan, jumlah poin, riwayat aktivitas, progress bulanan, level pengguna, serta dampak kontribusi yang sudah dilakukan. Dengan tampilan berbasis card, informasi dapat dibaca dengan lebih cepat dan tidak terasa terlalu padat.

CleanSea juga menyediakan fitur Collection Locations untuk membantu pengguna menemukan lokasi pengumpulan sampah atau bank sampah terdekat. Pada fitur ini, pengguna dapat melihat informasi seperti nama lokasi, jarak, alamat, jam operasional, status buka atau tutup, serta jenis sampah yang diterima.

Fitur inti berikutnya adalah Record Waste dengan QR Code. Pengguna cukup menunjukkan QR Code kepada petugas di lokasi pengumpulan. Setelah QR Code dipindai, petugas dapat mencatat jenis sampah, berat sampah, lokasi, dan poin yang diperoleh. Fitur ini membuat proses pencatatan setoran menjadi lebih cepat, rapi, dan mudah diverifikasi.

Untuk meningkatkan motivasi pengguna, CleanSea memiliki fitur Redeem Points, Leaderboard, dan Achievements. Poin yang diperoleh dari setoran sampah dapat ditukar dengan voucher atau reward dari mitra. Leaderboard menampilkan peringkat pengguna berdasarkan kontribusi, sedangkan achievements memberikan badge ketika pengguna mencapai milestone tertentu. Ketiga fitur ini menjadi bentuk gamifikasi agar pengguna lebih terdorong untuk terus berkontribusi.

Selain fitur transaksi dan pencatatan, CleanSea juga menyediakan Community, Blog, dan Help Center. Community memungkinkan pengguna berbagi pengalaman dan mengikuti aktivitas lingkungan. Blog digunakan sebagai media edukasi mengenai isu lingkungan dan gaya hidup berkelanjutan. Sementara itu, Help Center dan FAQ membantu pengguna memahami cara kerja CleanSea, sistem poin, reward, serta solusi ketika mengalami kendala.

Secara keseluruhan, fitur-fitur CleanSea dirancang untuk membentuk pengalaman yang lengkap, mulai dari edukasi, aksi nyata, pencatatan kontribusi, pemberian reward, hingga keterlibatan dalam komunitas lingkungan.

Fitur utama CleanSea dirancang untuk mendukung proses pengelolaan sampah secara digital, terukur, dan lebih menarik bagi pengguna

Peran Mitra dalam CleanSea

CleanSea dirancang untuk mendukung kerja sama dengan mitra. Dalam project ini, mitra yang direncanakan adalah Bank Sampah dan Mitra Voucher Belanja.

Bank Sampah berperan sebagai tempat pengumpulan sampah dari user. Bank sampah membantu menerima, menimbang, memverifikasi, dan mencatat sampah yang disetorkan.

Sementara itu, mitra voucher berperan menyediakan reward yang dapat ditukar oleh user menggunakan poin. Reward ini menjadi bentuk insentif agar user semakin termotivasi untuk terus menyetorkan sampah.

Kolaborasi ini membuat CleanSea memiliki ekosistem yang lebih lengkap. Aktivitas pengelolaan sampah tidak hanya berhenti pada pencatatan, tetapi juga memberikan nilai balik kepada masyarakat.

Hasil Implementasi

Figma + beberapa page dikoding

Beberapa halaman utama CleanSea telah divisualisasikan dan sebagian telah dikembangkan dalam bentuk website. Halaman yang dirancang meliputi landing page, authentication page, dashboard, collection locations, record waste, redeem points, leaderboard, community, achievements, account, settings, get help, blog, dan FAQ.

Dengan adanya beberapa halaman yang sudah dikoding, CleanSea tidak hanya menjadi desain prototype, tetapi juga menunjukkan bagaimana konsep interaksi dapat diterapkan ke dalam antarmuka website yang lebih nyata.

Website CleanSea juga telah dideploy menggunakan Vercel sehingga dapat dicoba secara langsung melalui link berikut:

🌊 Live Demo CleanSea: CleanSea Website

CleanSea telah dibuat dalam bentuk prototype dan beberapa halaman telah dikembangkan sebagai website

Kesimpulan

CleanSea adalah website pengelolaan sampah yang dirancang untuk membantu masyarakat berkontribusi terhadap lingkungan melalui proses yang lebih mudah, terstruktur, dan menyenangkan.

Dengan menggabungkan fitur pencatatan sampah berbasis QR Code, sistem poin, reward, leaderboard, achievements, community, blog, FAQ, dan dashboard impact, CleanSea berusaha menghadirkan solusi digital yang tidak hanya fungsional, tetapi juga mampu meningkatkan motivasi dan kesadaran pengguna.

Project ini mendukung SDG 12: Responsible Consumption and Production karena berfokus pada pengelolaan sampah yang lebih bertanggung jawab, terukur, dan berkelanjutan.

Melalui CleanSea, kami percaya bahwa perubahan besar dapat dimulai dari langkah kecil. Satu setoran sampah, satu poin, dan satu aksi sederhana dapat menjadi bagian dari gelombang perubahan untuk masa depan lingkungan yang lebih baik.

Tim Final Project

Adilla Berliana Febrianti — 2902624383

Kiyo Vincent Adhi Kusalo Hartono — 2902574990

Ni Putu Saraswati — 2902624635