Desain & Slicing Backend Simonita

Presentasi berjudul: "Desain & Slicing Backend Simonita"— Transcript presentasi:

1 Desain & Slicing Backend Simonita

2 REFERENSI BACKEND admin_4_rounded/ Ini theme premium, kalau bisa dibuat mirip bagus sekali. Kalau kamu punya theme yang mirip dan sudah jadi html + css bisa saja langsung ke html + css.

3 Menu Kiri Beranda Cetak Headline Resume Analisis Online Entry Manual
TV Medsos Statement Verifikasi Stakeholder Sinkronisasi F.A.Q Admin Kelola Akun Lain-Lain Log Book Log Download Profile Kelola Akun Logout

4 Header-nya DARK (Gelap)
DESAIN 01: DASHBOARD BERANDA Ketika Login Masuk ke Page ini REFERENSI UTAMA Header-nya DARK (Gelap) Ikon Notifikasi | | Profil | Chat ANALISIS CETAK RESUME CETAK HEADLINE CETAK VERIFIKASI ANALISIS ELEKTRONIK RESUME ONLINE RESUME TV ENTRY ONLINE Menu Kiri (Default dalam keadaan Minimize). Cari Ikon yang sesuai. Dan Menu ini bisa Minimize, bisa Maximize.

5 Ikon/Tombol untuk Minimize/Maximize
ANALISIS CETAK RESUME CETAK HEADLINE CETAK VERIFIKASI ANALISIS ELEKTRONIK RESUME ONLINE RESUME TV ENTRY ONLINE Menu Kiri (Dalam keadaan Minimize). Cari Ikon yang sesuai. Dan Menu ini bisa Minimize, bisa Maximize. Lihat Contoh : untuk lihat bagaimana Minimize dan Maximize dengan Ikon 3 BARIS tersebut. Header tetap Dark

6 Referensi Desain Tombol: http://keenthemes
ANALISIS CETAK RESUME CETAK HEADLINE CETAK VERIFIKASI

7 DESAIN HALAMAN BERIKUT MENEMPATI AREA PUTIH INI
HEADER, BREADCUMP, MENUR KIRI, FOOTER SAMA

8 DESAIN 02: FORM ENTRY Referensi masih di Metronic

9 DESAIN 03: SYNC Bagian 1

10 DESAIN 03: SYNC Bagian 2 saat di scroll, masih dalam satu halaman

11 DESAIN 04: KELOLA NARASUMBER

12 DESAIN 05: STATEMENT Tab Cetak

13 DESAIN 05: STATEMENT Tab Existing Cetak

14 Penawaran 5 Desain (JPG atau Langsung HTML / CSS) Lama : 5 Hari Kerja