Bulan November 2010 Alhamdulillah Tookangweb diakusisi oleh Tokokoo dengan nama baru WPCharity, konsepnya WordPress dan beramal, sebagai persiapan release, membuat 3 free twenty ten child theme (Bintaro, Titimplik, dan Sawojajar) agar free wordpress theme yang tujuh dari tookangweb genap menjadi 10. (+1 free child theme salju dibuat sebulan setelah WPCharity release)

1. SALJU – detail – download – demo

Dibuat atas ide Anggi untuk membuat child theme bertema Natal & Tahun baru, Tapi hasilnya malah seperti ini :) lebih menonjolkan musim dingin (salju) daripada pernak-pernik Natal & Tahun baru itu sendiri



2. SAWOJAJAR – detail – download – demo

Perumnas Sawojajar adalah nama daerah di Malang, tempat tinggal saya dan keluarga, rumah sekaligus tempat bekerja :)


3. TITIMPLIK – detail – download – demo

Titimplik adalah nama daerah di Bandung, waktu Theme ini dibuat iCreativeLabs bertempat di daerah situ, saya sempat menginap satu malam selepas acara WordCamp ID 2010


4. BINTARO – detail – download – demo

Bintaro daerah dekat Jakarta, tempat tinggal-nya Anggi, saya sempat menginap dua malam, sehari sebelum acara WordCamp ID 2010 dan setelah acara bersama tim iCreativeLabs, besoknya langsung ke Bandung.


5. TUJUH – detail – download – demo

WordPress Theme ketujuh dari Tookangweb, dan ini pertama kalinya membuat child theme dari theme Twenty Ten, dan terus berlanjut sampai sekarang di WPCharity


6. SEDERHANA – detail – download – demo

kembali bereksperimen, pengen mengikuti trend desain web bertexture, text shadow, hal yang sederhana tapi ternyata tidak mudah


7. SEPEDA – detail – download – demo

Nah ini terinsperasi dari obrolan teman-teman di iCreativelabs yang makin hari makin keranjingan sepeda, influencer utama sepertinya ibnutri, lalu merambat ke teman lainnya, tentang betapa nikmatnya bersepeda :)


8. MEMBACA – detail – download – demo

Masih dalam rangka eksperimen, mau buat theme dengan kata kunci, grid, white space. yah meskipun tidak terlalu minimalis, setidaknya sudah berusaha minimalis :D


9. PEMIMPIN – detail – download – demo

masih dalam rangka eksperimen, ingin membuat theme yang agak berbeda dari kebanyakan, hasilnya lumayan memuaskan karena theme ini hanya dikerjakan dalam waktu satu malam


10. SETIA – detail – download – demo

Entah buat ini dulu maksudnya apa, dalam masa eksperimen, setelah lihat-lihat trend desain terbaru, pengen ikut dengan membuat theme ini, tapi sepertinya hasilnya tidak terlihat baru :) cuek saja


11. PERTAMAX – detail – download – demo

Pertama kali buat theme dan dibagikan gratis di tookangweb, konsepnya sederhana, theme apa yang sedang digunakan oleh tookangweb, theme itulah yang dibagikan gratis, menggunakan framework sandbox

Semua Theme ini bisa di download gratis di WPCharity, mohon maaf kalau harus register dulu, sekedar untuk melihat respon visitor, dan siapa tau nanti ada pemberitahuan jika ada update dari theme yang sudah didownload. Semoga Bermanfaat!

Saat ini Dreamshocker sedang menyiapkan desain baru untuk 2011, dan sebagai pengantar dibuatlah satu halaman web html semacam coming soon, kita tunggu saja kejutannya :)

Btw terimakasih atas kepercayaannya menyerahkan web satu halaman ini kepada zamdesign :D

Amenth di awal tahun 2011 ini ingin redesain website THMD, konsepnya sangat sederhana, portfolio dengan thumbnail, lightbox full image dan berbasis WordPress agar mudah diupdate sewaktu-waktu

