Modifikasi “Desain Sekarang” Sesuai “Desain Referensi”

Presentasi berjudul: "Modifikasi “Desain Sekarang” Sesuai “Desain Referensi”"— Transcript presentasi:

1 Modifikasi “Desain Sekarang” Sesuai “Desain Referensi”

2 Briefing Modifikasi “Desain Sekarang” mengikuti style layout dan warna dari “Desain Referensi”, lihat slide berikut untuk melihat seperti apa beda Desain Sekarang dan Referensi. Walaupun “Desain Sekarang” sudah jadi HTML+CSS, tetapi itu masih terlalu besar (40Mb) ukuran filenya karena membeli template. Silahkan optimasi atau menggunakan HTML+CSS buatan sendiri yang lebih sederhana. Source HTML+CSS “Desain Sekarang” dan “Desain Referensi” sudah ada. Akan diberikan bila sudah ditentukan kandidatnya. Mereka yang menunjukkan portfolio Desain dan HTML+CSS yang pernah dibuat yang akan dipilih.

3 Desain Referensi

4 Task 01A: Header dan Footer Copy Paste 100% dari Desain Referensi
Desain Sekarang

5 Footer ikuti 100%, hanya dihilangkan bagian yang di kotak merah.
Header Ikuti 100%, tetapi bisa di PENDEKIN lagi karena cukup menghabiskan space. Menu Beranda, Analisis sampai ke Panel ganti dengan ikon-ikon di Desain Sekarang. Footer ikuti 100%, hanya dihilangkan bagian yang di kotak merah.

6 Task 01B: Desain Konten (Kotak Merah) dengan Style Warna dari Desain Referensi (Biru, Kuning)
Yang perlu dirombak/direvisi sehingga style-nya tidak jauh dari desain referensi Menu di Kiri (Latarnya mungkin bisa Biru/Kuning atau yang lain, yang penting taste-nya tidak hanya hitam,putih,abu-abu. Agak berwarna seperti Desain Referensi). Title , Breadcump font-nya bisa samakan dengan desain referensi (agak besar) Lain-Lainnya tolong dimodifikasi biar lebih cantik dan berwarna sesuai taste dari desain referensi.

7 Task 01C: Buat 8 Tombol dengan desain yang eyecatching (elegan).
Referensi Desain Tombol

8 Task 02: Rapikan Form, jangan berantakan
Task 02: Rapikan Form, jangan berantakan. (Lakukan ini untuk semua halaman yang lain) Rapikan sehingga form rata, tidak berantakan Jaga jarak (whitespace) agar terkesan rapi. Jangan terlalu dempet/mepet.

9 Task 03: Rapikan Form, jangan berantakan
Task 03: Rapikan Form, jangan berantakan. (Lakukan ini untuk semua halaman yang lain) Jarak tulisan dengan kotak form terjalu jauh (tidak rapi) Bisa dibuat tab dengan hilite yang bagus kalau di klik (aktif)

10 Task 04: Rapikan 2 HTML+CSS yang lain sesuai dengan briefing sebelumnya bila diperlukan.
Halaman 4: Halaman 5: