WordCampID 2010 merupakan konferensi tahunan penggemar WordPress ke-2 di Indonesia, setelah WordCampID ke-1 sukses diadakan pada tanggal 17-18 Januari 2009. WordCampID 2010 diadakan di Auditorium Universitas Gunadarma, Depok 30 Januari 2010. Acara WordCamp juga diselenggarakan di berbagai negara di seluruh dunia, tiap tahun dan mungkin tiap bulan.

Penyelenggara WordCampID 2010, Valent Mustamin mengundang tim iCreativeLabs sebagai salah satu pembicara di acara ini. Sebenarnya pengalaman tim iCreativeLabs masih baru dengan WordPress, karena 70% lebih project iCreativeLabs masih menggunakan CMS buatan sendiri. Namun, sejak me-launching Free & Premium WordPress theme (Majalahku & AppCloud) iCreativeLabs mulai membangun branding sebagai WordPress Ninja.

Setyagus Sucipto mewakili tim iCreativeLabs dan menyiapkan materi sebagai salah satu pembicara di acara WordCampID 2010. Sementara itu, semua anggota tim iCreativeLabs juga berangkat ke acara tersebut, kecuali momo dari Solo yang belum bisa ikut. Sehari sebelum acara, tim iCreativeLabs telah menginap di rumah Anggi Krisna / Deon di daerah Bintaro. Sedangkan Agus berangkat sendiri dari Bandung.

Di acara WordCampID 2010 kami bertemu banyak teman-teman yang lebih berpengalaman di bidang WordPress: Kaspito Gabriel Hutagalung adik dari Michael Jubel Hutagalung dengan ColorLabs Project-nya, Jauhari dengan segudang Free WP themes-nya, Andrayogi dengan ThemeWarrior-nya, Daus dan Armono yang pernah masuk dalam 10 besar di ajang WooContest – Woothemes, Fikri Rasyid dan Japestinho dengan Bloggingly, Pitra dengan MediaIde, Brian Fauzan dengan DheZign-nya, ada pula GagasImaji, dan Simonlim dari WPDesignStudio (Malaysia) juga masih banyak teman-teman hebat yang tidak bisa disebutkan satu-persatu.

Presentasi dari iCreativeLabs kebagian no 2 dari yang terakhir, dalam satu hari acara yang cukup padat dengan materi yang berbeda. Meski acara diselingi dengan break makan siang serta sajian musik jazz, audience masih terlihat kurang semangat. Mungkin sudah merasa “jenuh/bosan” dengan beberapa presentasi yang padat. Hal ini terbukti dari banyaknya peserta yang pulang sebelum acara selesai.

Penampilan Setyagus Sucipto dengan pakaian sangat santai *paling santai dibanding pembicara lain saat itu* (kaos oblong gantibaju, celana jeans, jaket agak lusuh *terpaksa pakai karena AC sangat dingin*, sepatu sport, sampai tas pinggang) awalnya membuat saya khawatir, tapi saya pikir hal ini malah memecah suasana acara yang sangat terkesan “formal” sejak pagi. Justru penampilan Agus dengan materi WordPress sebagai CMS, cukup membuat respon audience memperhatikan lebih serius :)

Hal yang cukup darurat saat itu adalah, Setyagus Sucipto terpaksa memberi contoh sebuah live site salah satu project iCreativeLabs: Heart-Break. Web Heart-Break sendiri sudah mengalami proses redesain dan recoding beberapa kali sejak pertama dikerjakan, dan masih belum final. Tetapi apa boleh buat contoh tersebut untuk menjawab salah satu permintaan audience. dan sukurlah audience bisa menerima.

Beberapa poin setelah presentasi Setyagus Sucipto (iCreativeLabs) di acara WordCampID 2010 antara lain:

• Themes AppCloud versi premium banyak yang pesan dan download, kebetulan themes tersebut dibagi-bagi gratis sejak selesai presentasi.
• Pelanggan RSS blog iCreativeLabs terus bertambah cukup banyak
• Follower twitter @iCreativeLabs terus bertambah cukup banyak
• Ada beberapa peserta WordCampID 2010 yang memesan slide presentasi
• Launching WordPress themes Kelontong, mendapat respon positif baik dari dalam negeri maupun luar negeri (dalam 2 hari sudah 100 lebih di-download)
• Selain WordPress themes Kelontong, nanti akan di launching Themes DangDoot, dan themes lain yang saat ini masih disiapkan.

Dan berikut beberapa artikel mengenai WordCampID di blog lainnya:

• WordCamp Indonesia, 2010
• WordCamp Indonesia 2010, From Bandung with Kick-Ass WordPress Ninjas!
• WordCamp Indonesia 2010
• Oleh Oleh #WordCampID 2010
• Review Wordcamp Indonesia 2010
• WordCamp Indonesia 2010
• Laporan Wordcamp Indonesia 2010
• WordCamp Indonesia 2010

AppCloud adalah nama WordPress Theme yang dibuat oleh tim iCreativeLabs. Berbeda dengan themes biasanya, AppCloud dikhususkan untuk CMS WordPress dengan plugin E-Commerce, buatan Instinct.

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.

Temanmacet adalah podcast (mingguan) tentang programming, metodologi dan industri informatika di Indonesia. Temanmacet dikelola oleh Ronald Widha seorang programmer asal Indonesia yang saat ini bekerja di perusahaan AS yang bermarkas di Dubai, Uni Emirat Arab.

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.

Dalam bulan November-Desember ini banyak teman-teman online yang melepas masa lajangnya dan melangsungkan pernikahan. Beberapa acara pernikahan sekarang sudah begitu mudah disiarkan melalui jejaring sosial, misalnya facebook. Foto-foto dokumentasi pernikahan tersebut juga bisa dengan mudah kita lihat di facebook atau di flickr. Entah kenapa tiba-tiba saya jadi punya ide mengumpulkan foto-foto pernikahan teman-teman, lalu saya posting ulang disini.

Dalam sebuah kopdar saya teringat ucapan aLe memperkenalkan dirinya di depan forum, kurang lebih seperti ini:

Jika orang-orang menulis blog mendapatkan uang (Adsense) maka saya menulis blog mendapatkan seorang istri :)

kebetulan istri aLe juga seorang blogger, mereka pertama kali berkenalan melalui media blog, media online (internet). Nah saya percaya sebagian teman-teman dibawah ini juga ada yang saling kenal pertama kali melalui media online dan kemudian menikah. Entah siapa saja, kalau ingin tahu silahkan bertanya pada mereka masing-masing :).

Berikut ini beberapa foto pernikahan teman-teman online yang saya temukan di akun flickr atau facebook mereka masing-masing. Sebelumnya mohon maaf karena saya belum meminta ijin untuk mempublish ulang foto-foto tersebut disini. Saya bersedia menghapus jika ada yang kurang berkenan, terimakasih :)

1. Anang Pradipta & Aulia Halimatussadiah
   

   sumber: flickr

2. Andra Yogi & Melinda Andra
   

   sumber: facebook

3. Anggi Krisna & Erika Mirna
   

   sumber: flickr

4. Didats Triadi & Yosi Dewanti
   

   sumber: flickr

5. Ing Landjanoen & Almaviva Landjanoen
   

   sumber: flickr

6. Jeffry Rahatama & Risna Cahyati
   

   sumber: facebook

7. Ronald Widha & Inka Tanaya
   

   sumber: facebook

8. Thomas Dian & Ima Dawwas
   

   sumber: facebook

9. Wahyu Aditya & Neng Arie
   

   sumber: facebook

10. Yudistira Bawono & Fany Ariasari
    

    sumber: flickr