Mockup PSD Desain TheyHateMyDesign buatan Amenth

Januari 2011 akhirnya bisa launching website baru THMD, menggunakan WordPress dan Themes berbasis Twenty Ten, seperti beberapa project terakhir, saya masih suka bikin child Themes berbasis Twenty Ten

Terimakasih Amenth atas kepercayaan yang telah diberikan :) semoga makin sukses

OBEY Giant

Poster yang sebenarnya tak memiliki arti apa-apa itu menimbulkan reaksi rasa ingin tahu bagi siapa saja yang melihatnya di ruang publik. Orang-orang mencari tahu apa arti dari poster itu. Persepsi tiap orang mencerminkan kepribadian dan kepekaan masing-masing.

Sebagian ada yang menganggap lucu merasa terhibur, menikmati pemandangan absurd dengan poster itu, Tapi sebagian orang ada yang mengganggap itu mengganggu ketenangan, seperti gambar yang memiliki pesan subvertif. Semakin banyak diperhatikan akhirnya poster OBEY menjadi fenomena viral visual.


Suksesnya kampanye OBEY Giant merambah industri fashion, aksessoris, film, iklan, desain dll. Dalam perkembangannya OBEY Giant identik dengan poster style propaganda seperti beberapa gambar berikut ini:

Shepard Fairey juga yang membuat poster kampanye Obama dan Mascot Dinosaurus Mozilla

Sebenarnya saya bukan pakar web, tapi saya teringat ketika saya jadi mahasiswa dulu, saya pikir mahasiswa tersebut memang sungguh-sungguh mengerjakan tugasnya dan sangat membutuhkan balasan e-mailnya.

Semoga balasan singkat ini bisa sedikit membantu :)

Balasan Email:

Mbak Hani Azzahra dan Mas Ismedy Prasetya,

Berikut feedback berdasarkan kriteria yang telah Anda buat
serta beberapa kriteria tambahan

Kriteria Fungsional:

1. Tujuan: “Mau buat web untuk apa?” menentukan style desain web yang akan dibuat
2. Target Visitor: “Mau buat web untuk siapa?” menentukan pemilihan warna / huruf / navigasi / icon dst. contoh jika target visitornya adalah anak-anak maka menggunakan warna-warna primer yang mencolok, huruf besar, banyak icon menarik, dst
3. Konten: konten yang padat, tidak bertele-tele membuat pengunjung betah mengakses web tersebut, sebaliknya meskipun desainnya bagus tapi kontennya tidak bagus, membuat pengunjung malas mengakses lebih jauh
4. Sitemap: sitemap dirumuskan dari konten, kemudian menentukan pembagian halaman, navigasi dan tata letak data
5. Akses: mengenai akses, web sekarang sudah tidak seperti web pada tahun 90an, dimana pada jaman dulu: satu gambar di potong-potong (slicing) agar lebih ringan, tapi sekarang gambar dimunculkan secara utuh, asalkan 72 DPI (standart web) bukan 300 DPI (standart kualitas gambar / foto untuk desain cetak)

Kriteria Penampilan:

1. Warna: di internet sudah banyak colormix, pilihan skema warna untuk web: colourlovers – colorschemedesigner
2. Tipografi: dulu font terbatas pada standart font OS (Arial, verdana, tahoma, times new roman, georgia, dll) sekarang sudah bebas menggunakan font apa saja, tapi umumnya font tidak standart lebih banyak dipakai untuk tipografi judul konten
3. Gambar: diperlukan sebagai bagian dari konten, atau bagian dari layout
4. Animasi: web full animasi menggunakan flash sudah ditinggalkan, karena tidak usable dan akesible, juga tidak terbaca google, sebagai gantinya animasi pada web sekarang didominasi dengan pemakaian AJAX (jQuery, Mootols, dll) pemakaiannya pun seperlunya (tidak berlebihan)
5. Icon / Button: icon / button sekarang menjadi kebutuhan penting sebagai aksesoris layout, contoh icon bisi dilihat di: iconfinder
6. Layout: User Interface layout web memiliki karakter khusus yang berbeda dengan layout desain cetak, misalnya menggunakan satuan pixels, lebar dibatasi (disesuaikan) dengan ukuran monitor, pilihan font tertentu, dst
7. Coding: koding adalah integrasi selanjutnya setelah perancangan desain web, coding juga menentukan batasan-batasan dalam proses perancangan desain web

