HMTI UNIPI

Hero homepage memadukan positioning komunitas, agenda, dan pengenalan organisasi dalam satu alur visual.
Website organisasi mahasiswa untuk HMTI UNIPI yang menyatukan profil organisasi, struktur kepengurusan, direktori anggota, agenda, layanan sertifikat, dan kotak aspirasi dalam antarmuka responsif.
Structural friction & narrative hurdles.
Menerjemahkan kebutuhan konten organisasi yang beragam, mulai dari landing page editorial dan direktori berbasis data hingga form aspirasi yang panjang, menjadi pengalaman front-end yang konsisten, mudah dipindai, dan nyaman digunakan di berbagai ukuran layar.
Engineering clarity through purposeful discipline.
Menerapkan sistem layout responsif dengan hierarki tipografi, spasi, navigasi, serta state tombol dan form yang konsisten di seluruh halaman.
Membangun pola komponen reusable untuk benefit cards, profil pengurus, direktori anggota, filter periode, dan pagination agar antarmuka mudah dikembangkan.
Mengintegrasikan pencarian anggota, alur layanan sertifikat, dan form aspirasi multi-bagian ke dalam flow Laravel dan Livewire tanpa mengambil alih scope backend.
Menjaga pengalaman desktop dan mobile tetap selaras melalui grid adaptif, overflow terkontrol, umpan balik interaksi, dan struktur konten yang mudah dinavigasi.

Sistem card reusable menyusun beragam manfaat organisasi ke dalam pola visual yang konsisten dan mudah dipindai.

Direktori anggota memadukan pencarian, filter periode, pagination, dan grid profil yang tetap terstruktur saat datanya bertambah.

Halaman organisasi menggabungkan timeline, dokumentasi, dan section kepengurusan dalam ritme editorial yang responsif.

Form multi-bagian menangani identitas, opsi anonim, kategori, detail masalah, solusi, dan unggahan bukti tanpa terasa padat.
Enduring impact & craft.
Menghasilkan front-end organisasi yang menyatukan informasi, layanan anggota, dan kanal partisipasi mahasiswa dalam satu website yang konsisten dan mudah digunakan.
