Landing page Healthkathon 2.0

Healthkathon 2.0 adalah hackathon BPJS Kesehatan tahun 2023: ajakan terbuka untuk mahasiswa dan masyarakat umum mencari cara teknologi bisa meningkatkan layanan bagi peserta jaminan kesehatan nasional. Saya mendesain landing page-nya di Native Productions, satu-satunya tempat orang mencari tahu acaranya tentang apa, track mana yang mau diikuti, dan cara mendaftarnya. Pendaftarannya dibuka dari 9 Juni sampai 31 Juli 2023.

Yang saya kerjakan

Saya satu-satunya desainer di proyek ini, dan developer membangun halamannya dari desain saya.

• Struktur dan konten. Halamannya menjawab pertanyaan sesuai urutan orang menanyakannya: acaranya tentang apa, cara daftarnya bagaimana, pilih track yang mana, dan kapan tiap tahapnya berlangsung.
• Dua arah visual. Versi terang dan versi gelap untuk seluruh halaman. Versi terang yang akhirnya dipakai.
• UI dan prototype. Semua section dari hero sampai footer, plus prototype Figma yang bisa diklik untuk review.

Isi halamannya

• Hitung mundur di hero. Sebelum pendaftaran dibuka, hal pertama yang dilihat pengunjung adalah berapa lama lagi mereka bisa mendaftar.
• Pendaftaran dalam empat langkah. Bentuk tim, daftar sebagai ketua tim, ikut basic test, lalu daftarkan anggota tim.
• Tiga track. Capture the Flag, Data Analytics and Visualization, dan Innovation System, masing-masing dengan kartu yang mengarah ke section dan aturannya sendiri.
• Timeline. Dari pendaftaran, workshop, dan seleksi sampai penjurian final.

Keputusan desain

• Nuansa hackathon. Teks monospace dan bentuk-bentuk geometris berwarna abu-abu, dengan hijau dari logo acaranya khusus untuk tombol seperti Login dan Submit project.
• Track yang gampang dibedakan. Tiap track punya ilustrasi dan warna kartunya sendiri, jadi ketiganya mudah dibandingkan berdampingan.
• Satu halaman dari atas ke bawah. Nggak perlu pindah-pindah halaman: navigasinya langsung lompat ke About, Project, Timeline, dan aturan, semuanya di halaman yang sama.

Didesain di Figma.