Tambahan:

1. Usability: kemudahan penggunaan web atau kebergunaan web, bagaimana membuat pengunjung mudah mengetahui/memahami semua pesan yang ada di dalam website, contoh: (1) untuk icon play music tombolnya segitiga menghadap ke kanan, bukan ke kiri. (2) tatak letak form login username di kiri/atas. dan password di kanan/bawah kalau dibalik bisa bingung dan salah isi
2. Accessibility: bagaimana membuat website yang bisa dan mudah diakses baik di semua browser (mozilla firefox, google chrome, Apple Safari, Opera, dll), baik di semua Operasi Sistem (Windows, Mac Os, Ubuntu, dll), baik di semua platform (PC, Notebook, Ipad, Smart Phone, etc) dan bisa dibaca device untuk orang-orang yang tuna netra dan tuna rungu (disable/difable)
3. Whitespace: Jarak / Ruang kosong dalam komposisi User Interface Web (layout), misalnya jarak logo dengan menu, jarak konten dan sidebar, jarak antar baris text, jarak text dengan gambar, jarak antar kata, jarak navigasi, dll. Ruang kosong memiliki peran penting dalam membuat desain website yang baik dan mudah dibaca.
4. Grid System (framework): konsep desain struktur layout yang mengatur tata letak text dan gambar secara vertikal (kolom-kolom) maupun secara horizontal. tujuannya: membuat tampilan layout menjadi rapi, teratur, imbang, (fleksibel jika diterapkan di berbagai pola layout) serta memberi kemudahan pandangan mata, sehingga pesan lebih mudah diterima oleh pembaca. – contoh: http://960.gs (konsep grid system sebenarnya tidak hanya berlaku di website, konsep tersebut sudah di pakai dalam desain cetak, contohnya: surat kabar/koran, majalah, brosur, pamflet, dll.)
5. Golden Ratio: pola rasio/perbandingan pada desain makhluk dan semua ciptaaan Tuhan (wajah manusia, bentuk tubuh, jemari, bunga matahari, bekicot / keong, pohon cemara, dll), sejak jaman dulu pola rasio/perbandingan ini digunakan untuk membuat bangunan penting (piramida, gedung,patung, dll) lukisan (monalisa, dll) arsitek, dll. dan ternyata pada perkembangannya pola ini juga diterapkan dalam desain website:
   mashable, tutsplus, harunyahya

Berikut e-mail asli dari @haniazzahra

Karakter Awal
karakter awal mengambil dari tokoh kartun anak-anak berjudul “Bob The Builder“, karakter pas dengan nama “toekangweb”, gambaran seorang tukang bangunan yang cute. karakter ini dipakai sementara saja, karena kuatir nanti bisa berhadapan dengan hak cipta :)

Bob Builder, karakter toekangweb lama

Web Awal
menggunakan free wordpress theme neutica, ketemu ketika mencari free wordpress theme berwarna dasar kuning, warna kuning terilhami dari warna helm pekerja seperti yang dipakai karakter bob builder, dan grid style theme ini cocok untuk blog tersebut.

halaman toekangweb awal

Pembuatan Karakter
Dari hanya kata kunci “tukang bangunan”, Syarip bisa membuat karakter seperti gambar ini. Terlihat karakter pakai baju tukang bangunan, pakai kain diikat di leher (seperti superhero), melepas helm, rambutnya yang rapi, senyum lepas, dan membawa salah satu alat untuk bekerja. Kunci pas biasanya dipakai untuk mesin. Akhirnya bermakna lebih dari seorang tukang bangunan. Begitu kreatif.

