PPDB SMAN 1 Benai - Website PPDB
Website yang digunakan untuk informasi penerimaan peserta didik baru sehingga dalam
mengetahui jadwal, syarat, kuota dan cara penggunaan sistem PPDB.
Study Case
Studi kasus atau tahap perancangan website
Client : SMAN 1 Benai
Tahun : 2020
SMA Negeri 1 benai adalah sekolah menengah atas yang berada di kecamatan benai. SMA Negeri 1 benai ini berjarak lebih kurang 13 km dari Ibukota Kabupaten dan 175 km dari ibukota Propinsi Riau Pekanbaru, memiliki sarana dan prasarana yang sudah bagus sehingga telah memilki akreditasi A.
Masalah
Dikarenakan dunia teknologi yang telah maju, tetapi SMA Negeri 1 benai belum memiliki website untuk melakukan penerimaan perserta didik baru secara online. Padahal jika dilihat telah banyak sekolah yang telah menerima peserta didik baru secara online. Maka sebab itu client kami ini memberikan project kepada kami untuk membuat sistem tersebut dan website informasi PPDB.
Pengguna atau Audiens
Pengguna dari website ini tentu adalah calon perseta didik baru yang ingin mendaftar ke SMAN 1 Benai. Maka sebab itu pada website informasi PPDB SMAN 1 Benai harus menjelaskan mengenai syarat, jadwal, kuota dan cara penggunaan sistem agar calon perserta didik baru tidak bingung saat menggunakannya.
Proses
Sebelum kami membuat website, kami melakukan pertemuan awal dengan kepala sekolah untuk mengumpulkan persyaratan dan content apa saja yang akan ditampilkan data data yang dibutuhkan, jadwal, syarat syarat, kuota penerimaan dan alur pendaftaran.
Kemudian setelah melakukan pertemuan tersebut, desainer kami dapat membuat user flow yang berguna untuk aluran pengguna dalam menggunakan sistem nantinya :
User Flow
Dari user flow telah dirancang dan didapatkanlah 5 page :
1. Home Page
2. syarat page
3. Jadwal Page
4. Alur Page
5. Kuota Page
Wireframe
Setelah merancang user flow kami melakukan meeting kembali bersama kepala sekolah. Dan hasilnya tanpa revisi dan disetujui. Kemudian kami melanjutkan ke tahapan pembuatan wireframe dengan mengatur tata letak yang user friendly sehingga mudah dipahami user :
Wireframe diatas digabung dengan website sman1benai.sch.id, karena wireframenya masih berhubungan. Untuk tampilan wireframe ppdb hanya terdapat 5 page saja seperti dibawah ini :
Home Page
Syarat Page
Jadwal Page
Alur Page
Kuota Page
Color Design
Sebelum ketahap pembuatan mockup kami melakukan riset warna yang akan digunakan. Saya juga melakukan perbandingan warna dengan website sekolah lain sehingga didapatkanlah warna seperti ini:
Mockup
Setelah melmilih color untuk mockup kami meminta feedback client dan client pun setuju dengan wireframe dan color design yang telah kami rancang. Setelah beberapa umpan balik pada wireframe dalam file figma dan persetujuan mereka, kami melanjutkan ke fase mockup. Kami pun melakukan pengisian warna, gambar dan meyempurnakan tata letak tanpa melupakan arti konsep desain.
Home Page
Syarat Page
Jadwal Page
Alur Page
Kuota Page
Dan didapatkanlah hasil mockup seperti diatas. Dari hasil tersebut client tidak ada melakukan revisi hanya gambar gambar saja yang harus diubah. Itupun mereka sudah menyediakan gambar untuk digunakan pada website nantinya.