Salah satu yang bisa kita kostumasi di website twitter adalah tampilan. Kita bisa merubah warna link, warna huruf, warna sidebar, warna garis pembatas sidebar, dan yang terpenting adalah kita bisa mengganti warna dan gambar background. Background twitter membuat tampilan menjadi lebih dinamis dan tidak membosankan, melalui background kita juga bisa menampilkan pesan tambahan (misalnya profil singkat), dan branding (logo, tagline, dst) jasa atau produk kita.

Background twitter sifatnya fixed (tidak bergerak saat scroller browser digeser), dan posisinya menempel pada bagian pojok kiri atas browser. Sedangkan bagian konten utama twitter terletak tepat di tengah browser, dengan ukuran lebar 763 pixel. Background akan terlihat menyesuaikan ukuran browser, karena itu kita perlu mengetahui bebeberapa batasan ukuran dan jenis gambar sebelum kita membuatnya. Setidaknya untuk saat ini ada empat jenis background twitter: background profil, background satu gambar penuh, background gradasi, dan background gambar berulang (texture / pattern).

1. background profil
   background profil biasanya berisi mengenai biografi singkat, foto diri, dan beberapa link seperti personal website, email dan alamat jejaring sosial. Tetapi semua link tersebut tidak bisa di-klik, karena hanya sebuah background. Biasanya tempat profil ini di sebelah kiri backgound, kadang ada juga yang ditempatkan di sebelah kanan background tetapi kurang lazim, karena tidak akan terlihat dalam beberapa perbedaan ukuran resolusi layar.
   

   from balkhis

2. background satu gambar penuh
   background satu gambar penuh biasanya foto, atau gambar artwork yang berukuran besar memenuhi layar browser. Gambar besar ini akan terlihat bergeser sesuai ukuran resolusi layar, karena bagian tengah tertutupi area utama twitter, sedangkan background tidak bisa center.
   

   from balkhis

3. background gambar pojok kiri atas
   background gambar pojok kiri ini lebih aman karena gambar tidak harus memenuhi layar browser, cukup di bagian pojok kiri atas saja, biasanya bisa berisi profil, atau gambar objek atau permainan gradasi warna. Karena gambar tidak penuh, maka pada bagian kanan dan bawah gambar harus memiliki warna yang sama dengan warna background twitter, agar terlihat menyatu.
   

   from balkhis

4. background gambar berulang (texture / pattern)
   background gambar berulang biasanya cukup menggunakan gambar kecil, lalu gambar tersebut di-load ulang horizontal maupun vertikal (dengan mengaktifkan option “tile”) Sehingga gambar memenuhi background sebagai pattern. Contoh pattern bisa dilihat disini,
   

   from flickr

Ukuran Optimal
Ukuran optimal background bisa dilihat di resolusi 1280×1024 pixel. Di resolusi ini setidaknya ada ruang di bagian kanan dan dikiri area utama, masing-masing berukuran 250 pixel.

Ukuran minimal
setidaknya background minimal bisa terlihat bagus di resolusi layar 1024×768 pixel.

Ukuran Maksimal
ukuran maksimal gambar bisa di ukuran layar 1600×1200 pixel, atau kalau ingin lebih besar bisa membuat ukuran 1920×1200 pixel atau bisa lebih besar lagi sampai 2560×1600 pixel tidak lebih dari itu.

Branding
jika ingin menampilkan logo di background, ukuran lebar logo kurang dari 122 pixel bisa terlihat aman di resolusi 1024×768 pixel, tapi ukuran itu akan terlihat kecil di resolusi yang lebih besar, ukuran lebar logo kurang dari 212 pixel terlihat cukup di single post twitter (di resolusi 1024×768 pixel) juga terlihat cukup di halaman profil (di resolusi 1280 pixel keatas).
Jarak dengan bagian top bisa menggunakan 10-12 pixel (sejajar dengan logo twitter) atau menggunakan jarak 66 pixel (sejajar dengan area utama twitter). Jika menggunakan text di background sebaiknya memakai ukuran font agak besar, karena sebagai gambar, font akan berkurang kualitas ketajamannya.