draft karakter toekangweb oleh Syarip Yunus

Karakter Sekarang
Terlihat begitu bagus, lebih dari yang dibayangkan. melihat senyum wajahnya, karakter ini seperti bercerita: “saya puas bisa menyelesaikan tugas” atau bisa pula berarti “saya akan bekerja dengan penuh semangat”.

karakter toekangweb baru buatan Syarip Yunus

Web Sekarang
Masih menggunakan theme sebelumnya, hanya mengganti header dengan karakter baru, kemudian mengganti warna latar belakang dari kuning mencolok, menjadi kuning pucat, agar lebih sesuai dengan karakter baru.

toekangweb kini

Saya sudah bosan dengan tampilan web yang lama, terkesan masih “kurang mengena”, warnanya hitam, kurang rapi, ada satu paragraf text profil sebagai header, ditambah 3 paragraf text masing-masing untuk menjalaskan “service”, rasanya masih terlalu berbelit-belit dan banyak basa-basi. apalagi kemampuan bahasa inggris yang masih “acak-kadul”, memperlihatkan kelemahan diri, dan membuat kesan kurang profesional. Screen portfolio di bagian kiri bawah, juga kurang maksimal apalagi beberapa portfolio yang ditampilkan sudah kadarluasa. dan update twitter di bagian kanan bawah juga terkesan dipaksakan dan kurang cocok.

wajah lama zamdesign.web.id

Sekarang saya coba mendaur-ulang tampilan web yang lama menjadi seperti yang sekarang, warna putih, mengurangi banyak text sebagai paragraf, mencoba membuat yang singkat, padat sehingga “lebih mengena” (kepada sasaran).

logo: ukuran logo saya perkecil dan hanya menggunakan text, berbeda dengan yang lama dengan ukuran cukup besar dan memakai image. Font yang saya gunakan tetap yaitu “Gill Sans MT Regular”. font tersebut sekalian saya gunakan sebagai font utama di web, di header, servis, dan judul tiap modul. font tersebut di pakai menggunakan CSS3 (@font-face)

tagline: “Hallo! i am zam, i work at icreativelabs”, untuk menghindari terjadinya salah pengertian, seringkali klien luar saat melihat portfolio icreativelabs di web lain, mereka menganggap kalau icreativelabs melempar lagi projek yang di terimanya ke perusahaan lain. Nah disini menjelaskan bahwa saya adalah bagian dari tim icreativelabs, dan projek icreativelabs yang saya tampilkan adalah hasil kerja tim.

wajah baru zamdesign.web.id

slideshow: ada dua slideshow sebagai feat-content utama, yaitu iCreativeLabs Projects (4) dan Tokokoo Projects (3). Sebenarnya ada lebih banyak, tapi saya pilih 7 project yang mewakili, agar download tidak berat.

spesialisasi: dibagi dua: spesialisasi utama (PNG to XHTML/CSS) dan beberapa spesialisasi kedua

skrinsut: hanya menampilkan 12 item, karena seringkali pengunjung bingung jika melihat tampilan portfolio yang terlalu banyak, mungkin mereka tidak memiliki banyak waktu untuk membuka satu-persatu, dan 12 item saya rasa cukup.

footer: mulai dari update twitter sampai ke bawah, di dominasi oleh text dan mengurangi gambar, karena konten di atas footer sudah cukup “berat” (banyak gambar), dibutuhkan penyeimbang agar bagian bawah bisa “membuat ringan” (secara visual) dengan memperbanyak text, megikuti kolom di atas nya dan memberi batas garis 1 pixel horizontal agar terkesan “grid”. dan gambar burung origami sekarang jadi kecil (pojok kanan bawah) menyesuaikan dengan space, karena tidak mungkin dihilangkan sebagai “branding”.

Saya kurang percaya diri kalau ini disebut “redesain” karena tampilan nya sangat minimalis dan sederhana, mungkin lebih enak pakai istilah “ganti wajah” itu saja :D

