Website AntiQue Batik Malang resmi diluncurkan pada pertengahan April 2009. Kebetulan semua saya kerjakan sendiri mulai mockup (draft PSD/PNG), kemudian slicing ke XHTML/CSS, integrasi menjadi template joomla, sampai install plugin (Mambots, Modules dan Components). Plugin2 untuk CMS Joomla 1.0 yang saya pakai adalah: Simple Image Gallery Plugin, Blue Eyez Image Rotator, SW Menu Free, Mod HTML, dan sh404SEF. Saya memilih joomla 1.0 karena web ini tidak banyak mengupdate konten text (bukan blog), web cenderung cukup statis namun agak kreatif dan dinamis, kebetulan saya sudah punya bayangan plugin-plugin apa yang musti digunakan.
Website AntiQue Batik Sekarang
Langkah pertama adalah pembuatan mockup menggunakan macromedia fireworks dengan kaidah ukuran lebar 960 px. Karena tidak ada referensi maka yang terbentuklah draft layout apa adanya yang agak kaku dengan motif siku-siku dan warna coklat lebih mendekati merah – belum pintar memilih color switcher :). Paling tidak saya sudah dapat struktur elemen-elemennya, seperti header, logo menu utama, slide foto, prolog (sidebar), footer, dll.
mockup pertama AntiQue Batik sebelum direvisi
setelah mockup pertama dikonfirmasi, saya dapat beberapa feedback, pertama adalah soal warna yang terlalu nge-”jreng” (maklum monitor di rumah agak gelap :D), dan kedua soal pemakaian motif siku-siku yang dirasa cukup mengganggu
Satu lagi, lbh baik jgn ringgik2, mgkn biar luwes,
pake kyk dibrosur , yang sliuuuuuut itu lo.. kayak
melengkung , meliuk2,, seperti di brosur
nah supaya tidak bingung, saya tampilkan berikut salah satu halaman utama brosur (dari sekitar 8 halaman lainnya)
cover brosur AntiQue Batik sebagai acuan
Dengan bantuan feedback dan acuan brosur, saya merubah warna dari merah agak kecoklatan menjadi benar-benar coklat, warna konten agak terang masih gradasi, meski warna gradasi di revisi pertama ini nantinya saya ganti warna solid. Dan perubahan utama adalah menghilangkan unsur siku-siku untuk diganti dengan ilustrasi melengkung.
mockup AntiQue batik setelah revisi
Dari revisi ini ke XHTML/CSS juga ada beberapa perubahan lain, seperti: lebar media dibatasi 940 px – 960 px, terpaksa dilakukan karena saya kesulitan membuat motif lengkung menjadi background repeat horizontal, sudah beberapa kali mencoba belum bisa pas, selalu terlihat batas (belum sambung). Supaya tidak kosong dan terkesan batiknya, saya gunakan background yang diambil dari unsur motif logo “Parama Iswari” secara repeat vertikal dan horizontal, motif ini pula saya gunakan untuk background di sidebar bawah konten dan bagian kiri atas konten, mengacu pada desain brosur untuk menghindari space kosong.
Akhirnya saya ucapkan terimakasih untuk mbak Ferrial dan mbak Nila atas kepercayaan yang diberikan dan kerjasamanya dengan zamdesign.
manteb mas desainnya hu hu hu
whuaah, gaul, keren. cinta indonesia!!
from Bani Biasa’s blog: Raditya Dika Vs. Jelang Uan
bangga bgt yah,,,jadi org indo,,,batik ama keris udah dijadikan warisan budaya dunia…
I LOVE INDONESIA dech…
from mel’s blog: UNICEF for NIAS
tentunya udah lama berkecimpung didunia joomla yak…
awalnya aku juga menekuni joomla, tapi entah mengapa setelah kenal mesin wp, aku kok jadi ‘menacuhkan’ joomla… *masiy mikir2 apa sebabnya*
happy week end zam
from khairuddin syach’s blog: Kesabaran dan Kebesaran
wah.. zumpah manthab mas.. saya pengen deh bisa bikin themes sendiri.. joomla.. ribet bangets euy.. trus loading na butuh waktu.. hikz.. emang saya na yang OON, agak rumit, ga semudah WP.. ga terlalu ribet.. salam kenal mas.. SALUTE deh.. keep work n smille.. kapan2 ajarin aq yah..
TOP bangget…
bikin template joomla enak ya om, cukup 1 file udah selesai. kalo wordpress kan banyak file yang mesti dibikin :mrgreen:
kok saya lebih seneng liat yg merah itu ya hihihi
wah, salut deh mas. keren
kalo begini, dunia bisa tau batik itu darimana ..
hebat!
wah, iki namane ready for single fighter!! he3x…. welcome in :)
batik emang ga ada matinya ya bosss apalagi yg dr kota malang…
aiihh ada nila n da fam tuw :)
nice design!
mari terus melestarikan budaya bangsa
batik, emang ngga ada matinya
Wow.. desainnya keren.. cucok pisan paduan warnanya
Wah..cak Zam manteb rek..Designnya….boleh juga ditiru nich…
Mampir ke Blogku juga Yo Cak…,
Bravo Kera ngalam..!
Wao design yang mantep
Selamat ya mas atas meluncurnya
Website “AntiQue Batik Malang”
Semoga selalu sukses
Sip,, mampir2 deh ke Blog Saya,,, hehe Sekalian Tukeran Link n Salam Kenal…
desain websitenya keren mas..
saya jadi pengen belajar joomla nih
woh.. gila mantap… keren abis.. nice job broo
Aku RINDU MALANG…. :(
wahhhh
keren banget yoooo
sharing masalah monitor tuw mungkin berkaitan juga dengan VGA ya? Soalnya pengalaman saya kemarin-kemarin, pas VGA kecil, di monitor saya fine-fine aja, tapi ternyata pas di monitor lain warnanya malah jadi lesuww banget dan kualitas jelek.
Waktu VGA-nya udah high, kirain semuanya udah ok, ternyata di cek di monitor lain tetap bermasalah.
Intinya, dapet pelajaran kalo pilih warna juga mesti yg sesuai standar RGB biar tampil ‘sama’ di semua monitor.
Mantab bro desainnya, tp agak sayang “dikotori” dengan adanya shoutbox (pasti ini permintaan sang klien ya? :D).
wah…. malang emang kotanya kera-kera yg kreatif… design nya manteb banget….. kira2 utk develop cms seperti itu untuk organisasi non profit dan non budgeter bisa terjangkau gak ya…????