Salah satu project yang saya kerjakan adalah website Twibbon MUNAS 2026 & 38th Anniversary MMC Outsiders Indonesia. Website ini dibuat sebagai media pendukung campaign digital agar member dapat ikut meramaikan momentum MUNAS dan Anniversary melalui twibbon resmi yang seragam.
Dari awal pengembangannya, saya ingin membuat sistem yang sesederhana mungkin. Pengguna tidak perlu menggunakan aplikasi desain tambahan atau mengatur frame secara manual. Cukup memilih format, memasukkan foto, menyesuaikan posisinya, lalu mengunduh hasil akhir.
Membuat Campaign Digital yang Mudah Diikuti
Sebuah campaign komunitas akan lebih efektif jika proses untuk ikut berpartisipasi tidak merepotkan penggunanya. Karena itu, tantangan utama dalam project ini bukan membuat fitur sebanyak mungkin, tetapi membuat alur yang cukup sederhana untuk digunakan oleh berbagai kalangan member.
Pada halaman awal, pengguna langsung diperkenalkan dengan campaign The Legacy Continues – MUNAS 2026. Identitas visual dibuat cukup kuat dengan dominasi hitam, merah, dan karakter khas MMC Outsiders Indonesia.
Call to action utama ditempatkan dengan jelas agar pengguna tidak perlu mencari-cari bagaimana cara memulai proses pembuatan twibbon.
Tiga Format untuk Kebutuhan Media Sosial
Saya menyediakan tiga pilihan ukuran twibbon yaitu Square, Portrait, dan Story. Pilihan ini dibuat karena satu format tidak selalu cocok untuk seluruh kebutuhan media sosial.
Pengguna cukup menentukan format yang diinginkan sebelum masuk ke proses berikutnya. Preview juga dibuat visual agar perbedaan masing-masing format dapat langsung dipahami tanpa harus membaca penjelasan panjang.
Editor Twibbon Langsung di Browser
Bagian utama dari project ini adalah editor twibbon. Pengguna dapat mengambil foto dari galeri atau kamera perangkat, kemudian menempatkannya langsung di dalam frame yang sudah disediakan.
Beberapa kontrol yang saya sediakan antara lain pengaturan posisi foto, zoom, rotasi, reset, serta penyesuaian foto terhadap frame. Tujuannya bukan membuat sebuah photo editor yang kompleks, tetapi menyediakan kontrol yang memang dibutuhkan untuk menghasilkan twibbon dengan cepat.
Setelah posisi foto dianggap sesuai, pengguna dapat langsung menghasilkan dan menyimpan twibbon dalam format PNG.
Privasi Foto Menjadi Salah Satu Pertimbangan
Dalam pengembangannya, saya juga mempertimbangkan bagaimana pengguna memperlakukan foto pribadi yang mereka gunakan.
Proses pengolahan foto dirancang berlangsung di sisi perangkat pengguna sehingga foto tidak perlu dijadikan bagian dari penyimpanan permanen pada sistem. Pendekatan seperti ini sekaligus membuat fungsi website lebih fokus: memproses foto menjadi twibbon, lalu memberikan hasil akhirnya kepada pengguna.
Caption Resmi dalam Alur yang Sama
Campaign tidak berhenti setelah gambar twibbon selesai dibuat. Biasanya masih ada caption, hashtag, serta informasi lain yang ingin disampaikan secara seragam oleh organisasi.
Karena itu, saya memasukkan fitur Salin Caption langsung ke dalam website. Pengguna dapat membuat twibbon dan mendapatkan materi caption dalam tempat yang sama.
Di bagian akhir juga terdapat ringkasan empat langkah penggunaan: memilih format, upload foto, menggeser dan menyesuaikan foto, kemudian download dan membagikan hasilnya.
Mobile First untuk Pengguna dari WhatsApp dan Media Sosial
Salah satu perhatian utama saya pada project ini adalah penggunaan melalui smartphone. Website campaign seperti ini biasanya dibuka setelah seseorang menerima link melalui WhatsApp, Instagram, atau grup komunitas.
Karena itu, tampilan desktop bukan satu-satunya patokan. Pemilihan format, editor, kontrol foto, tombol download, hingga caption harus tetap nyaman digunakan dari layar yang lebih kecil.
Project Kecil dengan Fungsi yang Sangat Spesifik
Saya menyukai project seperti ini karena menunjukkan bahwa sebuah website tidak harus memiliki puluhan fitur agar berguna.
Yang dibutuhkan adalah memahami masalah yang ingin diselesaikan. Dalam project Twibbon MMC Outsiders Indonesia, kebutuhannya adalah membuat ribuan kemungkinan pengguna dapat menghasilkan materi campaign yang konsisten tanpa perlu memahami software desain.
Dari situ saya membangun alurnya sesingkat mungkin: pilih format, masukkan foto, sesuaikan, download, lalu bagikan.
Project: Twibbon MUNAS 2026 & 38th Anniversary MMC Outsiders Indonesia
Jenis Project: Interactive Campaign Website / Twibbon Generator
Development: Nandhi