Ukuran file
gambar background dengan ukuran dibawah 100 KB akan lebih cepat ditampilkan, ukuran 300 – 400 KB sudah cukup berat, jika memang mengharuskan gambar besar, jangan sampai melewati 800 KB.

Jenis format File
Twitter menerima: format file GIF, JPG, dan PNG

Cara Mengganti Background Twitter
silahkan cek disini

*adaptasi bebas dari 99designs

Pekerja web umumnya dibagi menjadi dua, yang pertama adalah web desainer yaitu mereka yang bekerja membuat web dalam tahap draft atau mock up interface website, hasil akhirnya bisa berupa PSD (Adobe Photoshop) atau PNG (Macromedia Fireworks). Yang kedua adalah web programmer yaitu mereka yang membuat web dalam tahap koding, bisa mulai koding dasar XHTML/CSS sampai koding dinamis seperti PHP, Action Script, Ajax, sampai implementasi ke CMS misalnya (Wordpress, Joomla, dll).

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?

About 2 days ago Dobi posted topic with title “listen up you indonesian motherfuckers” and this is the message:

just giving us more fuel to the fire that your whole fucking country should be banned.

you are nothing more than ewoks with pirated copies of photoshop and no design skills.

if we are a community can’t name more than two solid designers from there i say the country just gets banned altogether.

Indonesian Against Ripping! by markusmanson (Emptees Tee of The Day)

SKELETcrOwN_All Shall Perish by oss caroch (Emptees Tee of The Day)

oss caroch said:

If I’m not Indonesian, maybe I’ll think the same and shouted ‘Ban them all’. It’s a very reasonable for me. But I don’t know why I was born in this country, and I could not ask my mom to not bore me in Indonesia. No body could do that, right?
There is many great designers in this site who are admired and has given me much improvement. I have great respect for them and I believe they will be wise in this issue. Especially for people who really love art, not just me, but also the others .. just sayin

This is an original artworks from Indonesian tees designers:

by bazzier

by GBI

by oss caroch

by everybodylovesirine

by markusmanson

by gefiction

by amadeus

by odesignbosog

by ceccepp

by ricojulian

by Dinan

by coplet

by isengartjah

by mumolabs

by earlymemoirs

by The Shadow Puppet

by kooky love

by nutcil

by ReotheOrc

by Mol Edrine

by quiet_october

by ditto

by CHEERS

by luthfy.prayoga

by 29pro

by anakost

by treecore

by inumocca

by Deyaz

*thanks @treecore for info*

Jika kita jalan ke luar rumah, sering kita lihat branding merk rokok atau merk telepon selular di warung, kios rokok, telpon umum, jembatan penyebrangan, halte bus, angkutan umum, terminal, stasiun kereta api dan tempat layanan publik lainnya. Bentuk brandingnya bisa mulai dengan menempel poster, outdoor digital printing, sampai menggambar logo/produk di tembok.

branding resmi zamdesign

Branding tersebut dilakukan oleh perusahaan-perusahaan besar untuk memperkenalkan produk  mereka ke masyarakat umum. Karena media brandingnya bermacam-macam maka diperlukan ciri-ciri khusus sebuah produk agar mudah dikenali. Biasanya ciri-ciri tersebut bisa dengan logo yang sederhana, pemakaian warna tertentu berulang-ulang, pemilihan jenis font yang tetap dan berulang-ulang, dan seterusnya.

Ada juga branding produk dengan menggunakan seorang model khusus yang dipakai secara terus-menerus dalam iklan yang berbeda-beda. Ada juga yang menggunakan ikon atau maskot khusus.

Kitapun ternyata juga bisa melakukan branding kecil-kecilan, apabila kita punya produk atau layanan jasa, mengapa kita tidak merancang logo khusus, warna khusus, font khusus, ikon/maskot khusus untuk produk kita?

Kita bisa memulai dengan yang gratis-gratis dulu, kemana lagi media efektif gratis selain di internet? Internet sekarang kaya dengan banyak layanan web 2.0 gratis, mulai dari blog dan jejaring sosial. Berikut contoh branding kecil-kecilan zamdesign di beberapa jejaring sosial:

