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?

RuangFreelance 1.0 (lama)

Layout RF versi pertama digarap oleh Ben Haryoyuda (Designer Mockup icreativelabs) dan Nurudin Jauhari (Freelancer – XHTML/CSS dan WordPress Developer). RF versi dua digarap oleh iCreativelabs team: Monika Halim (Mockup PSD), Moch. Zamroni (XHTML/CSS), dan Suleman (Programmer – WordPress). Meskipun ada yang bilang desain RF ini biasa saja dan mirip dengan yang sudah-sudah, tetapi bagi saya adalah suatu tantangan dan pengalaman tersendiri, silicing XHTML / CSS style User Interface yang Grid System, penuh kolom tetapi harus tableless, dan jarang-jarang dapat project seperti ini.

RuangFreelance 2.0 (baru)

Berikut beberapa poin yang baru ini RF versi 2:

1. Favicon baru, hal kecil gini (16 x 16px) biasanya dilupakan :), dari desain yang kaku  kini jadi lebih luwes 
2. Featured article di bagian utama (konten utama atas di bawah header) ada 6 item dengan thumbnail tiap postingan, icon jumlah komentar di pojok kanan bawah thumbnail dan judul dibawahnya. membuat RF jadi lebih fresh dan dinamis karena item tersebut akan terus berubah. hal ini juga memudahkan pengunjung untuk melihat postingan populer.
3. Thumbnail di setiap postingan, di RF 1.0 tidak ada thumbnail semua image dengan ukuran apa adanya , selain membuat agak lama loading juga agak membosankan serta kurang fleksibel.
4. Banner lebih banyak dan bervariasi, ada di header kanan (468 x 60 px), di sidebar (260 x 125 px) dan (125 x 125 px) serta di bawah konten (300 x 250 px) dan (468 x 60 px) meski jadi lebih rame tapi kami sudah berusaha menata serapi mungkin :)
5. “Best Articles” di bagian sidebar tengah, menggunakan gaya tabs dengan AJAX dan box warana biru muda, membuat kesan lebih dinamis, praktis tidak monoton, dan tentu bisa menjadi shortcut yang memudahkan pengunjung.
6. Pemberian kolom khusus “komik” di sidebar membuat postingan kategori komik buatan kapachan lebih bermakna dan menyegarkan.
7. pembuatan recent article dan recent comments dengan thumbnail / avatar semakin memperkuat style UI gridsystem
8. icon/banner twitter, facebook, dll di sidebar mengingatkan dengan icon/banner di gantibaju.com, karena kebetulan designernya sama (halomomo) :)
9. icon-icon share (berbagi) di setiap postingan (sebelum komentar) dengan ukuran cukup gede, mungkin agak aneh tetapi konsep seperti ini juga banyak ditemui blog-blog popular lainnya.
10. komentar sekarang sudah bisa di-reply membuat pengunjung lebih bebas mengeluarkan pendapatnya dan lebih mudah merespon tentunya, design kotak komentarnya juga cukup unik.
11. pemisahan pingback/linkback dengan komentar dan membuatkan kolom sendiri di sampingnya, agar tidak banyak space kosong di bawah (jika postingan panjang) dan agar imbang dengan kolom diatasnya.

RF desain baru telah diluncurkan sejak Sabtu 29 Agustus 2009 dan kemarin (3/8/2009) baru benerin beberapa bug, yah paling tidak sudah ok di FireFox dan Safari (entah di IE) kalau masih ada bug tolong laporkan yah :)