Bestari — a UI Redesign

Renaldi Sidiq Wibowo
3 min readOct 5, 2020

Bestari adalah rancangan ulang dari aplikasi Seminar Beasiswa yang dibuat oleh saya dan Sabilatunnajah. Jika ingin membaca proses lengkap aplikasi Seminar Beasiswa sebelumnya, Anda dapat membacanya disini:

Bedanya pada aplikasi Bestari, kami hanya fokus ke beasiswa saja. Jadi, Bestari adalah aplikasi pencarian dan pendaftaran beasiswa.

User Flow

User flow

Alur penggunaan aplikasi Bestari: pertama mencari beasiswa, kemudian memilih beasiswa yang dinginkan dan membaca informasi lengkap beasiswa tersebut, setelah dirasa cocok kamu dapat mendaftar beasiswa, kemudian mengikuti proses pendaftaran yang ditentukan oleh beasiswa tersebut. Di aplikasi Bestari kamu juga dapat melacak status pendaftaran sehingga tidak akan lupa dengan tanggal-tanggal penting.

Sitemap

Sitemap

Terdapat tiga menu utama dalam aplikasi Bestari yaitu home, calendar, dan profil. Pada halaman home terdapat fitur pencarian dan daftar beasiswa serta pendaftaran beasiswa itu sendiri. Pada halaman calendar dibagi menjadi dua bagian yaitu upcoming dan past. Pada halaman profil terdapat data diri pengguna dan fitur edit profile.

Sketsa

Sketsa

Sketsa diatas merupakan gambaran tangan pada medium kertas yang berguna untuk menggambarkan kan ide-ide yang ditemukan.

Wireframe

Home — pada halaman home terdapat fitur pencarian dan daftar beasiswa

Search — pada halaman search menampilkan hasil pencarian berupa daftar beasiswa sesuai dengan masukkan pengguna. Terdapat juga fitur sort and filter guna mempermudah pencarian

Sort and filter — pengguna mengurutkan dan menyaring hasil pencarian beasiswa berdasarkan kategori, jenjang pendidikan, fasilitas yang didapat, atau sesuai dengan preferensi dan keadaan pengguna

Scholarship details — berisi informasi lengkap seperti kategori, persyaratan, fasilitas, dan fitur pendaftaran beasiswa

Pendaftaran — secara umum pendaftaran dibagi menjadi empat tahap yaitu registrasi, seleksi, interview, dan pengumuman

Calendar — dibagi menjadi dua bagian yaitu upcoming dan past. Upcoming berisi beasiswa yang di-bookmark oleh pengguna dan di tanggal yang akan datang. Sedangkan past berisi history beasiswa yang pernah didaftar dan sudah terlewat

Profil — terdapat data diri dari pengguna seperti biodata, pendidikan, pengalaman. dan fitur edit profil

Design Components

Design Components

Desain komponen digunakan agar dalam kerja sama tim dapat menghasilkan desain yang rapi dan tetap konsisten di tiap halamannya. Desain komponen ini mengacu pada guidelines dari Google material design.

Prototype

Yuk cobain prototype aplikasi Bestari disini

Test

Selamat, kamu diundang untuk berpartisipasi menjadi penguji hasil redesign Bestari. Klik link di bawah ini yaa

Bagaimana tanggapanmu terhadap hasil redesign aplikasi Seminar Beasiswa menjadi Bestari?

Apakah lebih baik ataukah ada yang perlu ditingkatkan lagi?

Beri aku sedikit tepuk tangan jika kamu menyukai ini :)

--

--