Awalnya mockup AppCloud tersimpan cukup lama di hardisk. Source PSD file tersebut selesai dikerjakan pada bulan Juli 2009 selanjutnya di slicing XHTML/CSS versi dummy. File PSD-nya juga di bagi-bagikan gratis disini. Integrasi AppCloud menjadi WordPress eCommerce Theme baru selesai dalam tiga bulan kemudian.

iCreativeLabs (ki-ka): momo, zam, sule, agus, anggi, donny, dianara, ibnu, budi

Sejak dirilis pada bulan Oktober 2009, AppCloud mendapatkan apresiasi yang cukup mengejutkan dari banyak website ternama. Beberapa list AppCloud antara lain bisa dilihat di:

1. smashingmagazine
2. loreleiwebdesign
3. speckyboy
4. visionwidget
5. arthack
6. adbuzeedo
7. theroxor
8. Instinct (WordPress eCommerce)
9. dan masih ada beberapa website lain

Dari banyak respon tersebut telah membuat tim iCreativeLabs lebih serius dan fokus dalam mengembangkan themes termasuk plugin-plugin WordPress untuk projek ke depan.  Sebelumnya iCreativeLabs membuat FREE maupun Premium Bundle template non-CMS, baik PSD maupun XHTML/CSS.

AppCloud versi Holiday

Setelah merilis AppCloud versi FREE, iCreativeLabs juga merilis versi Premium dan 2 themes tambahan untuk edisi holiday.  Bisa dikatakan di iCreativeLabs, AppCloud telah menjadi sebuah pilot project dalam pengembangan WordPress themes, dan iCreativeLabs sekarang masih “menggodok” beberapa themes baru untuk di rilis dalam waktu dekat ini.

Di Indonesia, AppCloud juga mendapat tanggapan positif dari beberapa rekan, Valent Mustamin (penyelenggara acara WordCamp Indonesia) telah mempercayai dan mengundang kami sebagai salah satu pembicara di acara tersebut.  Acara yang akan diselenggarakan pada hari Sabtu tanggal 30 Januari 2010 besok akan menjadi momen yang sangat berarti.

Apakah teman-teman datang di acara WordCamp Indonesia? sampai jumpa disana.

Akhir 2009 ada ajakan dari temanmacet untuk ngobrol bareng mengenai web desain, pesan tersebut dikirim melalui twitter kepada @zamdesign @icreativelabs dan @madeforyou. Saya dan Richard menyanggupi, sedangkan Anggi Krisna (@icreativelabs) menawarkan saya saja (karena masih sama-sama mewakili iCreativeLabs).

Selanjutnya rencana ngobrol tersebut berlanjut melalui email, sebagai pengantar Ronald mengirimkan beberapa pertanyaan. Berikut pertanyaan sekaligus balasan dari saya melalui email:

Halo Richard dan Zam,

Halo Ronald Widha,

Teman macet ini podcast mingguan tentang programming dan informatika. Alasan kenapa aku nge-approach kalian berdua karena dapet request suruh ngebahas soal web design dari bbrp pendengar teman macet. Dan kalian adalah nama2 yang direkomendasi untuk jadi nara sumber di topik ini.

Terimakasih yah, hehe ternyata ada yang merekomendasikan nama saya :)

Eniwei..tentunya kalian sudha menyadari betawa integralnya posisi diri kalian di sebuah software, terutama web development. Aku ingin mengangkat ke permukaan sudut pandang UX designer dengan harapan developer bisa lebih menghargai perspektif kalian.

Kebetulan Richard spesialisasinya di desain mock up website, desain dari draft sampai contoh preview di PSD (Photoshop) atau PNG (Fireworks). Sedangkan saya spesialisasinya di slicing XHTML/CSS, dari mengkonversi file mock up (PSD/PNG) sampai crossbrowsing, untuk selanjutnya file diserahkan ke bagian programmer / developer. Dan CSS framework, seperti 960.gs selain dipakai di tahap XHTML/CSS (saya) juga dipakai di tahap mockup (Richard)

