Redesign Website http://hukor.kemkes.go.id/
LAYOUT BERANDA SEKARANG: Part 1 – Halaman Prioritas
YANG PERLU DIPERBAIKI • Banner Atas dan Logo tidak perlu terlalu besar sehingga menghabiskan halaman prioritas. • Produk-Produk Hukum harus langsung terlihat jelas. • Slide Foto dihilangkan, masuk ke berita saja (tidak perlu terlalu besar).
LAYOUT BERANDA SEKARANG: Part 2 – Halaman Prioritas
YANG PERLU DIPERBAIKI • Produk Hukum dan Rancangan Peraturan Kesehatan TERBARU akan diprioritaskan pindah ke atas.
FITUR WEBSITE BARU
Fitur Baru: Suara Anda • Tujuan: Untuk menampung semua saran/kritik dari pengunjung website. • Lokasi: Halaman Beranda seperti Chatting Box. • Cara Kerja: Pengunjung tidak perlu Login bila ingin memberikan komentar (dengan CAPTCHA), tetapi harus di moderasi.
Fitur Baru: Indikator Kinerja • Tujuan: Untuk memberikan kinerja Hukor dalam bentuk Infografis yang menarik. • Lokasi : Halaman Beranda berupa banner “Info Kinerja”.
Fitur Baru: Proses Mekanisme (2) • Tujuan: Untuk menampilkan sampai dimana proses pengurusan suatu produk. • Lokasi: Halaman Beranda berupa banner “Progress Produk”. • Cara Kerja: • Saat di klik ada pilihan 6 proses mekanisme. • Bila salah satu proses tersebut di klik, masuk ke satu halaman statis. • Di halaman statis tersebut nanti di perbaharui setiap saat oleh admin secara manual.
Fitur Baru: Proses Mekanisme (1) 1. Permohonan dan Perkembangan dari Penerbitan Sertifikat. 2. Proses Pengajuan Pembentukan Organisasi. 3. Proses Perubahan Peta Jabatan Satker. 4. Proses Pengajuan Jabatan Fungsional. 5. Proses Penyusunan Peraturan. 6. Daftar Perkara Yang sedang ditangani beserta progressnya.
MENU UTAMA • Tentang HUKOR • Sejarah • Struktur Organisasi • Tugas Pokok dan Fungsi • Bagian Peraturan PerundangUndangan • Bagian Analisis Jabatan dan Ketatalaksanaan • Biro Hukum dan Organisasi • Bagian Kelembagaan • Bagian Pelayanan Hukum • Profil Pejabat • Kepala Biro Hukor dari masa ke masa • Berita • Abstrak • Kegiatan • Forum • Kontak Kami
• Produk Hukor • Peraturan Kesehatan • Rancangan Peraturan Kesehatan • Sertifikat Tanah • Perjanjian Kerjasama • SOP • LAKIP • Peraturan • Undang-Undang • Peraturan Pemerintah • Keppress • Perpres • Kepmenkes • Permenkes • Inpres • Lain-Lain
5 LAYOUT WEB DESIGN
Panduan Umum • Ikuti Warna Logo, bisa ditambahkan dengan warnawarna lain bila diperlukan tetapi jangan terlalu banyak, maksimal 2. • Latar Belakang dan Tulisan harus KONTRAS. • Tulisan harus jelas terbaca dan agak besar tulisannya (jangan terlalu kecil) karena ini isinya hampir tulisan semua (Peraturan/Perundangan).
HALAMAN BERANDA
HEADER: Logo, FB, Twitter, FAQ, Sitemap, Form Pencarian Menu Utama Hot News Ticker Banner INDIKATOR KINERJA
PRODUK HUKUM & RANCANGAN
Banner PROSES MEKANISME
SUARA ANDA
Kategori Produk Hukum Lainnya
FORUM
GALERI FOTO BERITA
ABSTRACT
VIDEO
FOOTER LINK “Situs Terkait”
FOOTER LINK “Unit Kerja Hukor”
FOOTER Kontak
CATATAN 1. Header, jangan terlalu tinggi sehingga dari Header ke bagian Produk Hukum & Rancangan bisa dilihat tanpa harus SCROLL. 2. Menu Utama, harus agak jelas tulisannya, kontras dengan latar belakang. 3. Indikator Kinerja adalah tentang Prestasi Kerja. 4. Proses Mekanisme adalah tentang Progress kerja/laporan/layanan sudah sampai mana. 5. Forum, buat thread-thread forum terbaru. 6. KategoriProduk Hukum Lainnya: Tulisan link Undang-Undang |Peraturan Pemerintah | Keppress | Perpres | Kepmenkes | Permenkes | Inpres | Lain-Lain 7. Bagian Bawah Berita, Abstract, Video harus simetris (rata). Bila tidak simetris, galeri foto/video bisa diletakkan di bawah berita/abstract.
IDE BUAT ICON TOPIC, INI JUGA IDE DESAIN SUARA ANDA
IDE DESIGN NEWS TICKER
SEKARANG
Buat yang lebih menarik. Bisa dipercantik dengan Icon.
?
IDE BANNER UNIK
IDE BERITA/ABSTRACT, JANGAN LUPA TAMBAHKAN ICON
REFERENSI FOOTER
HALAMAN BERITA
HEADER: Logo, FB, Twitter, FAQ, Sitemap, Form Pencarian Menu Utama Navigasi Breadcump THUMBN AIL
BERITA
Banner INDIKATOR KINERJA
THUMBN AIL
BERITA
Banner PROSES MEKANISME
BERITA (Memanjang kalau tidak ada Thumbnail Tersedia)
BERITA (Memanjang kalau tidak ada Thumbnail Tersedia) FORUM BERITA (Memanjang kalau tidak ada Thumbnail Tersedia) Number Paging FOOTER LINK “Situs Terkait”
FOOTER LINK “Unit Kerja Hukor”
FOOTER Kontak
HALAMAN DETIL
HEADER: Logo, FB, Twitter, FAQ, Sitemap, Form Pencarian Menu Utama Navigasi Breadcump JUDUL BERITA Banner INDIKATOR KINERJA
Banner PROSES MEKANISME DETIL BERITA
FORUM
BERITA TERKAIT
FOOTER LINK “Situs Terkait”
FOOTER LINK “Unit Kerja Hukor”
FOOTER Kontak
HALAMAN TABLE
HEADER: Logo, FB, Twitter, FAQ, Sitemap, Form Pencarian Menu Utama Navigasi Breadcump JUDUL TABLE Banner INDIKATOR KINERJA
Banner PROSES MEKANISME
DESAIN TABLE
FORUM
FOOTER LINK “Situs Terkait”
FOOTER LINK “Unit Kerja Hukor”
FOOTER Kontak
HALAMAN TABEL SEKARANG SEPERTI INI, BUAT LEBIH BAGUS DAN RAPI http://www.hukor.depkes.go.id/?dokumen=global&type=2&th=2014
HALAMAN BERANDA MOBILE
HEADER: Logo, FB, Twitter, FAQ, Form Search
Menu Utama
PRODUK HUKUM & RANCANGAN
Kategori Produk Hukum Lainnya Banner INDIKATOR KINERJA
Banner PROSES MEKANISME
BERITA
ABSTRACT
FORUM
FOOTER Kontak
