ICA harus terasa seperti lembaga penghargaan bergengsi yang berkelanjutan — bukan sekadar panitia festival tahunan. Setiap elemen desain harus memancarkan kedalaman dan otoritas, seperti Cannes Lions atau Red Dot Award versi Indonesia.
Setiap halaman memiliki satu tujuan utama yang jelas. Dari pertama kali mengunjungi hingga menekan tombol submit karya — setiap langkah visitor dipandu secara natural tanpa kebingungan atau pilihan yang bersaing.
Tiga warna brand ICA (Pink, Orange, Teal) bukan sekadar dekorasi — melainkan bahasa visual yang konsisten dan bermakna. Navy dan Gold hadir sebagai fondasi elegan yang memperkuat ketiga warna brand tersebut.
Website ICA harus menjadi destination — bukan sekadar brosur digital. Artikel, profil juri, galeri dokumentasi, dan program menjadi konten yang membuat visitor ingin kembali lagi secara berkala.
| # | Section | Tujuan & Konten Utama | Status |
|---|---|---|---|
| 01 | 📡 Top Bar | Kontak singkat (email + telepon) di kiri · 6 ikon sosmed (IG, TK, YT, FB, LI, X) di kanan · Bar tipis 30px — informatif sebagai touchpoint pertama tanpa mengganggu | Baru |
| 02 | 🧭 Navbar | Logo ICA + 8 menu (Beranda · Tentang · Kategori · Program · Juri · Pemenang · Media · Berita) + satu CTA [Submit Karya] · Sticky 72px · Fokus pada satu aksi konversi utama | Direvisi |
| 03 | 🦸 Hero | Kiri: teks statis (badge · H1 · deskripsi · 2 CTA · 4-stat row) · Kanan: panel slider promo gambar dengan dot + counter + progress bar autoplay 5 detik · Dark background dengan texture hatch | Diperbarui |
| 04 | 💡 About ICA | Dua kolom: teks "Apa itu ICA?" di kiri + 4 pilar ICA bernomor di kanan (Apresiasi, Dukungan, Networking, Masa Depan) dengan warna badge bergantian dari brand colors | Tetap |
| 05 | 📰 Media Partners | Bar gelap Navy: label "Media Partners" di kiri + carousel logo media Indonesia scroll otomatis (Kompas, Tempo, Detik, CNN Indo, dll.) · Infinite loop, pause on hover · Membuktikan ICA diliput media nyata | Baru |
| 06 | 🤝 Didukung Oleh | Judul centered + grid logo sponsor 2 baris (baris 1: 6 logo, baris 2: 7 logo) · Membangun social proof kepada calon peserta dan sponsor baru yang mengunjungi website | Diperbarui |
| 07 | 🏆 Kategori Penghargaan | Grid 3-kolom card · Setiap card: ikon kategori + nama + sub-kategori + badge prize value · Accent bar 3px dengan rotasi brand colors · Tombol "Lihat Semua Kategori" di bawah grid | Diperbarui |
| 08 | 🎬 Highlight / Video | Grid 2 panel: kiri area video embed/thumbnail besar · Kanan empat stat angka ICA (Edisi, Peserta, Kategori, Provinsi) + deskripsi singkat · Background abu muda memberi jeda visual | Diperbarui |
| 09 | 👨⚖️ Dewan Juri | 5 kartu foto juri dengan nama + gelar · Panel Juri tabs dengan brand colors aktif · Background abu muda · Struktur dan konten sudah kuat — update pada konsistensi warna tab | Tetap |
| 10 | ⚖️ Penilaian & Benefit | Grid 3 kolom: kiri kriteria penilaian (bullet list) · Tengah mascot 3D · Kanan 2 benefit card (Benefit Peserta + Media & Promosi) · Warna card header sesuai brand colors ICA | Tetap |
| 11 | 💬 Quote Section | Dark section dengan kutipan emosional "Menginspirasi Negeri lewat Kreativitas yang Matang." · Tanda kutip besar · Playfair Display Italic · Kata kunci mendapat emphasis warna Gold | Tetap |
| 12 | 📢 CTA Pendaftaran | Full-width dark section: judul besar + deskripsi deadline + 2 tombol ([Submit Karya] Gold dan [Lihat Panduan] outline) · Elemen visual dekoratif di background | Tetap |
| 13 | 📰 Kabar & Artikel | Header baris: judul + subtitle di kiri, tombol "Selengkapnya ▶" di kanan · 3 article card (thumbnail + tag kategori berwarna + meta tanggal + judul + preview + link baca) · Membuktikan ICA aktif berkonten | Baru |
| 14 | 🔻 Footer | Dark Navy · Kolom kiri: logo + alamat kantor + email + telepon + 6 ikon sosmed · Kolom navigasi lain: Penghargaan, Keterlibatan, Informasi · Bottom bar: copyright + Privacy Policy + Terms | Diperlengkap |
Zona kiri statis: pesan utama, CTA, dan 4 angka kepercayaan. Zona kanan: slider promo yang bergerak sendiri dengan 4 slide. Tidak ada elemen yang saling bersaing — setiap zona memiliki fungsi berbeda dan saling melengkapi.
Carousel logo media Indonesia pada bar gelap Navy — bergerak terus, berhenti saat hover. Membuktikan ICA aktif diliput media besar secara visual, jauh lebih persuasif dibanding sekadar teks klaim.
Setiap kategori memiliki identitas visual: ikon + accent bar brand color + badge prize value. Visitor langsung tahu ada apa saja dan berapa hadiahnya — memotivasi mereka untuk membaca lebih lanjut dan mendaftar.
Satu tombol Orange [Submit Karya] mendominasi ujung kanan navbar. Tidak ada elemen lain yang bersaing. Prinsip: satu halaman, satu aksi terpenting. Menu navigasi tetap tersedia namun CTA paling menonjol secara visual.
Tiga article card dengan thumbnail, tag kategori berwarna, dan tanggal terbaru. Membuktikan ICA aktif berproduksi konten — sangat penting untuk meyakinkan calon sponsor, mitra media, dan peserta baru.
Footer adalah halaman "terakhir" sebelum visitor pergi. Kolom brand wajib berisi: alamat kantor, email, telepon, dan 6 ikon sosmed — memastikan tidak ada peluang kontak yang terlewatkan.
Sistem warna, tipografi, dan spacing yang konsisten lebih berharga daripada satu elemen "kreatif" yang unik tapi tidak selaras. Konsistensi adalah fondasi dari kepercayaan.
Setiap halaman memiliki satu elemen paling penting. Semua elemen lain mendukung, bukan bersaing. Mata pengunjung harus selalu tahu ke mana fokus selanjutnya.
Ruang kosong (whitespace) bukan pemborosan — ini tanda kepercayaan diri desain. Platform bergengsi selalu memberi ruang napas. Padding generous, bukan padat-tumpuk.
Setiap penggunaan warna accent harus memiliki alasan fungsional — CTA, status, atau hierarchy. Warna yang hadir hanya untuk "terlihat colorful" justru melemahkan dampak warna yang benar-benar penting.
Mayoritas visitor Indonesia mengakses via smartphone. Desain dimulai dari layout mobile yang bersih, kemudian diperluas ke desktop. Bukan sekadar pilihan teknis — ini strategi jangkauan nyata.
Sebagai organisasi yang berkembang, beberapa konten masih akan diisi bertahap. Placeholder yang terstruktur rapi memastikan website tetap terlihat profesional dan siap beroperasi penuh.
ICA memiliki semua modal untuk menjadi platform penghargaan kreatif terprestisius di Indonesia — nama yang kuat, ekosistem yang berkembang, dan dewan juri yang kredibel. Satu hal yang perlu dituntaskan adalah memastikan website menjadi cerminan nyata dari ambisi itu: elegan, otoritatif, dan benar-benar mencerminkan "kreativitas yang matang."
Rekomendasi desain ini bukan tentang mengubah identitas ICA — melainkan tentang mengangkat presentasinya ke standar yang selayaknya. Sistem warna Navy + Gold yang elegan, tipografi Playfair Display yang prestisius, dan arsitektur 14 section yang terurut secara psikologis akan membawa website ICA ke level institusi penghargaan nasional kelas dunia.
Wireframe v1.4 telah tersedia sebagai panduan lengkap dan siap diimplementasikan.