pembukaan: apa masalah yang kalian biasa hadapi sebagai ux designer dalam bikin web application? misalnya: constrain platform web, interaksi sama programmer, browser compatibility, atau apa?

sejauh ada komunikasi yang baik antaranggota tim saya kira tidak ada masalah soal interaksi dengan programmer /developer, kemudian soal membuat desain website yang crossbrowsing, crossplatform, memperhatikan usability dan aksesibility, semantik markup (standart w3c) saya pikir itu bukan masalah, tetapi sebuah tantangan yang memacu kita untuk terus belajar.

apa konsep grid system ini? apa tujuannya?

konsep grid system sebenarnya tidak hanya berlaku di website, konsep tersebut sudah di pakai dalam desain cetak, contohnya: surat kabar/koran, majalah, brosur, pamflet, dll. grid system merupakan konsep desain struktur layout yang mengatur tata letak text dan gambar secara vertikal (kolom-kolom) maupun secara horizontal. tujuannya: membuat tampilan layout menjadi rapi, teratur, imbang, (fleksibel jika diterapkan di berbagai pola layout) serta memberi kemudahan pandangan mata, sehingga pesan lebih mudah diterima oleh pembaca.

gimana bisa diaplikasikan ke web?

penerapan konsep grid system dalam website diatur melalui kode XHTML dan styling CSS. tetapi sebelum langkah tersebut, terlebih dulu harus dibuatkan draft mockup melalui software grafis (Photoshop atau Fireworks) untuk memudahkan dan mengefektifkan proses desain (pembuatan) website.

pernah denger 960.gs? golden grid? 1kb grid? simple grid system? apakah ini membantu proses design, apa membatasi?

pernah, sekarang sudah banyak. Beberapa contoh yang disebutkan tadi termasuk dalam CSS framework. CSS framework adalah paket kode CSS/XHTML sebagai acuan dasar membuat web, sehingga kita tidak perlu lagi menulis kode web dari NOL. rata-rata CSS framework memakai konsep grid system. Apakah ini membantu atau membatasi? jawabannya relatif karena tergantung masing-masing designer.

pernah pake http://960.gs/ ga? menurut kalian gimana?

pernah pakai 960.gs menurut saya pribadi ini CSS frame work yang paling bagus, karena selain menyediakan paket kode XHTML/CSS juga menyediakan file template PSD/PNG dll sebagai acuan Mockup. Cocok untuk kerja tim

Untuk mendengarkan hasil rekaman obrolan ini silahkan menyimak di website temanmacet edisi #28 (diposting 4 januari 2009). Mohon masukan dan koreksi jika ada yang salah atau kurang :) semoga bermanfaat.

Ada juga yang membagi menjadi tiga, yaitu desainer (khusus mockup interface), slicer (khusus XHTML/CSS), programmer (khusus PHP, AJAX, dst). Tujuan dari pembagian ini adalah agar web developer lebih fokus terhadap kemampuan masing-masing. Misalnya seorang programmer tidak lagi memikirkan tampilan web, ia hanya fokus dengan bagaimana script berjalan. Dan XHTML/CSS slicer hanya memikirkan bagaimana hasil mock up di implementasikan sampai tahap cross-browser.

Beberapa waktu yang lalu saya coba menulis pertanyaan melalui update status (twitter, facebook, dan plurk) ternyata banyak teman yang memberikan jawaban. berikut ini pertanyaan dan jawaban-jawabannya:

Pertanyaan buat teman-teman web designer: Kalian lebih telaten mana (1) saat bikin mockup PSD/PNG atau (2) saat coding XHTML/CSS ?

by jeffcouturier @flickr

