Resonansi merupakan  public space yang dimiliki oleh Indonesia Corruption Watch (ICW) sebagai ruang aman sekaligus ekosistem kolaboratif bagi publik untuk terus merawat napas gerakan antikorupsi, menumbuhkan minat terhadap literasi, serta mewadahi berbagai inisiatif individu maupun kelompok melalui aktivitas publik yang kreatif, inovatif, dan kolaboratif. Seiring dengan meningkatnya partisipasi publik dalam mengaktivasi ruang-ruang Resonansi, diperlukan media yang mampu menjembatani Resonansi untuk penyampaian informasi, berkolaborasi, serta fungsi-fungsi lain yang mampu menjangkau publik untuk terlibat aktif di Resonansi. 

Oleh karena itu, dalam rangka meningkatkan kualitas layanan dan promosi Resonansi, ICW berencana membuat website Resonansi. Website ini akan menjadi sarana ICW menyajikan informasi dengan layanan bisnis sosial dan ekosistem yang ada di dalam Resonansi. Terkait dengan hal tersebut, kami membuka peluang bagi vendor untuk berpartisipasi dalam pemilihan penyedia pengembangan website Resonansi. Adapun anggaran dalam pengembangan website Resonansi sebesar Rp. 30.000.000 (Tiga Puluh Juta Rupiah) untuk seluruh pengerjaan. 

Komponen  Website: 

1. Halaman Utama/Beranda: Membuat tampilan dan halaman fungsi utama yang berisi konten menarik, mudah diakses, dan mencerminkan semangat yang dimiliki  oleh Resonansi. Berada website memuat informasi terkait dengan informasi seperti tagline atau copywriting tentang keuntungan menggunakan Resonansi, informasi agenda terdekat yang akan diadakan di Resonansi, update dokumentasi dan narasi aktivasi kegiatan yang telah berlangsung, konten promosi mengenai ruang Resonansi (harga, fasilitas, hingga kalender ketersediaan ruang), lokasi Resonansi, kanal komunikasi dengan admin Resonansi terkait fasilitas yang ada di Resonansi, serta testimoni publik terhadap pengalamannya selama berkegiatan atau menggunakan layanan dari Resonansi.  

2. Header: Membuat menu yang ditampilkan pada bagian paling atas website yang meliputi logo Resonansi dan item menu navigasi seperti , “Resonansi”, “Layanan”, “Bisnis”, “Perpustakaan”, “Ruang Partisipatif”, “Kegiatan”, “kontak”, dan “Gabung Resocircle”. 

3. Above-the-Fold Visuals/Visual layar pertama: Membuat bagian visual utama yang berisi dokumentasi dalam bentuk foto/video/slideshow terkait kegiatan hingga konten promosi mengenai ruang Resonansi. Pada bagian ini juga dicantumkan “Jelajahi Resonansi” agar menarik pengguna Resonansi mengakses lebih dalam terkait informasi tersebut. 

4. Halaman Khusus: Mendesain halaman yang berdasarkan masing-masing sub menu yang tercantum pada header website untuk meningkatkan informasi kepada pengguna untuk  mengetahui aktivitas, layanan, kemudahan bertransaksi, dan terlibat dalam kegiatan yang ditawarkan Resonansi. Laman khusus di antaranya yaitu informasi penyediaan dan pemesanan ruangan Resonansi, penjualan Uncorrupted, informasi perpustakaan Resonansi, list kegiatan yang terbuka bagi publik di Resonansi, bulletin pengguna Resonansi, dsb. Beberapa laman khusus yang dimaksudkan untuk tujuan komersil dilengkapi dengan Layanan Pembayaran Digital. Fitur ini menyediakan  sistem pembayaran yang memudahkan pengguna dalam melakukan transaksi maupun. Adapun detail kebutuhan halaman khusus berdasarkan header website yang direncanakan antara lain; 

