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 :

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.

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.

Hasil

Maka selesailah hasil desain dengan beberapa revisi tersebut. Kemudian selanjutnya ketahap developer yang dibuat oleh tim developer kami. Pengembangan untuk menjadi website ini dibuat selama 2 minggu dan akhirnya project ini pun selesai.

Menjadi brand yang tedepan dengan kinerja terbaik dalam industri teknologi informasi.

Services

Custome Website

Website Development

Blogger and WordPress

UI / UX

©2019-2020 Copyright Dutormasi