kartunama zamdesign

tampilan website zamdesign.web.id

tampilan zamdesign.tumblr.com

branding zamdesign di plurk.com/zam

tampilan zamdesign.wordpress.com

tampilan twitter.com/zamdesign

zamdesign di facebook page

Yah memang sebenarnya facebook saat ini lebih popular daripada twitter, jumlah user facebook lebih banyak daripada user twitter, dan saat postingan ini ditulis, dari 100 urutan web terbanyak diakses di Indonesia, facebook menempati no 1 sedangkan twitter menempati urutan 17.

kaos twitter

Namun jika kita lihat dari sisi lain “twitter ternyata lebih menarik daripada facebook”. Saya yakin suatu saat semua orang bosan dengan facebook, dan itu mulai terlihat sekarang, banyak teman tidak aktif lagi bermain facebook, tidak seperti masa awal booming.

Anehnya saya belum melihat orang aktif twitter yang merasa bosan dengan twitter, dan lebih aneh ternyata ada orang-orang yang sangat aktif di twitter tetapi tidak punya akun facebook

Apa saja yang menarik dari twitter? dan apa saja yang membedakannya dengan facebook?

1. Hanya 140 karakter

Update status twitter hanya dibatasi 140 karakter (huruf, angka, simbol, atau spasi) sedangkan update status di facebook awalnya dibatasi 160 karakter kini dinaikkan menjadi 420 karakter. Karena di twitter hanya 140 karakter, maka kita harus menulis yang singkat dan perlu saja, apalagi kalau menyertakan tautan (link) kita benar-benar harus berpikir untuk memilih dan menyingkat kata. Sedangkan di facebook update status bisa panjang, bisa jadi satu paragraf, mungkin bisa menulis satu lirik lagu penuh :). Akhirnya kalau update status di facebook tidak usah bingung memilih dan menyingkat kata, tidak heran update status di facebook kadang ada yang terkesan bombastis :D.



semua 140 karakter

2. No threaded comment

Di facebook cara membalas update status adalah dengan menuliskan komentar yang muncul di bawah update status tersebut, begitu seterusnya secara berurutan (threaded). Di twitter beda, cara membalas update status adalah dengan menulis update status baru dengan menyertakan @namaorang yang dibalas. Ini yang membuat twitter menjadi istimewa. Bayangkan jika ada seseorang menulis update status hanya ditujukan  untuk kita, tulisan itu diposting di halamanya, tentu tweet tersebut jadi lebih berkesan, kita jadi sungkan jika tidak me-reply. Karena itu di twitter user harus lebih aktif “menyapa” supaya dapat banyak tweet balasan :) (Cara reply menggunakan simbol “@” baru-baru ini juga ditiru oleh facebook)

3. Followings dan followers

Di twitter, kalau kita ingin mengikuti update status seseorang, harus menjadi “follower” tanpa “meminta” pertemanan (kecuali untuk yang mengaktifkan privacy). Jika di-follow, kita tidak harus membalas menjadi follower dia. Jadi timeline hanya berisi update status orang-orang yang kita pilih saja. Jika suatu saat tidak suka, kita bisa unfollow orang tersebut, otomatis update statusnya tidak ada dalam timeline kita.

Di facebook, semua teman bisa membaca update status kita. Sebaliknya, kita juga bisa membaca update status semua teman kita itu. Tidak dibedakan apakah teman akrab / dekat, atau teman yang belum kenal sekalipun. Update status semua teman muncul di beranda kita, sulit mengatur supaya di beranda hanya muncul update status orang-orang yang kita pilih, mungkin caranya hanya dengan “memutuskan pertemanan”.



tampilan twitter

4. Tanpa konfirmasi