1. Resonansi: Menyediakan informasi seputar Resonansi seperti; Profil (tim kerja Resonansi, Partner/Kawan Resonansi, Jumlah pengguna Resonansi, mitra/komunitas yang telah menggunakan Resonansi) dan nilai yang diusung oleh Resonansi, visi dan tujuan didirikan Resonansi.
2. Layanan: Menu yang secara khusus menampilkan submenu informasi terkait fasilitas ruang yang ditawarkan oleh Resonansi antara lain; 

• Fasilitas berdasarkan ruang: Main room, meeting room, amphitheater, dan ruang studio podcast
• Penawaran berdasarkan fungsi: penggunaan untuk aktivitas sebagai ruang kantor, acara festival, fotografi profesional, pre wedding,  dan event komersial komersial lainnya. 
• Membership, sub menu yang diperuntukkan bagi publik yang ingin mendapatkan manfaat lebih dalam menggunakan ruang Resonansi. 

3. Bisnis: Menu ini menampilkan berbagai jenis unit bisnis yang tengah dijalankan. Masing-masing sub menu mewakili jenis usaha Resonansi antara lain; 

• Merchandise (Uncorrupted) 
• Production house/Pengembangan Ruang Podcast Resonansi
• Hasil pengetahuan antikorupsi 
• F&B Resonansi 
• Expert dan Pelatihan Antikorupsi
• Kerjasama (yang diarahkan pada kontak langsung dengan admin Resonansi)

4. Perpustakaan: Menu perpustakaan Resonansi menyediakan berbagai fasilitas yang berfungsi untuk memberikan kemudahan kepada pengunjung terkait koleksi yang tersedia dan informasi penawaran lainnya. Adapun sub menu yang akan dirancang meliputi;

• Koleksi buku Resonansi 
• Penyewaan rak buku 
• Pinjam buku 
• Program Perpustakaan Resonansi 
• Jadi anggota Klub baca Selingkar 

5. Ruang Partisipatif: Sebuah menu yang dimaksudkan oleh Resonansi untuk mengajak publik terlibat aktif di kegiatan dan aktivasi Resonansi. Oleh karena itu, sub menu yang akan dirancang untuk diadakan pada menu tersebut antara lain; 

• Info Kolaborasi
• Informasi volunteer
• Informasi Fellowship. Informasi fellowship akan menjadi wadah bagi Resonansi untuk mendukung aksi/proyek kolektif baik komunitas maupun individu. Secara eksplisit, dukungannya dapat berupa pendanaan dengan disertai mentoring berdasarkan topik/isu yang diintervensi atau ditentukan pada fellowship tersebut oleh Resonansi. 

6. Kegiatan: Menu yang memudahkan publik untuk mengetahui seluruh ragam aktivitas yang ada di Resonansi. Adapun sub menu yang akan ditampilkan sebagai berikut; 

• Diskusi publik 
• Seni, pameran, pemutaran film
• Penggalangan Dukungan
• Konferensi Pers 
• Event

7. Kontak: Menu yang memfasilitasi publik untuk bisa berinteraksi dua arah dengan pihak Resonansi. Publik dapat memanfaatkan sub menu yang akan disediakan seperti; 

• Kritik & saran
• Email dan Nomor Resonansi 

8. Gabung Resocircle: menu yang disediakan kepada publik untuk menjadi bagian penting dalam pergerakan Resonansi yang lebih berdampak. 

5. Login dan Profil Pengguna: Fitur ini dirancang untuk memberikan akses personal ke website Resonansi dengan  sistem login, sekaligus menampilkan informasi terkait  aktivitas, riwayat transaksi, serta  bentuk dukungan yang telah dilakukan oleh pengguna selama menggunakan platform Resonansi. 
6. Footer: Menampilkan informasi  pada bagian paling bawah halaman yang mencakup menu  seperti kontak, alamat Resonansi, media sosial, FAQ, serta publikasi resonansi. . 
7. Mobile Responsiveness: Menjamin bahwa semua komponen situs dapat ditampilkan dan berfungsi dengan baik di berbagai perangkat, termasuk perangkat mobile.
8. Halaman lainnya jika diperlukan.

Desain dan identitas visual website 

