Please enable JavaScript.
Coggle requires JavaScript to display documents.
Meningkatkan kualitas desain informasi website SMP Xaverius Metro - Coggle…
Meningkatkan kualitas desain informasi website SMP Xaverius Metro
Why
Konten terbatas
Tidak lengkap
Tidak ditampilkan
PPDB hilang, tidak ditampilkan lagi
Informasi kurang tersampaikan
Penyusunan teks
Tidak terlihat jelas
Terlalu panjang
Berbentuk paragraf
Karakter SMP Xaverius Metro belum terlihat
Visi misi
Jenis font
Disiplin
Mengikuti perkembangan zaman
Desain terlihat kurang konsisten
Teks
Jenis font
Variatif
Website penting dalam menyebarkan informasi
Secara lengkap
Mudah diakses
Informasi tambahan/penunjang
Mengikuti perkembangan zaman
Pencampuran website media promosi, informasi, dengan LMS
Rentan terkena hack
Eksplorasi kreativitas terbatas
Fitur terlalu padat
Fungsi utama tidak jelas
Informasi/fitur yang tidak perlu
Fitur
Info umum
Download buku pelajaran
Visitors
E-Rapot
Log in
Informasi
Artikel destinasi wisata
Tips makanan sehat
Information architecture belum jelas
Apa yang diklik, apa yang keluar
Berubah-ubah
Informasi fasilitas tidak berada di tempatnya
Penempatan informasi masih berantakan
Konten
Information architecture
Link Title
Pertahankan
Fasilitas
About us
PPDB
Gambar sekolah
Maps
Sosial Media
Terhubung dengan web perpustakaan
Kurangi
Belum ada
Informasi & fitur
Download brosur
Kontak lengkap
Guru & staff
Kurikulum
Merdeka
Lama
Akreditasi
Foto fasilitas
Per ruangan
Prestasi
Berita
Keterangan
Alumni
Prestasi
Kelanjutan sekolah dimana
Kegiatan sekolah
Ekstrakulikuler
Lomba
Peringatan hari-hari nasional
Terhubung ke WA
Fitur
Terhubung langsung ke WA
Yang harus ditonjolkan
Akreditasi
Gambar gedung sekolah
Fasilitas
Kegiatan sekolah
Kontak
PPDB
Maps/lingkungan sekolah
User
Ibu-ibu & bapak-bapak
28-50 tahun
Anak SD kelas 4-6
Emosional
Word of mouth
Rekomendasi orang lain
Cenderung pada sekolah swasta
Well educated
Memikirkan pendidikan untuk anak
Kualitas sekolah
Prestasi
Fasilitas
Alumni
Visi misi
Presentase kelulusan
Pengguna internet
Smartphone
Tablet
Laptop
Sosial media
Open minded
Diskusi dengan anak dan pasangan
Senang bersosialisasi
Memiliki kesibukan
Karakter
Teliti
Pemilih
Rapi/teratur
Detail
Disiplin
Praktis
Mudah diakses
Cepat
Produktif
Aktif
Peduli
Thinker / Experiencers / Believers
Regulars / First-timers / Loyal users
Medium / Heavy Users
Visual
Gaya visual/imagery
Ilustrasi
Gaya/jenis
https://www.graphie.co.id/blog/77/5-tren-ilustrasi-digital-di-tahun-2021
Motif/geometris
Palet terbatas
Volume/3D
Komik
https://kreativv.com/4-gaya-gambar-komik-yang-wajib-kamu-tahu/
Kartun
Fungsi
F. Struktural
F. Kuantitatif
F. Deskriptif
Unsur
U. Manusia
U. Objek lain
Fotografi
Bidang
Fasilitas
Guru & staff
Kegiatan
Alumni
Prestasi
Jenis / gaya
Portrait
Jurnalistik
Landscape
Arsitektur
Sports photography
Human interest photography
Stage photography
(If) ada event
Mix ilustrasi dan fotografi
https://www.zenius.net/
Zenius
Warna
Putih
Bersih
Simple
Biru
Formal
disiplin
Composition & Layout
Grid of cards
Berita/presetasi
Alumni
Guru & staff
Asimetris
Lingkungan sekolah
Split screen
Fasilitas
Alternatif home/tampilan utama
Rule of Thirds dengan full-screen layout
Alternating layout
Perpaduan hero image header, full-screen layout, dan alternating layout.
Prinsip F-Layout
layout split screen
https://www.enginethemes.com/
Sumber:
https://www.niagahoster.co.id/blog/website-layout-terbaik/
https://glints.com/id/lowongan/jenis-desain-layout-website/#.Y1P8NnZBxPY
Tipografi
Jenis
https://www.hostinger.co.id/tutorial/font-untuk-website#3_Helvetica
Ukuran
https://medium.com/insightdesign/bedahdesain-ukuran-font-dan-jarak-elemen-pada-design-homepage-766c33b8f7c3
Title
80px
Deskripsi
16px
Informasi tambahan
14px
3 jenis font
Desain web
https://www.dewaweb.com/blog/tren-web-design/
Full page header
Parallax scroll animation
https://browserhistory.squarespace.com/
Jenis dan gaya website
Flat design
Copywriting
Formal
Kalimat sambutan, home
Fasilitas
About us
Semiformal
Prestasi
Kegiatan sekolah
Sans-serif
Singkat dan jelas
Poin-poin
Pengelompokkan
Susunan rapi
Bolding
Justify
Media
Secondary media
Poster
Fotografi
E-Brosur
Informasi lengkap
Per bidang
PPDB
Informasi umum mengenai sekolah
Media utama
Website
Domain
Hosting
Karakter
Disiplin
Fun
Active
Mengikuti perkembangan zaman
Look their visi misi
Catatan Pribadi
jangan terjebak dengan website sekolah yang sudah-sudah ada sebelumnya
buat yang tidak membosankan
beda dari yang lain
terasa interaktif nya
namun tetap berhubungan dengan karakter sekolah
sehingga gaya yang digunakan bermakna
bukan hanya gaya-gayaan
Prinsip Desain Website
Layout & composition
Tekstur
Warna
Tipografi
Imagery