Di Twitter, Jika tidak mengaktifkan privacy, maka semua orang bisa membaca update status kita, termasuk orang yang belum punya akun twitter. Semua orang juga bisa follow tanpa harus meminta konfirmasi dari kita. Mungkin alasan ini yang membuat beberapa artis, selebritis, politikus, mentri, sampai presiden punya twitter. Akun mereka biasanya di follow oleh ribuan orang. Kalau di facebook tentu repot mengkonfirmasi satu-persatu permintaan teman yang jumlahnya puluhan ribu :).

5. No game No quiz

Sebenarnya layanan resmi dari twitter hanya update status tanpa aplikasi lain seperti foto, video, dan lain-lain. Jika di twitter bisa melakukan itu adalah karena bantuan aplikasi di luar twitter. Karena hanya update status, maka pembicaraan di twitter akan lebih fokus dan menarik, misalnya ketika ada musibah gempa, berita di twitter akan terasa lebih aktual. Sementara di facebook pada saat yang sama (saat terjadi gempa) masih terlihat orang-orang yang sibuk main game (contoh: mafia wars, pet society dan lain-lain), atau muncul juga laporan quiz-quiz yang kurang penting.

Baru-baru ini facebook telah mengeluarkan versi lite dimana tidak memunculkan game dan quiz di beranda kita. (merasa tersaingi twitter?)



facebook lite no quiz no game

6. Hashtags (#) dan Trending Topic

Hashtags dipakai untuk menandai topik tertentu dalam pembicaraan di twitter, simbol yang digunakan adalah “#”. Dengan menggunakan hashtags, update status bisa dikelompokkan berdasarkan topik dalam hasil pencarian. Beberapa contoh hashtags yang pernah menjadi Trending Topic: #indonesiaunite, #jamansd, #mbahsurip, #pengakuan, #alasanbuatputus, #jokoanwar, dan lain-lain.



contoh postingan tweet

Trending topic adalah topik-topik yang sedang ramai dibicarakan oleh tweeps, biasanya ditampilkan 10 list di sidebar kanan timeline. Trending topic bisa bermanfaat bagi corporate branding dalam target pemasaran mereka, bisa pula bermanfaat bagi politikus untuk melihat isu-isu aktual, dan bermanfaat untuk siapa saja dalam mengikuti trend global, contoh: rilis film terbaru. Dan masih banyak manfaat lainnya.

Hashtags dan Trending topic ini belum ada di facebook

7. Banyak tools dan aplikasi pendukung

Coba lihat timeline twitter kita, postingan tweet berasal dari macam-macam tools atau aplikasi, misalnya: tweetdect, ubertwitter, tweete, hahlo, twitpic, twhirl, twitterfox, dan lain-lain kalau disebutkan bisa ratusan :) salah satu contoh list aplikasi / tools pendukung twitter silahkan cek disini.

Dan aplikasi tersebut bisa dipakai dari bermacam-macam platform: mulai web, mobile, Blackberry, iPhone, dan lain-lain. Kadang di beberapa aplikasi malah memiliki fitur yang lebih lengkap, lebih kompleks, lebih canggih daripada akses lewat web twitter itu sendiri. Misalnya di web twitter tidak ada fasilitas RT (retweet) tapi di aplikasi lainnya ada, di twitter tidak bisa upload foto, tapi kita bisa upload foto di twitpic. dan lain-lain. Sangat fleksibel. Lalu apakah facebook memiliki tools/aplikasi pendukung sebanyak twitter? jawabannya adalah: “tidak” :)



aplikasi twitter di iPhone

8. Posting bersama berdasarkan group / minat

Satu hal lagi yang belum ada di facebook adalah group posting, atau postingan orang banyak yang muncul dalam satu akun twitter. Contohnya: @infoll info lalu lintas jabotabek dan seluruh Indonesia, @lagimakan postingan yang berhubungan dengan aktifitas makan-minum, @pasartwit postingan yang berhubungan dengan jual, beli, sewa (pasar) @alasanbuatputus postingan gokil yang pernah menjadi trending topic, @ayosholat postingan yang berhubungan dengan aktifitas sholat, dan lain-lain.

