UI/UX Website Resmi PMB Universitas Muhammadiyah Cirebon
Perancangan antarmuka dan pengalaman pengguna portal resmi PMB UMC yang terstruktur, informatif, dan diimplementasikan langsung untuk ribuan calon mahasiswa.
Ikhtisar Proyek
Proyek perancangan UI/UX institusi pendidikan tinggi yang menangani ribuan calon mahasiswa baru setiap tahunnya dengan mengedepankan kemudahan navigasi, kejelasan informasi biaya, dan keterbacaan pada perangkat seluler.
Konteks & Alasan Proyek Dibangun
Calon mahasiswa membutuhkan akses yang cepat dan jelas terhadap informasi penting: pilihan program studi, akreditasi, biaya perkuliahan, jadwal seleksi, fasilitas, dan beasiswa. Desain sebelumnya memerlukan modernisasi visual dan perbaikan alur pengguna.
Tantangan Teknis & Batasan Solusi
Menyederhanakan ratusan titik data fakultas dan jalur seleksi menjadi antarmuka navigasi yang ringkas, responsif, dan tidak membingungkan calon mahasiswa dari berbagai latar belakang perangkat.
Strategi & Metodologi Penyelesaian
Merancang Information Architecture (IA) yang komprehensif di Figma, menyusun sistem desain komponen yang konsisten, dan melakukan pengujian prototipe sebelum berkolaborasi dengan tim pengembang institusi.
Tahapan Implementasi Bertahap
Analisis kebutuhan calon pendaftar dan identifikasi pain points dari sistem informasi sebelumnya.
Penyusunan Information Architecture (IA) dan alur navigasi pendaftaran mahasiswa baru.
Pembuatan wireframe low-fidelity dan eksplorasi tata letak visual hero section, program studi, dan tabel biaya.
Pengembangan prototipe interaktif high-fidelity di Figma dengan identitas jenama resmi UMC.
Kolaborasi dan supervisi implementasi visual bersama tim IT PMB UMC hingga go-live di situs resmi.
Hasil Akhir & Dampak Implementasi
Desain UI/UX resmi diterapkan di portal pmb.umc.ac.id, menyajikan informasi lengkap mulai dari program studi, jalur seleksi, biaya, fasilitas, FAQ, berita PMB, hingga sistem pendaftaran daring.
Spesifikasi & Keberhasilan Utama
- Desain resmi diterapkan langsung pada website institusi aktif: pmb.umc.ac.id
- Menyusun arsitektur informasi kompleks: Program Studi, Jalur Seleksi, Biaya, Fasilitas, FAQ, dan Pendaftaran
- Navigasi mobile-friendly yang memudahkan ribuan calon pendaftar mengakses informasi dari ponsel
Tangkapan Layar & Dokumentasi Visual
Tampilan beranda portal resmi PMB UMC hasil rancangan UI/UX yang telah dipublikasikan.