Website SMP N 2 Jeruklegi

SMP Negeri 2 Jeruklegi menjadi salah satu Sekolah yang telah menerapkan Teknologi dalam kegiatan pembelajaran dan penyampaian informasi. Website menjadi sumber utama dalam penyampaian informasi yang cepat dan tepat, namun dalam penerapannya website SMP Negeri 2 Jeruklegi masih membutuhkan pengembangan tampilan website agar lebih menarik. Sehingga saya membuat project untuk pengembangan tampilan website SMP Negeri 2 Jeruklegi.

Project Figma

Research

This is a problem in website SMP Negeri 2 Jeruklegi based on observation and interview with teacher

Before Desktop home page full_edited_edi

Problem 1

Penggunaan Header yang terlalu besar
Jarak antar elemen/komponen yang terlalu sempit
Penulisan nama sekolah kurang besar

Before Desktop home page full_edited.png

Problem 2

Penggunaan konten berulang dalam 1 halaman
Berdasarkan wawancara : Informasi mengenai PPDB sulit diakses pengguna.

Before Desktop home page full_edited.jpg

Problem 3

Penggunaan ikon sosial media yang berulang di setiap card berita
Penggunaan jarak antar konten yang tidak sama

Problem 4

Penulisan nama Sekolah yang tidak terlihat
Penggunaan nama menu yang tidak konsisten

Problem 5

Tombol menu yang kurang terjangkau jari karena berada di tengah
Jarak antar konten yang terlalu rapat
Ukuran setiap konten yang tidak konsisten

Problem 6

Konten untuk setiap berita tidak konsisten dalam penggunaan ukuran dan jarak

Define Problem

Slider Foto

Dalam penggunaan slider foto yang terlalu besar untuk halaman home/ halaman utama sehingga pengguna merasa terganggu saat mengakses website. Pergantian slider foto yang terlalu cepat membuat pengguna tidak bisa melihat informasi yang disampaikan pada slider foto.

Jarak antar Card Berita

Dari kegiatan observasi dan wawancara kepada guru, dalam penggunaan jarak dan ukuran untuk setiap card masih tidak konsisten, sehingga pengguna merasa kesulitan membedakan informasi yang satu dengan informasi lain yang letaknya berdekatan.

Informasi PPDB

Berdasarkan wawancara, informasi mengenai PPDB sulit diakses karena bercampur dengan konten berita lain sehingga berita ditampilkan hanya sesuai dengan tanggal terbaru. Namun untuk informasi mengenai PPDB penting untuk pengguna baru akses untuk pengumuman dan lain sebagainya.

Konten Berulang

Dalam satu halaman terdapat beberapa konten yang memiliki isi dan foto yang sama.

Ideate

Dalam proses Ideation yaitu membuat desain solusi dan rekomendasi desain awal dari permasalahan yang telah di dapatkan. Cara yang dilakukan bisa berupa information architecture, brainstorming, wireframes dan user flows.

Rekomendasi Solusi

Slider Foto

Permasalahan slider foto , bisa menggunakan ukuran slide foto yang lebih kecil untuk mempermudah pengguna dalam melihat konten lain yang berada di bawahnya dan interval perpindahan slide foto yang diperlambat