<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Moch. Zamroni &#187; branding</title>
	<atom:link href="http://zam.web.id/category/personal-branding/feed/" rel="self" type="application/rss+xml" />
	<link>http://zam.web.id</link>
	<description>Front-end Web Developer</description>
	<lastBuildDate>Wed, 22 Feb 2012 08:58:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Dreamshocker ~ Reforging</title>
		<link>http://zam.web.id/2011/01/06/dreamshocker-reforging/</link>
		<comments>http://zam.web.id/2011/01/06/dreamshocker-reforging/#comments</comments>
		<pubDate>Thu, 06 Jan 2011 04:36:53 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[project & portfolio]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design website]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=1562</guid>
		<description><![CDATA[Oktober 2010 mendapat project slicing web satu halaman dari Royden Lie, pemilik studio web Dreamshocker. Royden Lie dan Dreamshocker adalah termasuk web desainer senior Indonesia, kita bisa lihat dari websitenya, yang full flash dengan semua karya yang sangat awesome. Saat &#8230; <a href="http://zam.web.id/2011/01/06/dreamshocker-reforging/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Oktober 2010 mendapat project slicing web satu halaman dari Royden Lie, pemilik studio web Dreamshocker. Royden Lie dan Dreamshocker adalah termasuk web desainer senior Indonesia, kita bisa lihat dari websitenya, yang <a href="http://dreamshocker.com/drift/">full flash dengan semua karya yang sangat awesome</a>.</p>
<p>Saat ini Dreamshocker sedang menyiapkan desain baru untuk 2011, dan sebagai pengantar dibuatlah satu halaman web html semacam coming soon, kita tunggu saja kejutannya :)</p>
<p><a href="http://www.dreamshocker.com/"><img class="aligncenter size-full wp-image-1563" title="dreamshocker2011" src="http://zam.web.id/wp-content/uploads/2011/01/dreamshocker2011.jpg" alt="" width="600" height="600" /></a>Btw terimakasih atas kepercayaannya menyerahkan web satu halaman ini kepada <a href="http://zamdesign.web.id">zamdesign</a> :D</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2011/01/06/dreamshocker-reforging/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kriteria Efektifitas dan Efisiensi Perancangan Website</title>
		<link>http://zam.web.id/2010/12/16/kriteria-efektifitas-dan-efisiensi-perancangan-website/</link>
		<comments>http://zam.web.id/2010/12/16/kriteria-efektifitas-dan-efisiensi-perancangan-website/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 16:35:49 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[sharing]]></category>
		<category><![CDATA[desain]]></category>
		<category><![CDATA[dkv]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[konsultasi]]></category>
		<category><![CDATA[kuliah]]></category>
		<category><![CDATA[mahasiswa]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web desain]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=1451</guid>
		<description><![CDATA[Postingan ini berasal dari balasan e-mail yang saya tulis untuk Mahasiswa Desain Komunikasi Visual (DKV) Universitas Negeri Malang Semester 7. Dalam rangka tugas kuliah tentang penyusunan instrumen validasi &#038; ujicoba pada perancangan web, Mahasiswa tersebut disarankan mencari pakar dalam bidangnya &#8230; <a href="http://zam.web.id/2010/12/16/kriteria-efektifitas-dan-efisiensi-perancangan-website/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Postingan ini berasal dari balasan e-mail yang saya tulis untuk Mahasiswa Desain Komunikasi Visual (DKV) Universitas Negeri Malang Semester 7. Dalam rangka tugas kuliah tentang penyusunan instrumen validasi &#038; ujicoba pada perancangan web, Mahasiswa tersebut disarankan mencari pakar dalam bidangnya untuk mengkonsultasikan kriteria efektifitas dan efisiensi perancangan website. </p>
<p><img src="http://zam.web.id/wp-content/uploads/2010/12/myworkspace.jpg" alt="" title="myworkspace" width="450"  class="aligncenter size-full wp-image-1460" /></p>
<blockquote><p>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.</p></blockquote>
<p>Semoga balasan singkat ini bisa sedikit membantu :)<br />
<span id="more-1451"></span><br />
Balasan Email:</p>
<p><em>Mbak Hani Azzahra dan Mas Ismedy Prasetya,</p>
<p>Berikut feedback berdasarkan kriteria yang telah Anda buat<br />
serta beberapa kriteria tambahan</em></p>
<p><strong>Kriteria Fungsional:</strong></p>
<ol>
<li>Tujuan: &#8220;Mau buat web untuk apa?&#8221; menentukan style desain web yang akan dibuat</li>
<li>Target Visitor: &#8220;Mau buat web untuk siapa?&#8221; 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</li>
<li>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</li>
<li>Sitemap: sitemap dirumuskan dari konten, kemudian menentukan pembagian halaman, navigasi dan tata letak data</li>
<li>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)</li>
</ol>
<p><strong>Kriteria Penampilan:</strong></p>
<ol>
<li>Warna: di internet sudah banyak colormix, pilihan skema warna untuk web:  <a href="http://www.colourlovers.com/">colourlovers</a> &#8211; <a href="http://colorschemedesigner.com/">colorschemedesigner</a></li>
<li>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</li>
<li>Gambar: diperlukan sebagai bagian dari konten, atau bagian dari layout</li>
<li> 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)</li>
<li>Icon / Button: icon / button sekarang menjadi kebutuhan penting sebagai aksesoris layout, contoh icon bisi dilihat di: <a href="http://iconfinder.com">iconfinder</a></li>
<li>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</li>
<li> Coding: koding adalah integrasi selanjutnya setelah perancangan desain web, coding juga menentukan batasan-batasan dalam proses perancangan desain web</li>
</ol>
<p><strong>Tambahan:</strong></p>
<ol>
<li>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</li>
<li>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)</li>
<li>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.</li>
<li>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. &#8211; contoh: <a href="http://960.gs">http://960.gs</a> (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.)</li>
<li>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:<br />
<a href="http://mashable.com/2010/09/29/new-twitter-golden-ratio/">mashable</a>, <a href="http://net.tutsplus.com/tutorials/other/the-golden-ratio-in-web-design/">tutsplus</a>, <a href="http://www.harunyahya.com/indo/artikel/068.htm">harunyahya</a></li>
</ol>
<p>Berikut e-mail asli dari @<a href="http://twitter.com/haniazzahra">haniazzahra</a></p>
<div>
<input type="button" value="Tampilkan" style="margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }"/>
</div>
<div style="background: #f5f5f5; margin: 10px auto;<br />
border: 1px solid #ccc;<br />
padding: 10px;">
<div style="display: none;">
<p><em>Dear, Pak Zam</p>
<p>Perkenalkan kami Hani Azzahra dan Ismedy Prasetya, mahasiswa smt 7 prodi Desain Komunikasi Visual Unversitas Negeri Malang yang juga pembaca toekang.web.id.</p>
<p>Dalam rangka tugas kuliah tentang penyusunan instrumen validasi&#038;ujicoba pada perancangan website, kami dituntut mencari pakar dalam bidangnya untuk mengkonsultasikan kriteria efektifitas dan efisiensi perancangan website pada pakar tersebut. Mengetahui keaktifan Pak Zam baik dalam artikel maupun tutorial desain web di toekang.web.id, kami memohon Pak Zam bersedia membantu kami dalam tugas ini. Kami juga memohon ijin mencantumkan identitas Pak Zam pada paper kami.</p>
<p>Berikut ini kriteria efektifitas dan efisiensi perancangan website yang telah kami rumuskan, kami mohon masukannya, berdasarkan pengetahuan dan pengalaman Pak Zam.</p>
<p>Terimakasih banyak sebelumnya.</p>
<p>Regards!</em></p>
<p><strong>KRITERIA EFEKTIFITAS DAN EFISIENSI PERANCANGAN WEBSITE</strong></p>
<p><strong>Kriteria Fungsional</strong></p>
<ol>
<li>Tujuan website. Setiap desain harus mempunyai tujuan yang jelas mengenai apa yang ingin diraih melalui website tersebut. Dengan tujuan yang jelas maka akan mudah menerapkan konsep dan gaya desain yang mendukung fungsi dan tujuan website tersebut.</li>
<li>Target audiens. Analisis tentang target audiens potensial dibutuhkan untuk mengetahui kepada siapa website ini berusaha untuk berkomunikasi. Mengidentifikasi target audiens sangat penting untuk menentukan konten dan rancangan yang sesuai.</li>
<li>Sitemap alur informasi. Sitemap merupakan bagian yang sangat vital, karena akan menjadi gambaran alur informasi yang jelas mengenai website. Sitemap berguna menentukan navigasi dan fitur yang di perlukan dan membuang fitur yang tidak efektif.</li>
<li>Konten dan copywriting. Konten dan copywriting menjadi hal yang krusial karena hal tersebut merupakan inti dari website tersebut. Pada akhirnya pengunjung akan mencari konten dan copywriting sebagai pendukung penyampaian konten dengan cara yang persuasif.</li>
<li>Kecepatan Akses. Kecepatan akses merupakan faktor ekonomis dalam perancangan website. Kecepatan akses. Ukuran file yang digunakan berkaitan erat dengan dengan kecepatan akses yang ditawarkan suatu website.</li>
</ol>
<p><strong>Kriteria Penampilan</strong></p>
<ol>
<li>Warna. Penerapan warna dalam perancangan website harus mempertimbangakan kesan psikologis, kenyamanan pada mata. Selain itu, warna juga berfungsi sebagai identitas dan ciri khas pemilik website tersebut. Warna harus disesuaikan dengan tujuan, target audience dan karakter website tersebut</li>
<li>Tipografi. Penerapan tipografi selain harus disesuaikan dengan tujuan, target audiens dan karakter website tersebut juga bermanfaat untuk membawa keteraturan dan meningkatkan keterbacaan. Hal-hal penting yang harus diperhatikan dalam tipografi web yang baik antara lain bentuk/jenis font, warna font, tingkat kontras, proporsi, bloking, sinergi bentuk dan konsistensi penulisan</li>
<li>Gambar. Gambar dapat berupa ilustrasi atau foto sebagai elemen yang membantu menjelaskan informasi. Gambar dapat digunakan sebagai pemanis, penyeimbang atau point of interest. Pemilihan gambar harus disesuaikan dengan keseluruhan tema, tujuan dan karakter website.</li>
<li>Animasi. Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.</li>
<li>Tanda-tanda semiotik. Pengaplikasian tanda-tanda semiotik dalam tombol atau sebuah link diharapkan pengunjing dapat dengan mudah dan cepat mengerti dengan melihat tanda-tanda tersebut.</li>
<li>Komposisi dan tata letak. Penataan letak yang tepat akan memudahkan website tersebut untuk dijelajahi, mudah dan cepat menemukan informasi yang dibutuhkan pengunjung. Penataan letak pada website harus bisa menuntun dan mengarahkan pengunjung ke sesuatu yang dinginkan oleh pemilik website, sehingga tujuan website dapat tersampaikan kepada pengunjung</li>
<li>Kemungkinan penerjemahan coding. Kemungkinan dan kemudahan penerjemahan coding harus menjadi pertimbangan dalam perancangan website. Perancangan yang sistematis, rapi dan teroganisir akan memudahkan penerjemahan rancangan tersebut ke dalam kode-kode. </li>
</ol>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/12/16/kriteria-efektifitas-dan-efisiensi-perancangan-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Satu Foto Profil / Avatar Utama untuk Personal Branding</title>
		<link>http://zam.web.id/2010/07/15/satu-gambar-profil-avatar-utama-untuk-personal-branding/</link>
		<comments>http://zam.web.id/2010/07/15/satu-gambar-profil-avatar-utama-untuk-personal-branding/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 16:35:51 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[adobe photoshop]]></category>
		<category><![CDATA[avatar]]></category>
		<category><![CDATA[favicon]]></category>
		<category><![CDATA[foto]]></category>
		<category><![CDATA[gravatar]]></category>
		<category><![CDATA[hitam putih]]></category>
		<category><![CDATA[profile picture]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[wajah]]></category>
		<category><![CDATA[warna]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=1259</guid>
		<description><![CDATA[Saya pernah menulis mengenai Avatar Untuk Personal Branding di blog ini dan Hal-hal yang Biasa Kita Lupakan dalam Membangun Personal Branding Online di Ruangfreelance. Ada beberapa poin yang saya sebutkan, dan salah satu poin utama adalah saran supaya kita memiliki &#8230; <a href="http://zam.web.id/2010/07/15/satu-gambar-profil-avatar-utama-untuk-personal-branding/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Saya pernah menulis mengenai <a href="http://zam.web.id/2009/04/04/jangan-gonta-ganti-avatar/">Avatar Untuk Personal Branding</a> di blog ini dan <a href="http://www.ruangfreelance.com/2009/07/19/hal-hal-yang-biasa-kita-lupakan-dalam-membangun-personal-branding-online/">Hal-hal yang Biasa Kita Lupakan dalam Membangun Personal Branding Online</a> di Ruangfreelance. Ada beberapa poin yang saya sebutkan, dan salah satu poin utama adalah saran supaya kita memiliki satu avatar utama, yang kita pakai lebih sering. Meskipun kita sering ganti avatar (profile picture) tetapi kita harus memiliki satu avatar khusus yang kita pakai secara berulang-ulang.</p>
<p>Alasan utamanya adalah berkenaan dengan personal branding online, semakin lama dan semakin konsisten kita menggunakan avatar yang sama di berbagai layanan Web 2.0 ini, semakin mudah kita dikenali di internet. karena belum tentu kita bisa menggunakan &#8220;nama id&#8221; (username) yang sama.</p>
<p>Sebagai contoh, berikut adalah avatar utama saya, dan beberapa alternatif hasil modifikasi mengikuti tema tertentu:</p>
<ol>
<li><img class="alignleft size-thumbnail wp-image-1261" title="avatar zam wajan" src="http://zam.web.id/wp-content/uploads/2010/07/zam128.jpg" alt="avatar zam wajan" width="150" height="150" /> ini adalah foto asli yang dimanipulasi pencahayaan di Adobe Photoshop, foto diambil sekitar tahun 2005 saat saya masih kuliah, yang mengambil foto adalah istri saya, menggunakan kamera saku  digital (IXUS EX-Z3). ceritanya saat saya pulang kerja, pakai kemeja biru dan topi pet hitam. Setting-nya di pintu dapur, tampak terlihat beberapa alat masak digantung :) (panci dan wajan).</li>
<p><span id="more-1259"></span></p>
<li><img class="alignleft size-thumbnail wp-image-1265" title="zam avatar merah putih" src="http://zam.web.id/wp-content/uploads/2010/07/zam-merah-putih-150x150.jpg" alt="zam avatar merah putih" width="150" height="150" /> Foto yang sama seperti di atas, dimanipulasi dengan menghilangkan background, mengganti dengan warna merah-putih, dan mengganti warna foto menjadi hitam putih. Avatar ini saya gunakan pada saat ramai di twitter kampanye &#8220;kami tidak takut&#8221; oleh hashtags #IndonesiaUnite, saat itu hampir semua anak indonesia mengganti avatarnya bertema merah putih </li>
<p></p>
<li><img class="alignleft size-thumbnail wp-image-1266" title="zam avatar batik" src="http://zam.web.id/wp-content/uploads/2010/07/zambatik-150x150.jpg" alt="zam avatar batik" width="150" height="150" /> Foto yang digunakan juga masih sama, kali ini dimanipulasi menggunakan Adobe Photoshop dengan menghilangkan background (gambar wajan) mengganti dengan gambar texture batik indonesia, kemudian menghilangkan warna baju dan menggantinya dengan pola batik seperti pada background, agar terlihat seolah-olah memakai baju batik :). Avatar ini saya pakai saat ramai kampanye pengukuhan batik tulis Indonesia oleh Unesco</li>
<p></p>
<li><img class="alignleft size-thumbnail wp-image-1267" title="avatar zam hitam putih" src="http://zam.web.id/wp-content/uploads/2010/07/avatarzambw-150x150.jpg" alt="avatar zam hitam putih" width="150" height="150" /> Masih menggunakan foto yang sama, dan manipulasi sederhana dengan menghilangkan background (karena masukan dan komentar dari beberapa teman), dan mengubah warna foto menjadi hitam putih. Avatar ini saya pilih sebagai avatar utama saat ini, di <a href="http://twitter.com/pakzam">twitter</a>, <a href="http://www.linkedin.com/in/zamdesign/">linkedin</a>, di <a href="http://zam.web.id">blog</a> ini, di skype, di YM, di gTalk, di <a href="http://zamdesign.web.id">web portfolio</a>, dll. alasannya karena warna hitam putih netral di berbagai aplikasi.</li>
</ol>
<p>Mungkin tidak mudah memilih satu foto khusus untuk kita jadikan avatar utama :) tetapi apa salahnya mencoba? Tidak setuju dengan tulisan ini? silahkan mengisi form komentar :)</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/07/15/satu-gambar-profil-avatar-utama-untuk-personal-branding/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Karakter Baru Toekangweb</title>
		<link>http://zam.web.id/2010/07/09/karakter-baru-toekangweb/</link>
		<comments>http://zam.web.id/2010/07/09/karakter-baru-toekangweb/#comments</comments>
		<pubDate>Thu, 08 Jul 2010 18:32:57 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[project & portfolio]]></category>
		<category><![CDATA[ilustrasi]]></category>
		<category><![CDATA[karakter]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[maskot]]></category>
		<category><![CDATA[syarip yunus]]></category>
		<category><![CDATA[toekangweb]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=1210</guid>
		<description><![CDATA[Toekangweb, akhirnya memiliki karakter baru, asli buatan Syarip Yunus. Mengenai latar belakang dan alasan pemilihan karakter silahkan baca di blog terkait. Postingan disini hanya penjelasan visual seadanya :) sebagai berikut: Karakter Awal karakter awal mengambil dari tokoh kartun anak-anak berjudul &#8230; <a href="http://zam.web.id/2010/07/09/karakter-baru-toekangweb/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://toekang.web.id">Toekangweb</a>, akhirnya memiliki karakter baru, asli buatan <a href="http://cargocollective.com/syinaction">Syarip Yunus</a>. Mengenai latar belakang dan alasan pemilihan karakter <a href="http://toekang.web.id/karakter/">silahkan baca di blog terkait</a>. Postingan disini hanya penjelasan visual seadanya :) sebagai berikut: </p>
<p><strong>Karakter Awal</strong><br />
karakter awal mengambil dari tokoh kartun anak-anak berjudul &#8220;<a href="http://www.bobthebuilder.com/">Bob The Builder</a>&#8220;, karakter pas dengan nama &#8220;toekangweb&#8221;, gambaran seorang tukang bangunan yang cute. karakter ini dipakai sementara saja, karena kuatir nanti bisa berhadapan dengan hak cipta :)<br />
<div class="wp-caption aligncenter" style="width: 270px"><a href="http://toekang.web.id/about/"><img alt="Bob Builder, karakter toekangweb lama" src="http://toekang.web.id/wp-content/uploads/2010/04/boblama.jpg" title="karakter toekangweb lama" width="260" height="395" /></a><p class="wp-caption-text">Bob Builder, karakter toekangweb lama</p></div><span id="more-1210"></span></p>
<p><strong>Web Awal</strong><br />
menggunakan free wordpress theme <a href="http://www.allancole.com/wordpress/themes/neutica">neutica</a>,  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.<br />
<div id="attachment_1213" class="wp-caption aligncenter" style="width: 470px"><a href="http://toekang.web.id"><img src="http://zam.web.id/wp-content/uploads/2010/07/toekangweb_lama.gif" alt="halaman toekangweb awal" title="toekangweb_lama" width="460" height="317" class="size-full wp-image-1213" /></a><p class="wp-caption-text">halaman toekangweb awal</p></div></p>
<p><strong>Pembuatan Karakter</strong><br />
Dari hanya kata kunci &#8220;tukang bangunan&#8221;, <a href="http://twitter.com/syinaction">Syarip</a> 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.<br />
<div class="wp-caption aligncenter" style="width: 358px"><img alt="draft karakter toekangweb oleh Syarip Yunus" src="http://toekang.web.id/wp-content/uploads/2010/07/toekangweb_by_syarip2.jpg" title="draft karakter toekangweb " width="348" height="396" /><p class="wp-caption-text">draft karakter toekangweb oleh Syarip Yunus</p></div></p>
<p><strong>Karakter Sekarang</strong><br />
Terlihat begitu bagus, lebih dari yang dibayangkan. melihat senyum wajahnya, karakter ini seperti bercerita: &#8220;saya puas bisa menyelesaikan tugas&#8221; atau bisa pula berarti &#8220;saya akan bekerja dengan penuh semangat&#8221;.<br />
<div class="wp-caption aligncenter" style="width: 390px"><a href="http://toekang.web.id/karakter/"><img alt="karakter toekangweb baru buatan Syarip Yunus" src="http://toekang.web.id/wp-content/uploads/2010/07/syinaction2.jpg" title="karakter toekangweb baru buatan Syarip Yunus" width="380" height="503" /></a><p class="wp-caption-text">karakter toekangweb baru buatan Syarip Yunus</p></div></p>
<p><strong>Web Sekarang</strong><br />
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.<br />
<div id="attachment_1214" class="wp-caption aligncenter" style="width: 470px"><a href="http://toekang.web.id"><img src="http://zam.web.id/wp-content/uploads/2010/07/toekangweb_baru.gif" alt="toekangweb kini" title="toekangweb_baru" width="460" height="317" class="size-full wp-image-1214" /></a><p class="wp-caption-text">toekangweb kini</p></div> Rencananya theme ini akan diganti baru buatan sendiri, namun sambil menunggu semestinya juga mulai memperhatikan untuk lebih rutin menambah konten :) karena konten itu penting, apalagi sudah memiliki karakter baru :)</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/07/09/karakter-baru-toekangweb/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Empat Akun Twitter Saya</title>
		<link>http://zam.web.id/2010/06/25/empat-akun-twitter-saya/</link>
		<comments>http://zam.web.id/2010/06/25/empat-akun-twitter-saya/#comments</comments>
		<pubDate>Fri, 25 Jun 2010 15:03:10 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[pakzam]]></category>
		<category><![CDATA[toekangweb]]></category>
		<category><![CDATA[tookangweb]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[zamdesign]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=1181</guid>
		<description><![CDATA[(1) @zamdesign since: 22 Juni 2008 &#124; following: 321 &#124; follower: 686 &#124; listed: 72 &#124; tweets: 1,602 keterangan: Awalnya saya hanya punya satu akun twitter ini, dulu isinya bebas, untuk aktifitas personal, maupun untuk branding, namun akhirnya saya ingin &#8230; <a href="http://zam.web.id/2010/06/25/empat-akun-twitter-saya/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>(1) <a href="http://twitter.com/zamdesign">@zamdesign</a><br />
<small><strong>since:</strong> 22 Juni 2008 | <strong>following:</strong> 321<strong> | follower: </strong>686<strong> | listed:</strong> 72 | <strong>tweets:</strong> 1,602</small><br />
<img src="http://zam.web.id/wp-content/uploads/2010/06/twit_zamdesign.gif" alt="twit_zamdesign" title="twit_zamdesign" width="450" height="310" class="aligncenter size-full wp-image-1184" /><br />
<strong>keterangan: </strong>Awalnya saya hanya punya satu akun twitter ini, dulu isinya bebas, untuk aktifitas personal, maupun untuk branding, namun akhirnya saya ingin mengubah akun ini hanya untuk branding &#8220;zamdesign&#8221;, mewakili web <a href="http://zamdesign.web.id">http://zamdesign.web.id</a>, sejak saat itu agak aneh jika menggunakan bahasa Indonesia, karena kebetulan banyak follower orang-orang bule, jadi sekalian akun tersebut saya buat khusus untuk branding nama &#8220;zamdesign&#8221; dalam bahasa inggris<span id="more-1181"></span></p>
<p>(2) <a href="http://twitter.com/pakzam">@pakzam</a><br />
<small><strong>since:</strong> 11 Desember 2009 | <strong>following:</strong> 200 | <strong>follower:</strong> 325 | <strong>listed:</strong> 42 | <strong>tweets:</strong> 1,475</small><br />
<img src="http://zam.web.id/wp-content/uploads/2010/06/twit_pakzam.gif" alt="twit_pakzam" title="twit_pakzam" width="450" height="310" class="aligncenter size-full wp-image-1185" /><br />
<strong>keterangan: </strong>sekarang, ini adalah akun utama saya, kicauan dari akun ini saya tampilkan di web <a href="http://zam.web.id">http://zam.web.id</a>, akun ini untuk kepentingan personal, tema yang dibicarakan lebih bebas, tidak hanya masalah web desain, tapi juga soal pengalaman kecil sehari-hari dan untuk bertegur sapa dengan teman-teman online, terutama dari Indonesia (menggunakan bahasa Indonesia)</p>
<p>(3) <a href="http://twitter.com/toekangweb">@toekangweb</a><br />
<small><strong>since:</strong> 27 Desember 2009 | <strong>following:</strong> 58<strong> | follower: </strong>89<strong> | listed:</strong> 9 | <strong>tweets:</strong> 66</small><br />
<img src="http://zam.web.id/wp-content/uploads/2010/06/twit_toekangweb.gif" alt="twit_toekangweb" title="twit_toekangweb" width="450" height="310" class="aligncenter size-full wp-image-1186" /><br />
<strong>keterangan: </strong>akun ini mewakili weblog <a href="http://toekang.web.id">http://toekang.web.id</a>, blog yang membahas seputar pekerja web Indonesia, profil mereka dan karya-karyanya. akun ini menggunakan bahasa Indonesia. diusahakan hanya follow akun yang berhubungan dengan pekerja web indonesia, mulai dari freelancer lokal, startup lokal, blog lokal, dan sebagainya</p>
<p>(4) <a href="http://twitter.com/tookangweb">@tookangweb</a><br />
<small><strong>since:</strong> 17 Maret 2010 | <strong>following:</strong> 66<strong> | follower: </strong>22<strong> | listed:</strong> 1 | <strong>tweets:</strong> 55</small><br />
<img src="http://zam.web.id/wp-content/uploads/2010/06/twit_tookangweb.gif" alt="twit_tookangweb" title="twit_tookangweb" width="450" height="310" class="aligncenter size-full wp-image-1187" /><br />
<strong>keterangan: </strong> akun ini saya buat tiga bulan sebelum peluncuran web <a href="http://tookangweb.com">http://tookangweb.com</a>, akun ini memang sudah dipersiapkan untuk web tersebut, sebagai media publikasi, branding sekaligus komunikasi dari web tookangweb, penyedia wordpress theme gratis. Tema yang dipilih adalah &#8220;wordpress&#8221;, karena itu tiap post diusahakan berhubungan dengan wordpress, juga diusahakan hanya follow akun yang berhubungan dengan wordpress (berbahasa inggris)</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/06/25/empat-akun-twitter-saya/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Memperkenalkan Tookangweb.com</title>
		<link>http://zam.web.id/2010/06/18/memperkenalkan-tookangweb-com/</link>
		<comments>http://zam.web.id/2010/06/18/memperkenalkan-tookangweb-com/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 05:52:02 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[project & portfolio]]></category>
		<category><![CDATA[sharing]]></category>
		<category><![CDATA[free wordpress theme]]></category>
		<category><![CDATA[gratis]]></category>
		<category><![CDATA[tookangweb]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress theme]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=1168</guid>
		<description><![CDATA[Ada beberapa teman yang bingung saat saya posting soal release Tookangweb kemarin, karena sebelumnya saya sudah mengeluarkan blog dengan nama Toekangweb. Namanya memang mirip, coba diperhatikan yang satu menggunakan &#8220;Toe&#8221; sedangkan satunya &#8220;Too&#8221;. kalau Toekangweb adalah blog dengan tema seputar &#8230; <a href="http://zam.web.id/2010/06/18/memperkenalkan-tookangweb-com/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ada beberapa teman yang bingung saat saya posting soal release <a href="http://tookangweb.com/2010/06/15/hello-world/">Tookangweb</a> kemarin, karena sebelumnya saya sudah mengeluarkan blog dengan nama <a href="http://toekang.web.id/">Toekangweb</a>. Namanya memang mirip, coba diperhatikan yang satu menggunakan <strong>&#8220;Toe&#8221;</strong> sedangkan satunya <strong>&#8220;Too&#8221;</strong>. kalau <strong>Toekangweb</strong> adalah blog dengan tema seputar <a href="http://toekang.web.id/about/">Pekerja web Indonesia</a>, sedangkan<strong> Tookangweb</strong> adalah web <a href="http://tookangweb.com/about/">penyedia WordPress Theme Gratis</a></p>
<p><div class="wp-caption aligncenter" style="width: 470px"><img alt="Pertamax! WordPress theme Gratis pertama dari Tookangweb" src="http://tookangweb.com/wp-content/uploads/2010/06/tookangweb_pertamax.gif" title="Tookangweb Pertamax" width="460" height="317" /><p class="wp-caption-text">Pertamax! WordPress theme Gratis pertama dari Tookangweb</p></div><span id="more-1168"></span></p>
<p>Sudah lama saya ingin mengikuti jejak kesuksesan teman-teman <a href="http://zamdesign.wordpress.com/2008/11/18/50-free-wordpress-themes-buatan-blogger-indonesia/">web desainer Indonesia</a> dengan membuat theme <a href="http://wordpress.org">WordPress</a>, daripada hanya berangan-angan lebih baik lakukan saja sebelum terlambat, ini pertama kalinya saya punya domain dotcom (biasanya langgganan web.id). meskipun saya belum expert dengan WordPress tetapi saya berniat untuk membuat apa yang saya bisa.</p>
<p>WordPress theme gratis pertama yang saya bagi bernama <a href="http://tookangweb.com/2010/06/17/pertamax-tookangweb-1st-free-wordpress-theme/">Pertamax!</a>, theme organik dibuat dari framework <a href="http://www.plaintxt.org/themes/sandbox/">sandbox</a>, demonya bisa <a href="http://demo.tookangweb.com/?themedemo=pertamax">dilihat</a>, dan filenya juga sudah bisa <a href="http://tookangweb.com/wp-content/plugins/download-monitor/download.php?id=1">diunduh</a>, semoga bisa diterima :)</p>
<p><img alt="" src="http://tookangweb.com/wp-content/uploads/2010/06/helloworld.jpg" title="tookangweb" class="aligncenter" width="480" /></p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/06/18/memperkenalkan-tookangweb-com/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Perlukah kita membuat lebih dari satu akun twitter ?</title>
		<link>http://zam.web.id/2010/05/28/perlukah-kita-membuat-lebih-dari-satu-akun-twitter/</link>
		<comments>http://zam.web.id/2010/05/28/perlukah-kita-membuat-lebih-dari-satu-akun-twitter/#comments</comments>
		<pubDate>Fri, 28 May 2010 06:31:08 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=982</guid>
		<description><![CDATA[Twitter hari ini sudah menjadi kebutuhan penting, sebagian orang menulis id twitter di kartunama, sama pentingnya dengan menulis alamat e-mail atau website, berburu id twitter sesuai dengan yang kita inginkan juga bukan hal yang mudah, seperti sulitnya berburu domain dotcom. &#8230; <a href="http://zam.web.id/2010/05/28/perlukah-kita-membuat-lebih-dari-satu-akun-twitter/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://careertrend.files.wordpress.com/2010/03/tweeties_free_twitter_icons1.jpg"><img alt="" src="http://careertrend.files.wordpress.com/2010/03/tweeties_free_twitter_icons1.jpg" class="aligncenter" width="460"  /></a><br />
Twitter hari ini sudah menjadi kebutuhan penting, sebagian orang menulis id twitter di kartunama, sama pentingnya dengan menulis alamat e-mail atau website, berburu id twitter sesuai dengan yang kita inginkan juga bukan hal yang mudah, seperti sulitnya berburu domain dotcom. </p>
<p>Karena berbagai macam kebutuhan, tidak jarang satu orang memiliki lebih dari satu akun twitter. Mereka pasti memiliki alasan masing-masing. Berikut mungkin beberapa alasan untuk apa membuat banyak akun twitter:</p>
<ol>
<li><strong>Karena berganti nama id twitter</strong><br />
<em>contoh:</em> @<a href="http://twitter.com/monikahalim">monikahalim</a> mengantikan nama @<a href="http://twitter.com/halomomo">halomomo</a><br />
@<a href="http://twitter.com/odian">oDian</a> menggantikan nama @<a href="http://twitter.com/dianarakeren">dianarakeren</a><br />
sekarang mereka memakai nama baru, tetapi nama yang lama tidak dihapus, hanya ditutup dan diberi keterangan sudah ganti nama
</li>
<p></p>
<li><strong>twitter khusus untuk web/blog</strong><br />
<em>contoh:</em> @<a href="http://twitter.com/jurusgrafis">jurusgrafis</a> buatan @<a href="http://twitter.com/madeforyou">madeforyou</a><br />
@<a href="http://twitter.com/cmsthemenet">cmsthemenet</a> buatan @<a href="http://twitter.com/andrayogi">andrayogi</a><br />
@<a href="http://twitter.com/wpgpl">wpgpl</a> buatan @<a href="http://twitter.com/jauhari">jauhari</a><br />
@<a href="http://twitter.com/tokokoo">tokokoo</a> buatan @<a href="http://twitter.com/icreativelabs">icreativelabs</a><br />
nama-nama twitter diatas dibuat khusus untuk web atau blog yang di dikelola sendiri diluar nama twitter personal yang mereka miliki
</li>
<p></p>
<li><strong>2 twitter untuk 2 bahasa</strong><br />
<em>contoh:</em>@<a href="http://twitter.com/aulia">aulia</a> menggunakan bahasa inggris dan @<a href="http://twitter.com/auliamasna">auliamasna</a> menggunakan bahasa indonesia<br />
@<a href="http://twitter.com/hafizrahman">hafizrahman</a> menggunakan bahasa inggris dan @<a href="http://twitter.com/hfz">hfz</a> menggunakan bahasa indonesia<br />
dua akun twitter masing-masing dimiliki oleh satu orang yang sama dengan tujuan berbeda dan menggunakan bahasa  berbeda
</li>
<p><span id="more-982"></span></p>
<li><strong>Akun twitter untuk proyek eksperimen (uji coba)</strong><br />
<em>contoh:</em>  @<a href="http://twitter.com/ibnutri">ibnutri</a> memiliki piaraan twitter antara lain: @<a href="http://twitter.com/jam_gadang">jam_gadang</a>, @<a href="http://twitter.com/sholat_yuk">sholat_yuk</a>, @<a href="http://twitter.com/wiki_bot">wiki_bot</a>, @<a href="http://twitter.com/digg_bot">digg_bot</a> dll<br />
semua <a href="http://twitter.com/ibnutri/piaraan">piaran</a> tersebut dikelola oleh satu orang untuk melakukan eksperimen twitter API, tidak jarang @<a href="http://twitter.com/ibnutri">ibnutri</a> membuat aplikasi twitter sesuai permintaan klien (kebutuhan pekerjaan)
</li>
<p></p>
<li><strong>Akun twitter tidak jelas (anonim)</strong><br />
<em>contoh:</em> @<a href="http://twitter.com/melati_idol">melati_idol</a> dan banyak <a href="http://twitter.com/Tuyulcutez/ghost">twitter hantu</a> yang lain<br />
entah siapa yang membuat akun twitter tersebut, namun ada kemungkinan pemilik akun tersebut juga memiliki akun twitter pribadi, karena terlihat sudah perpengalaman memakai twitter.
</li>
<p></p>
<li><strong>Akun twitter karena hashtags atau trending topic</strong><br />
<em>contoh:</em> @<a href="http://twitter.com/alasanbuatputus">alasanbuatputus</a> dibuat dari hashtags #alasabuatputus<br />
@<a href="http://twitter.com/jamansd">jamansd</a> dibuat dari hashtags #jamansd<br />
kalau tidak salah @jamansd dibuat setelah hashtags #jamansd menjadi trending topic, begitu pula untuk @alasanbuatputus dibuat setelah #alasanbuatputus menjadi trending topic.<br />
sama dengan no.5 ada kemungkinan pemilik akun tersebut juga memiliki akun twitter pribadi, karena terlihat sudah perpengalaman memakai twitter.
</li>
</ol>
<p>Lalu apakah perlu kita membuat lebih dari satu akun twitter? kalau kita memang perlu dan bisa memelihara (update secara berkala) kenapa tidak?</p>
<p>Dan dua akun twitter atau lebih milik kita, tidak harus memiliki follow yang sama, beda akun twitter seharusnya juga beda timeline, kalau sama saja buat apa kita punya akun banyak? :)</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/05/28/perlukah-kita-membuat-lebih-dari-satu-akun-twitter/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Wajah Baru Web Portfolio: zamdesign</title>
		<link>http://zam.web.id/2010/05/01/wajah-baru-web-portfolio-zamdesign/</link>
		<comments>http://zam.web.id/2010/05/01/wajah-baru-web-portfolio-zamdesign/#comments</comments>
		<pubDate>Sat, 01 May 2010 16:36:51 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[project & portfolio]]></category>
		<category><![CDATA[ganti kulit]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[Redesain]]></category>
		<category><![CDATA[zamdesign]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=895</guid>
		<description><![CDATA[Bersamaan dengan berakhirnya masa berlaku domain zamdesign.web.id kemarin dan setelah mengurus perpanjangan domain, membuat saya ingin sekalian merubah tampilan web tersebut. Saya sudah bosan dengan tampilan web yang lama, terkesan masih &#8220;kurang mengena&#8221;, warnanya hitam, kurang rapi, ada satu paragraf &#8230; <a href="http://zam.web.id/2010/05/01/wajah-baru-web-portfolio-zamdesign/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Bersamaan dengan berakhirnya masa berlaku domain<a href="http://zamdesign.web.id"> zamdesign.web.id</a> kemarin dan setelah mengurus perpanjangan domain,  membuat saya ingin sekalian merubah tampilan web tersebut.</p>
<p>Saya sudah bosan dengan tampilan web yang lama, terkesan masih &#8220;kurang mengena&#8221;, warnanya hitam, kurang rapi, ada satu paragraf text profil sebagai header, ditambah 3 paragraf text masing-masing untuk menjalaskan &#8220;service&#8221;, rasanya masih terlalu berbelit-belit dan banyak basa-basi. apalagi kemampuan bahasa inggris yang masih &#8220;acak-kadul&#8221;, 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.</p>
<div id="attachment_902" class="wp-caption aligncenter" style="width: 470px"><img class="size-full wp-image-902" title="old_zamdesign" src="http://zam.web.id/wp-content/uploads/2010/05/old_zamdesign.jpg" alt="wajah lama zamdesign.web.id" width="460" height="456" /><p class="wp-caption-text">wajah lama zamdesign.web.id</p></div>
<p><span id="more-895"></span><br />
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 &#8220;lebih mengena&#8221; (kepada sasaran).</p>
<p><strong>logo:</strong> 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 &#8220;Gill Sans MT Regular&#8221;. 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)</p>
<p><strong>tagline:</strong> &#8220;Hallo! i am zam, i work at icreativelabs&#8221;, 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.</p>
<div id="attachment_903" class="wp-caption aligncenter" style="width: 470px"><img class="size-full wp-image-903" title="new_zamdesign" src="http://zam.web.id/wp-content/uploads/2010/05/new_zamdesign.jpg" alt="wajah baru zamdesign.web.id" width="460" height="660" /><p class="wp-caption-text">wajah baru zamdesign.web.id</p></div>
<p><strong>slideshow:</strong> 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.</p>
<p><strong>spesialisasi:</strong> dibagi dua: spesialisasi utama (PNG to XHTML/CSS) dan beberapa spesialisasi kedua</p>
<p><strong>skrinsut:</strong> 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.</p>
<p><strong>footer:</strong> mulai dari update twitter sampai ke bawah, di dominasi oleh text dan mengurangi gambar, karena konten di atas footer sudah cukup &#8220;berat&#8221; (banyak gambar), dibutuhkan penyeimbang agar bagian bawah bisa &#8220;membuat ringan&#8221; (secara visual) dengan memperbanyak text, megikuti kolom di atas nya dan memberi batas garis 1 pixel horizontal agar terkesan &#8220;grid&#8221;. dan gambar burung origami sekarang jadi kecil (pojok kanan bawah) menyesuaikan dengan space, karena tidak mungkin dihilangkan sebagai &#8220;branding&#8221;.</p>
<p>Saya kurang percaya diri kalau ini disebut &#8220;redesain&#8221; karena tampilan nya sangat minimalis dan sederhana, mungkin lebih enak pakai istilah &#8220;ganti wajah&#8221; itu saja :D</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2010/05/01/wajah-baru-web-portfolio-zamdesign/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Mari Membangun Branding Layanan Jasa / Produk Kita di Internet!</title>
		<link>http://zam.web.id/2009/11/01/mari-membuat-branding-layanan-jasa-produk-kita-di-internet/</link>
		<comments>http://zam.web.id/2009/11/01/mari-membuat-branding-layanan-jasa-produk-kita-di-internet/#comments</comments>
		<pubDate>Sun, 01 Nov 2009 10:27:25 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[online personal branding]]></category>
		<category><![CDATA[zamdesign]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=663</guid>
		<description><![CDATA[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 &#8230; <a href="http://zam.web.id/2009/11/01/mari-membuat-branding-layanan-jasa-produk-kita-di-internet/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>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.</p>
<div id="attachment_681" class="wp-caption aligncenter" style="width: 370px"><a href="http://zamdesign.web.id"><img class="size-full wp-image-681" title="branding resmi zamdesign" src="http://zam.web.id/wp-content/uploads/2009/11/big_avatar.gif" alt="branding resmi zamdesign" width="360" height="360" /></a><p class="wp-caption-text">branding resmi zamdesign</p></div>
<p>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.<span id="more-663"></span></p>
<p>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.</p>
<p>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?</p>
<p>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:</p>
<div id="attachment_665" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-665" title="kartunama zamdesign" src="http://zam.web.id/wp-content/uploads/2009/11/zd2.gif" alt="kartunama zamdesign" width="450" height="275" /><p class="wp-caption-text">kartunama zamdesign</p></div>
<div id="attachment_666" class="wp-caption aligncenter" style="width: 460px"><a href="http://zamdesign.web.id"><img class="size-full wp-image-666 " title="tampilan website zamdesign.web.id" src="http://zam.web.id/wp-content/uploads/2009/11/zd1.jpg" alt="tampilan website zamdesign.web.id" width="450" height="594" /></a><p class="wp-caption-text">tampilan website zamdesign.web.id</p></div>
<div id="attachment_667" class="wp-caption aligncenter" style="width: 460px"><a href="http://zamdesign.tumblr.com"><img class="size-full wp-image-667" title="tampilan zamdesign.tumblr.com" src="http://zam.web.id/wp-content/uploads/2009/11/zd6.jpg" alt="tampilan zamdesign.tumblr.com" width="450" height="384" /></a><p class="wp-caption-text">tampilan zamdesign.tumblr.com</p></div>
<div id="attachment_668" class="wp-caption aligncenter" style="width: 460px"><a href="http://plurk.com/zam"><img class="size-full wp-image-668" title="branding zamdesign di plurk.com/zam" src="http://zam.web.id/wp-content/uploads/2009/11/zd4.jpg" alt="branding zamdesign di plurk.com/zam" width="450" height="252" /></a><p class="wp-caption-text">branding zamdesign di plurk.com/zam</p></div>
<div id="attachment_669" class="wp-caption aligncenter" style="width: 460px"><a href="http://zamdesign.wordpress.com"><img class="size-full wp-image-669" title="tampilan zamdesign.wordpress.com" src="http://zam.web.id/wp-content/uploads/2009/11/zd2.jpg" alt="tampilan zamdesign.wordpress.com" width="450" height="269" /></a><p class="wp-caption-text">tampilan zamdesign.wordpress.com</p></div>
<div id="attachment_670" class="wp-caption aligncenter" style="width: 460px"><a href="http://twitter.com/zamdesign"><img class="size-full wp-image-670" title="tampilan twitter.com/zamdesign" src="http://zam.web.id/wp-content/uploads/2009/11/zd3.jpg" alt="tampilan twitter.com/zamdesign" width="450" height="265" /></a><p class="wp-caption-text">tampilan twitter.com/zamdesign</p></div>
<div id="attachment_671" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.facebook.com/pages/zamdesign/225262240187"><img class="size-full wp-image-671" title="zamdesign di facebook page" src="http://zam.web.id/wp-content/uploads/2009/11/zd5.jpg" alt="zamdesign di facebook page" width="450" height="269" /></a><p class="wp-caption-text">zamdesign di facebook page</p></div>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2009/11/01/mari-membuat-branding-layanan-jasa-produk-kita-di-internet/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Arti Online Personal Branding dengan Pendekatan Teori Branding Sakti Makki</title>
		<link>http://zam.web.id/2009/05/12/arti-online-personal-branding-dengan-pendekatan-teori-branding-sakti-makki/</link>
		<comments>http://zam.web.id/2009/05/12/arti-online-personal-branding-dengan-pendekatan-teori-branding-sakti-makki/#comments</comments>
		<pubDate>Tue, 12 May 2009 16:54:15 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[ide]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[jejaring sosial]]></category>
		<category><![CDATA[makki makki]]></category>
		<category><![CDATA[online branding]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[sakti makki]]></category>
		<category><![CDATA[self-branding]]></category>
		<category><![CDATA[social networking]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=84</guid>
		<description><![CDATA[Beberapa postingan saya sebelumnya telah menyinggung soal &#8220;Branding&#8220;, tetapi saya belum pernah membahas definisi &#8220;Branding&#8221; itu sendiri. Kali ini saya mencoba menguraikan sedikit tentang &#8220;online personal branding&#8221; dengan berangkat dari Teori &#8220;Branding&#8221; menurut Sakti Makki, kutipan2 disini adalah hasil interview &#8230; <a href="http://zam.web.id/2009/05/12/arti-online-personal-branding-dengan-pendekatan-teori-branding-sakti-makki/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><span class="cap">B</span>eberapa <a href="http://zam.web.id/2009/04/04/jangan-gonta-ganti-avatar/">postingan</a> saya <a href="http://zam.web.id/2009/04/20/update-status-microblogging-untuk-personal-branding/">sebelumnya </a>telah menyinggung soal &#8220;<a href="http://zam.web.id/tag/branding/">Branding</a>&#8220;, tetapi saya belum pernah membahas definisi &#8220;Branding&#8221; itu sendiri. Kali ini saya mencoba menguraikan sedikit tentang &#8220;online personal branding&#8221; dengan berangkat dari Teori &#8220;Branding&#8221; menurut <a href="http://desaingrafisindonesia.wordpress.com/2007/04/22/sakti-makki-bsc/">Sakti Makki</a>, kutipan2 disini adalah <a href="http://www.designer-republic.com/2008/07/fashion-branding-1.html">hasil</a> interview <a href="http://www.conceptmagz.com/">Concept Magz</a> dengan <a href="http://www.linkedin.com/pub/dir/sakti/makki,%20bsc">Sakti Makki </a>dari <a href="http://makkimakki.com/">Makki Makki</a> Branding Consultant.</p>
<blockquote><p>Menurut Sakti Makki, Branding bukan desain, bukan aplikasi, bukan visi, bukan objek, tapi sebuah proses. Dalam definisi pakar branding ini, branding sangat dinamis. Kalau dalam Matematika 2+3+4 = 9 , di branding 2+3+4 bisa saja 576.</p></blockquote>
<p>Ketika mendengar istilah &#8220;branding&#8221; seringkali yang muncul di benak kita bahwa yang disebut dengan branding itu adalah: desain, slogan, logo, merk, iklan, tagline, dll. Padahal esensi sebenarnya bukanlah itu, Semua itu hanyalah merupakan bagian dari objek, bentuk, cara dari proses branding. Jadi, branding adalah sebuah proses memperkenalkan &#8220;brand&#8221; sampai bagaimana lingkungan memberikan penilaian pada &#8220;brand&#8221; tersebut.</p>
<div class="wp-caption aligncenter" style="width: 430px"><img title="by Philippe Boukobza" src="http://farm4.static.flickr.com/3369/3408070830_002971a973.jpg" alt="by Philippe Boukobza" width="420" height="299" /><p class="wp-caption-text">by Philippe Boukobza</p></div>
<p>Jika kita ganti istilah &#8220;brand&#8221; dengan istilah &#8220;personal&#8221;, maka dapat ditarik kesimpulan sementara bahwa definisi sederhana &#8220;Online Personal Branding&#8221; adalah: Sebuah proses memperkenalkan diri sendiri di media online (jejaring sosial, forum, blog, mikro blog, dll) sampai lingkungan masyarakat online memberikan persepsi/penilaian khusus mengenai diri kita.</p>
<blockquote><p>“Brand and Branding merupakan satu kesatuan yang tak bisa dipisahkan. Tidak bisa bicara Branding kalau tak ada Brand. Jadi pertanyaannya, branding ini dikategorikan sebagai kata benda atau sebagai kata kerja. Brand menurut kami kata benda, bahasa Inggrisnya <strong>It</strong>, sedangkan branding adalah segala sesuatu yang berkaitan dengan brand yang sifatnya aktif. Proses Branding terdiri dari tiga hal : Behaviour, Expression dan Communication”</p></blockquote>
<p><span id="more-84"></span>Jika proses branding terdiri dari tiga hal diatas, maka proses online personal branding kira-kira adalah seperti ini:</p>
<ol>
<li>Behaviour (attitude / tingkah laku / perilaku / kepribadian), segala sesuatu yang berhubungan dengan proses pembentukan dan pengenalan kepribadian kita di media online, misalnya bisa melalui postingan blog sendiri atau sekedar ikut memberi balasan, menyumbang pemikiran dari postingan blog orang lain.</li>
<li>Expression (ungkapan / perasaan / ekspresi), segala sesuatu yang berhubungan dengan emosi kita, bagaimana perasaan kita atas masalah-masalah yang sedang kita hadapi atau bagaimana perasaan kita atas peristiwa yang terjadi di lingkungan kita. misalnya hal ini mudah kita temui di beberapa status update, dalam postingan-postingan singkat mikro blog terlihat berbagai macam ungkapan / perasaan blogger: mulai dari harapan, pujian, doa, sampai kegelisahan, amarah dan umpatan.</li>
<li>Communication (komunikasi), jika telah terjadi respon, komentar, atau balasan dari dua hal yang telah kita lakukan diatas, contoh sederhananya seperti komentar dari postingan status update atau blog yang telah kita buat.</li>
</ol>
<p>Dari tiga hal tersebut setidaknya publik akhirnya memiliki persepsi tentang identitas diri kita, siapa kita?, apa profesi kita?, apa saja hal-hal yang kita suka?, apa  saja hal-hal yang kita bisa lakukan?, dan lain-lain</p>
<blockquote><p>Karena itu, branding oleh Sakti, entah produk, entah servisnya, dimanusiakan. “Air kalau sudah jadi VIT, Ades, atau AQUA, jadi beda, dimanusiakan. Kalau sudah jadi manusia, pasti terdiri dari tiga unsur tadi. Mana mungkin manusia punya perilaku tapi tidak berekspresi. Tak mungkin berekspresi tapi tidak berbicara. Itu merupakan satu kesatuan proses yang inherent. Proses ini datang dari spiritnya, rohnya, jati dirinya – yang terdiri dari banyak komponen. Dia bukan jati diri yang pasif, diam, melainkan terus-menerus menghidupi dirinya sendiri. Sama seperti manusia. Kalau Roh-nya di ambil, ya mati.</p></blockquote>
<p>Contoh soal minuman kemasan diatas cukup sederhana dan menarik, secara esensi VIT, Ades, dan AQUA adalah sama-sama air putih, tetapi branding lah yang membuat masyarakat memiliki persepsi masing-masing atas merk tersebut. Salah satu yang bisa membuat perbedaan tersebut adalah kekhususan masing-masing. Karena itu dalam online personal branding perlu kita pikirkan secara lebih khusus, apa keahlian kita?, adakah hal berbeda dan menarik yang bisa kita kenalkan? dll dan itu semua bersifat dinamis seiring waktu berjalan, sebuah proses yang perlu dilakukan terus-menerus</p>
<blockquote><p>Jadi, branding berarti me’roh’kan sesuatu hingga jadi hidup. Branding berarti segala sesuatu yang dilakukan oleh brand dalam rangka mencari perhatian atau mendapatkan perhatian dari lingkungannya. Manusia kan tak bisa hidup sendirian. Kehidupan brand ditentukan oleh bagaimana lingkungannya membangun persepsi tentang brand yang dimaksud. AQUA kalau dibiarkan di pabrik – tidak dikasih liat, dia tidak eksis, karena tidak pernah mendapat pengakuan dari publik. Pengakuan di sini maksudnya bukan diterima atau tidak, tapi belum pernah terekspos kepada audience.</p></blockquote>
<p>Perlu saya ulangi dan tekankan dari kutipan terakhir ini bahwa <strong><em>Branding berarti segala sesuatu yang dilakukan oleh brand dalam rangka mencari perhatian atau mendapatkan perhatian dari lingkungannya.</em> </strong> Dan itu berarti Online Personal Branding adalah segala sesuatu yang kita lakukan dala rangka mencari perhatian dari lingkungan online.</p>
<p>Maka tidak heran jika para blogger rata-rata bangga menganggap dirinya narsis, tidak 100% salah tetapi alangkah lebih baik jika sifat narsis tersebut kita aplikasikan dalam hal narsis portfolio, narsis artikel, narsis karya tulis, narsis desain, bukan sekedar narsis foto :)</p>
<p>Semoga bermanfaat!</p>
<p><strong>Beberapa postingan lainnya soal branding dan online personal branding:</strong></p>
<ol>
<li><a href="http://www.gsn-soeki.com/wouw/a000215.php">Membangun Personal Branding Online</a></li>
<li><a href="http://www.ruangfreelance.com/2008/09/bagaimana-mempromosikan-dirimu-lewat-social-networking-site/">Bagaimana Mempromosikan Dirimu Lewat Social Networking Site</a></li>
<li> <a title="Permanent Link to Personal Branding diri dengan social media" rel="bookmark" href="http://www.ruangfreelance.com/2009/05/personal-branding-diri-dengan-social-media/">Personal Branding diri dengan social media</a></li>
<li> <a style="cursor: pointer;" title="Personal Branding di semesta internet" href="http://richardfang.com/personal-branding-di-semesta-internet/">Personal Branding di semesta internet</a></li>
<li><a class="judulpost" href="http://www.virtual.co.id/blog/internet-marketing/berhadiah-apa-bedanya-marketing-public-relations-advertising-dan-branding/">Berhadiah: Apa Bedanya Marketing, Public Relations, Advertising dan Branding?</a></li>
<li> <a title="Permanent Link: 10 Kiat Personal Branding Lewat Blogging" rel="bookmark" href="http://romisatriawahono.net/2008/11/24/10-kiat-personal-branding-lewat-blogging/">10 Kiat Personal Branding Lewat Blogging</a></li>
<li> <a href="http://www.buat.web.id/blog/2009/04/18/personal-branding-melalui-blog/">Personal Branding Melalui Blog</a></li>
<li> <a title="Permanent Link to Seberapa Efektif Membangun Personal Brand Lewat Blog? (1)" rel="bookmark" href="http://ariefmaulana.com/2009/03/seberapa-efektif-membangun-personal-brand-lewat-blog-1/">Seberapa Efektif Membangun Personal Brand Lewat Blog? (1)</a></li>
<li> <a title="Permanent Link to Seberapa Efektif Membangun Personal Brand Lewat Blog? (2)" rel="bookmark" href="http://ariefmaulana.com/2009/03/seberapa-efektif-membangun-personal-brand-lewat-blog-2/">Seberapa Efektif Membangun Personal Brand Lewat Blog? (2)</a></li>
<li> <a href="http://erryricardo.blogspot.com/2009/02/personal-branding.html">Formula Membangun Personal Brand Anda</a></li>
<li>dan lain-lain silahkan googling :)</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2009/05/12/arti-online-personal-branding-dengan-pendekatan-teori-branding-sakti-makki/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>