Grup-grup tersebut memiliki fungsi dan karakteristik masing-masing, ada yang informatif, kuliner, gokil, pasar, sampai religius, semuanya ada (dan masih banyak grup lainnya)

9. Mudah ditampilkan di Web / Blog

Postingan twitter bisa kita tampilkan di web / blog, baik berupa widget juga bisa diintegrasikan bersama postingan konten. Postingan twitter juga memiliki RSS feed, sehingga data mentah dari twitter bisa flexibel di tampilkan dimana saja. Sebaliknya, update status di facebook belum bisa ditampilkan di web/blog dalam bentuk text. bisa ditampilkan tapi dalam bentuk image bersama widget facebook badge, tentunya sangat terbatas pengaturannya.

Ada sangat banyak plugin pendukung twitter untuk CMS Wordpress *mungkin jumlahnya mencapai puluhan atau ratusan, silahkan cek sendiri :)*. Sedangkan plugin twitter untuk CMS Joomla sudah mencapai 69 plugin (berdasarkan hasil pencarian).

10. Banyak free icon

Burung berwarna biru adalah salah satu contoh icon paling popular untuk twitter, ada juga icon huruf “t” kecil yang diambil dari logo twitter. Icon-icon tersebut sangat banyak kita temui. Kita bisa download secara gratis, dan kita bisa memakainys sebagai banner atau button atau icon di website kita.

Silahkan cek di: hongkiat, geeksuck, atau google :)



ikon twitter populer

Rujukan tulisan:
@talktowinta, @hyoori, @salsabeela, @bellamy, @cizkah
Jika ada yang kurang tolong ditambahkan di komentar yah :) Terimakasih. follow @zamdesign

Presiden RI pertama pernah berkata “Jangan Lupakan Sejarah!” dan sepertinya kalimat tersebut banyak dipakai dalam wacana politik. Eh tapi nanti dulu! kita tidak bicara soal itu. Dalam postingan kali ini saya ingin menulis tentang masa lalu (sejarah) perjalanan saya di dunia online. Sekitar tahun 2000-2001 saya mulai punya semangat belajar desain secara online, mencari berbagai tutorial Photoshop dan berhasil mempraktekkan adalah kepuasan tersendiri.

icon tkoz personal branding zam jaman dulu

Tidak cukup itu, saya juga join di forum DesignFaculty.com (selanjutnya berubah menjadi forum godote.com dan kini berubah lagi menjadi forum massivelab.com) lewat forum itu banyak ilmu dan pengetahuan desain saya dapatkan dari desainer grafis dan desainer web lokal yang sudah senior.

Saya banyak belajar desain diantaranya dari: godote, ntonk, ade, gig, djakadwiandi, mono_xp, e13, yul karel, aram, thalia, achmadbiz, bow, Harry, avianto, darbotz, booi, OsMoNd, ing, godo, machda, Thomas, aalego, donkei, sevenova, pitung, iyay, dan lain-lain. Tidak bisa saya sebutkan satu-persatu dan jumlah anggota forum sekarang saya lihat sudah mencapai 4.267 anggota.

Saya menggunakan nickname tkoz dengan ikon seekor tikus, kebetulan saat itu suka dengan desain bergaya kotor /dirty style (grunge style). Beberapa hasil belajar saya coba dengan membuat beberapa artwork dan website. Beberapa diantaranya saya arsipkan di DeviantArt, Behance, carbonmade, flickr, WordPress. berikut beberapa arsipnya:

web tkoz versi 1

web tkoz versi 2

wajah wajah

ikut kontes design horror

arsip goresan harian

submit majalah desain lokal

submit majalah desain lokal

Apresiasi dari teman-teman forum
Ini adalah arsip karya teman-teman berupa artwork dari stock foto saya *narsis :D* dan beberapa diantaranya splash screen web tkoz.tk

by gig

by mono

by achmadbiz

by ing / proyekimagi / wadezig

by Harry JH