1. Warna website memiliki kesamaan makna dengan identitas visual (logo) yang telah dimiliki oleh Resonansi. Saat ini, warna yang digunakan dalam logo resonansi adalah biru dengan kombinasi warna kuning, merah muda, dan hijau. Ragam warna ini merepresentasikan makna keberagaman, inklusif, dan kreatif. Berikut kode warna yang digunakan pada logo Resonansi; #004A78, #8ED8F8, #FFD530, #E89DB9, dan #83C997. 
2. Gaya desain yang diinginkan dalam website Resonansi mampu menampilkan  kesan ceria, semangat, optimis,  user friendly, namun tetap elegan dan modern.  
3. Untuk memudahkan vendor dalam pengembangan desain website Resonansi, dapat menjadikan website public space berikut ini sebagai rujukan: ; Gowork, Concrete, wellspace. 

Ruang Lingkup Pekerjaan:

• Merancang dan mengembangkan website yang menarik, ramah pengguna (user-friendly), ramah pengelolaan, dan efisien termasuk desain visual  untuk setiap halaman dan fitur  yang ditampilkan. 
• Mengembangkan sistem website yang responsif dan dapat diakses dengan baik di berbagai perangkat (desktop dan mobile).
• Melakukan pengujian (testing)  untuk memastikan semua fitur, tampilan, dan alur pengguna (user flow) berjalan dengan baik dan tanpa kendala. 
• Berkoordinasi dan terlibat dalam diskusi bersama tim Resonansi terkait implementasi desain ke dalam sistem. Melakukan proses review dan perbaikan pada item yang terkendala dalam sistem.
• Melakukan perbaikan (bug fixing) dan penyempurnaan terhadap fitur atau elemen yang mengalami kendala selama proses pengembangan.
• Menyusun dokumentasi teknis serta laporan perkembangan pekerjaan secara berkala. 

Kualifikasi:

• Mempunya portofolio pernah mengembangkan website dan telah berjalan minimal 1 tahun (website komersil lebih diutamakan). 
• Memiliki keahlian bahasa pemograman seperti  PHP, JavaScript, HTML/CSS, dan memiliki pengalaman dalam sistem manajemen database (MySQL atau PostgreSQL).
• Mempunyai kemampuan dan pengalaman merancang tema antarmuka dengan UI/UX yang menarik dan efisien. 
• Berkomitmen untuk berkomunikasi secara aktif dengan ICW selama proses pengembangan website Resonansi berdasarkan kesepakatan waktu yang telah ditentukan, maupun koordinasi tambahan apabila dibutuhkan setelah proyek dinyatakan selesai. 

Hasil Pekerjaan: 

• Website Resonansi yang dalam proses pengembangannya disertai dengan:
  • Prototipe desain (wireframe/interactive prototype) serta  desain akhir  UI/UX. 
  • Template tema Website Resonansi yang telah dikembangkan dan siap diimplementasikan.
• Laporan penyelesaian pekerjaan yang mencakup seluruh proses pengembangan sistem, capaian, kebutuhan maintenance, dan rekomendasi pengembangan lanjutan/ perbaikan yang diperlukan di masa mendatang. 

Cara Melamar: 

Bagi vendor yang berminat melamar dapat mendaftar melalui tautan bit.ly/WebsiteResonansi dengan melampirkan dokumen pendukung sebagai persyaratan mengikuti seleksi vendor website Resonansi antara lain; 

1. Curriculum Vitae (CV) 
2. Quotation Letter/Surat Penawaran 
3. Portofolio pembuatan/pengembangan website

Jika ada informasi yang belum jelas dan ingin diklarifikasi, dapat menghubungi email resonansi@antikorupsi.org. 

Jadwal Kegiatan

Tanggal Keterangan Kegiatan

24 April 2026: Penutupan tender dan submit penawaran

28 April 2026: Penjelasan tender via zoom atau pesan tertulis 

28 April - 1 Mei 2026: Presentasi vendor website 

4 - 8 Mei 2026 : Penilaian oleh tim seleksi 

11 Mei 2026: Pengumuman pemenang vendor website Resonansi