1. taufikn: @zamdesign coding..
2. playgroundpilot: @zamdesign sama2 aja menurut saya, Pak…tapi saat coding lebih membutuhkan perhatian khusus soal detail :)
3. sirio: @zamdesign kalau rio lebih suka CSSinnya mas :D
4. ayahshiva: @zamdesign Lebih milih XHTML dan CSS
5. armono: @zamdesign Dua2nya harus di-telaten-i. Sama2 penting :) re: design atau coding
6. cizkah: @zamdesign maksudnya telaten gimana ni? Betah gitu? Sama aja si keduanya. Deg2an dan excite stiap mulainya.
7. TheLifeDesign: @zamdesign No 2. Soalnya kalo mockup cuma buat sketch awal aja, kerjaan yang sebenernya ya saat coding :-)
8. unwinged: @zamdesignn saat coding
9. kevinosmond: @zamdesign setuj ama @armono. Tp gw spend lebih lama di design hehe. Dua2nya mempengaruhi satu sama lain
10. andisaleh: @zamdesign Coding, tantangan konversinya di situ apalagi tuk layout yang aneh-aneh. Tetep… IE6 sux
11. alitmahendra: @zamdesign saya lebih telaten yang ke 2 mas, selain karena temen2 saya ndak suka ribet di Xhtml/CSS, biasanya mockup PSDnya masih mentah :)

Jawaban teman-teman di Facebook:

1. Rio Purnomo: *ngacung* saya pak! kalau saya lebih mahir coding HTML+CSS :D
2. Aidil Muladha: Bikin mockup ajah, cssnya males.
3. Hafiz Rahman: Yang pertama :P
4. Hendra Hoedojo: mock up
5. Fikri Rasyid: wah, saya mah bisanya yang kedua saja :P
6. Suwahadi Net: coding coding…
7. Richard Fang: mock up pastinya! :D
8. Endah Caressa: saya males coding mending PSD nya ajah =))
9. Yofie Setiawan: berimbang nih…
10. Deny Sri Supriyono: lebih senang terima transferan, zam :d lebih cepet xhtmlizing.
11. Micko Henry: yang pertama :)
12. Didats Triadi: saya telaten ngirim invoice aja deh. :D
13. Gigih Budi Abadi: psd, soalnya nggak bisa xhtml/css
14. Arief Jfrx: both. klo lagi bosan dengan coding, ya cari job design. vice versa
15. Abi Wildan: pilih yang nomor satu aja

Jawaban teman-teman di Plurk:

1. Aryo: [says] keduanya
2. kai-hansen: sudah lupa mockupnya lbh seru codingnya, soalnya males ngeload PS, kecuali terpaksa :D
3. icha saja: [asks] Mockup tu pa?Q masih pemula,kl css q lom mahir,hax main insting,wkwk…

Yang memilih Mock Up (PSD/PNG): Aidil Muladha, Hafiz Rahman, Hendra Hoedojo, Richard Fang, Abi Wildan, Micko Henry, Endah Caressa (7 orang)

Yang memilih Coding (XHTML/CSS): taufikn, sirio (Rio Purnomo), ayahshiva, TheLifeDesign, unwinged, andisaleh, alitmahendra, Fikri Rasyid, Suwahadi Net, kai-hansen, Deny Sri Supriyono (11 orang)

Yang memilih keduanya: playgroundpilot, armono, cizkah, kevinosmond, Arief Jfrx, Gigih Budi Abadi, Aryo (7 orang)

Jawaban lain: Didats Triadi, Yofie Setiawan, icha saja (3 orang)

Dari hasil perbandingan perhitungan jawaban diatas, terlihat yang memilih coding XHTML/CSS lebih banyak, sedangkan yang memilih Mockup PSD jumlahnya sama dengan yang memilih dua-duanya. Tentu saja jawaban ini belum mewakili teman-teman web desainer di Indonesia semuanya. Tetapi paling tidak hal ini bisa menjadi contoh kecil saja, atau bisa juga mempermudah kita untuk mencari siapa teman kita yang akan kita bagi projek, sesuai dengan minat mereka masing-masing :)

Terimakasih untuk semua teman yang memberikan jawaban. Bagaimana dengan kalian? ada yang ingin memberi jawaban lain?