Monthly Archives: September 2013

Desain Mockup Web #3

Bismillahirrahmanirrahim.

mockup-web-contekan-joomla-a-header

Agustus kemarin saya ada ide mencari templat-templat Joomla (yang sejak lama sudah keren) untuk dicontek. Mengapa? Karena saya merasa tutorial Photoshop untuk mendesain web dari nol terlalu sulit, walau saya punya banyak. Mending cari desain web yang sudah jadi lalu dicontek tanpa tutorial. Daripada sulit mengingat web apa yang desainnya keren, mending cari yang pasti-pasti aja. Ya, tentu Joomla Template jawabannya. Akhirnya saya mendarat di web http://youjoomla.com dan beberapa web penyedia Joomla Templates lain. Saya kumpulkan sebanyak-banyaknya lalu pada pekan ini baru saya memilih salah satu yang paling sederhana. Saya butuh sepekan untuk menyelesaikan seluruh halamannya. Alhamdulillah, mudah walau yang bikin lama adalah panjang fisik halamannya.

Karya Asli

corpvisionheader

Contekan Saya

mockup-web-contekan-joomla-a-header

Keseluruhan Halaman Web

mockup-web-contekan-joomla-a

Keterangan

  • Fonta: Ubuntu pada header/slider atas, TitilliumText untuk keseluruhan konten termasuk Read more, Bebas Neue untuk logo DESAININKSCAPE.
  • Foto slider: saya nemu di Google+ pada 9 April kemarin. Berhubung cantik dan saya ingin memanfaatkan foto-foto yang sudah ada, maka saya pakai.
  • Ikon: Oxygen (ikon asli KDE) dan Faenza. Saya nggak mau pusing cari ikon. Pakai yang sudah ada.
  • Skrinsot: Archlinux, elementaryOS, dan Libreoffice. Saya nggak mau pusing juga cari foto. Pakai yang sudah ada.
  • Yang unik: peta yang saya ambil dari Google Maps sebagaimana karya asli.
  • Yang unik lagi: ikon bundar-bundar pada Meet The Team itu aslinya foto orang yang saya gantikan dengan ikon Faenza saja lalu saya bentuk bundar sebagaimana iconset yang saya lihat di sini.
  • Yang saya peroleh: konsistensi untuk memakai biru muda bagi tombol sejak awal header sampai akhir footer; flat button color; slider; warna fonta; form layout

Saya puas sekali pada bagian slider-nya. Tampak bersih dan sudah mirip web. Padahal ini mockup. Inilah yang lama sekali saya impikan untuk membuatnya. Secara umum saya sangat puas dengan desain ini. Meski sangat lama waktu yang saya perlukan untuk membuat satu ini saja, akhirnya selesai juga. Saya tidak menampakkan keseluruhan desain yang saya contek di sini karena ada foto orangnya. Semoga bermanfaat.

Unduh

SVGhttp://otodidak.freeserver.me/svg/mockup-web-contekan-joomla-a.svg.zip
Ukuran: 3 MB

Iklan