<?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; design website</title>
	<atom:link href="http://zam.web.id/tag/design-website/feed/" rel="self" type="application/rss+xml" />
	<link>http://zam.web.id</link>
	<description>Front-end Web Developer</description>
	<lastBuildDate>Sun, 05 Feb 2012 23:27:53 +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>Analisa Website SBY vs Website Obama</title>
		<link>http://zam.web.id/2009/05/10/review-website-sbypresidenkucom-dengan-website-barackobamacom/</link>
		<comments>http://zam.web.id/2009/05/10/review-website-sbypresidenkucom-dengan-website-barackobamacom/#comments</comments>
		<pubDate>Sat, 09 May 2009 19:08:59 +0000</pubDate>
		<dc:creator>zaM</dc:creator>
				<category><![CDATA[review]]></category>
		<category><![CDATA[2009-2014]]></category>
		<category><![CDATA[barack obama]]></category>
		<category><![CDATA[design website]]></category>
		<category><![CDATA[jiplak]]></category>
		<category><![CDATA[meniru]]></category>
		<category><![CDATA[mirip]]></category>
		<category><![CDATA[obama]]></category>
		<category><![CDATA[pemilu 2009]]></category>
		<category><![CDATA[pilpres]]></category>
		<category><![CDATA[SBY]]></category>
		<category><![CDATA[SBY vs Obama]]></category>
		<category><![CDATA[Susilo Bambang Yudhoyono]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://zam.web.id/?p=150</guid>
		<description><![CDATA[Tema tentang website SBY masih hangat dibicarakan di berbagai media dan forum internet, website yang baru dalam rangka persiapan Pilpres 2009 ini disebut-sebut mirip dengan website resmi Barack Obama. Ada yang menyebut website SBY tiru Obama, ada yang bilang Situs &#8230; <a href="http://zam.web.id/2009/05/10/review-website-sbypresidenkucom-dengan-website-barackobamacom/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><span class="cap">T</span>ema tentang <a href="http://www.sbypresidenku.com/">website SBY</a> masih <a href="http://ndorokakung.com/2009/05/01/presidenku-pecas-ndahe/">hangat</a> <a href="http://dailysocial.net/post/sbypresidenkucom-diluncurkan-hari-ini/">dibicarakan</a> di <a href="http://mavericknetwork.biz/journalists/2009/05/mantan-redaktur-vivanews-perkuat-fox-indonesia/">berbagai</a> <a href="http://theunspunblog.com/2009/05/08/foxy-obama-style-new-media-campaign-for-sby/">media</a> dan forum internet, website yang baru dalam rangka persiapan Pilpres 2009 ini disebut-sebut mirip dengan <a href="http://www.barackobama.com/index.php">website resmi Barack Obama</a>. Ada yang menyebut website <a href="http://www.tribun-timur.com/read/artikel/25722">SBY tiru Obama</a>, ada yang bilang <a href="http://public.kompasiana.com/2009/05/09/situs-sby-–obama-mirip">Situs SBY-Obama Mirip</a>, ada pula yang menulis <a href="http://www.digitalgrafis.com/typedminds/?p=140">mirip karena faktor warna</a>. Saya sendiri akan mencoba membandingkan 2 website tersebut berdasarkan elemen-elemen dan struktur yang ada di halaman depan. Berikut poin-poin-nya:</p>
<p><strong>Website Resmi SBY</strong></p>
<div id="attachment_152" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-152" title="sbypresidenku" src="http://zam.web.id/wp-content/uploads/2009/05/sbypresidenku.jpg" alt="Website SBY (sbypresidenku.com)" width="420" height="1096" /><p class="wp-caption-text">Website SBY (sbypresidenku.com)</p></div>
<p><span id="more-150"></span></p>
<ol>
<li>Logo SBY berbentuk lingkaran dengan hiasan bendera Merah-Putih dan tulisan SBY presidenku 2009-2014, sekilas memang mirip dengan logo Obama yang kebetulan berbentuk lingkaran dengan unsur warna merah-putih-biru namun Tanpa Text (ini yang membedakan)</li>
<li>Foto pose SBY baru dengan senyuman khas dan pandangan melirik ke kiri bawah, sepertinya foto ini menjadi branding baru, berbeda dengan foto2 yang telah populer sebelumnya misalnya pose hormat yang muncul di <a href="http://www.time.com/time/specials/packages/article/0,28804,1894410_1893847_1893840,00.html">majalah Time.</a></li>
<li>Animasi flash banner, sepertinya kurang pas karena mengurangi nilai elegan, memang lebih cocok untuk iklan di media online misalnya detik.com (seperti rata2 iklan lainnya), berbeda dengan web Obama di halaman depan hampir tanpa animasi</li>
<li>Navigasi utama berbentuk image bukan text, hal ini tidak direkomendasi oleh trend website terbaru saat ini, karena image bersifat statis dan kurang efisien jika sewaktu-waktu ada perubahan (update). Berbeda jika text tentu lebih fleksibel. Icon lingkaran di sebelah kiri menu utama cukup mengganggu, karena kurang jelas terlihat gambar apa, sepertinya &#8220;home&#8221; atau logo lain, berbeda dengan web Obama konsisten memakai logo lingkaran nya sebagai icon di beberapa judul elemen.</li>
<li>Banner dan tagline resmi dengan foto SBY berpose hormat berwarna grayscale, cukup menganggu kekuatan header diatasnya, karena ukuran-nya hampir sama, sehingga saling mengalahkan, nampak sekilas dua-duanya adalah header.</li>
<li>Tampilan login masih standart bawaan CMS drupal, dan cukup aneh karena masih menggunakan bahasa Inggris, sementara konten lain nya ditulis dalam bahasa Indonesia. pengaturan padding dan margin juga masih kurang, terkesan bawaan template.</li>
<li>Menampilkan avatar member di posisi utama membuat website ini terkesan seperti web komunitas, atau jejaring sosial, misalnya friendster yang menampilkan avatar user di halaman depan.</li>
<li>Menampilkan komentar/testimonial member di ruang utama konten, mungkin efektif untuk membangun citra positif , seperti maraknya group di facebook. namun keberadaan avatar user yang bermacam-macam dan pemakaian warna solid yang dominan menjadikan kurang selaras dengan warna gradasi di header, kesan web jadi kurang formal.</li>
<li>Galeri Foto &amp; video terkesan masih statis (web 1.0) penggunakan fasilitas web 2.0 nampak belum maksimal disini, misalnya menghubungan dengan source di Flickr atau YouTube</li>
<li>Tampilan elemen forum menimbulkan space kosong disebelahnya, sebenarnya bisa di tambah dengan elemen lagi di sebelahnya.</li>
<li>Banner pendaftaran diarahkan khusus untuk &#8220;pendukung&#8221;, berbeda dengan website Obama hampir tidak mengklasifikasikan pengunjung untuk berlangganan berita atau daftar komunitas</li>
<li>Ada penjualan souvenir di website SBY tetapi di website Obama tidak ada, penjualan souvenir sedikit memberi kesan web kurang formal, atau mungkin memang diarahkan untuk komunitas?</li>
<li>elemen-elemen di sidebar banyak menggunakan background warna solid dengan judul text terkesan apa adanya, kurang serasi dengan header yang banyak menggunakan warna gradasi.</li>
<li>Banner donasi juga ada di website Obama, di website Obama banner donasi diberi label nilai kebangsaan &#8220;untuk America&#8221; sedangkan di website SBY tanpa label branding</li>
<li>Banner link ke website SBY yang lain hanya satu, mungkin ini sebagai pembeda bahwa website sebelumnya lebih formal sedangkan yang ini lebih ke komunitas</li>
<li>Berita, Agenda dan Artikel ditempatkan di posisi yang sekunder (sidebar bawah), berbeda dengan website Obama, berita dan agenda menempati posisi yang utama. (mainbar dan sidebar atas)</li>
<li>Penempatan logo SBY di footer center membuat mirip dengan website Obama yang melakukan penempatan logo persis seperti itu (hanya beda ukuran dan space sedikit)</li>
</ol>
<p><strong>Website Resmi Obama </strong></p>
<div id="attachment_154" class="wp-caption aligncenter" style="width: 430px"><img class="size-full wp-image-154" title="barackobama" src="http://zam.web.id/wp-content/uploads/2009/05/barackobama.jpg" alt="Website Obama (www.barackobama.com)" width="420" height="1099" /><p class="wp-caption-text">Website Obama (www.barackobama.com)</p></div>
<ol>
<li>Branding logo Obama bergambar seperti matahari terbit dengan warna bendera Amerika, efeknya sangat besar meski tanpa text. Karena logo tersebut sudah integrated dengan tagline &#8220;hope&#8221; harapan (matahari terbit)</li>
<li>Tagline/quote Obama, disini fleksibel bisa dibuat random dan mudah di update sewaktu-waktu, loadnya pun lebih ringan karena menggunakan text.  (tagline di website SBY menggunakan image/banner)</li>
<li>form berlangganan untuk pengunjung di posisi utama, mengesankan website Obama benar-benar siap di sisi konten dan update</li>
<li>pemakaian efek tombol/button dipakai secara konsisten di header dan di sidebar</li>
<li>Foto Obama sedang menulis, memberi kesan bahwa Obama sedang bekerja untuk Amerika</li>
<li>Terlihat pemakaian branding logo sangat kreatif disini dengan susunan text dan logo: My.(Obama logo).com merupakan salah satu ke fleksibelan branding tanpa text.</li>
<li>Menu utama cukup sederhana menggunakan text (website SBY menggunakan image), menu ini jika di klik akan merubah header di atasnya, (pemakaian ajax yang sepertinya tidak ada di halaman depan website SBY)</li>
<li>Kolom Berita/artikel/agenda mengisi konten utama, terlihat disini yang di tonjolkan adalah data bukan komentar pengunjung (seperti di website SBY)</li>
<li>Grafik banner masih berkaitan dengan grafik di sidebar dan header text yang digunakan juga ada hubungannya dengan branding</li>
<li>Agenda Obama ditampilkan di posisi utama sidebar sehingga lebih mudah dibaca, judul agenda menggunakan icon dari logo Obama yang dikecilkan, membuat lebih serasi dengan elemen lainnya, background juga gradasi yang masih nyambung dengan header</li>
<li>Penonjolan layanan SMS center, hal ini tidak ada di website SBY, seandainya ada kurang terlihat karena tidak ada penonjolan di halaman depan</li>
<li>Satu hal terpenting yang sangat membedakan adalah Obama sudah begitu matang berpromosi di berbagai layanan jejaring sosial &#8220;Obama Everywhere&#8221; (facebook, twitter, flickr, linkedin, dll) di website SBY belum menampilkan ini</li>
<li>penempatan logo yang mengingatkan dengan website SBY diatas.</li>
</ol>
<p>Akhirnya soal kedua website tersebut mirip atau tidak kembali pada persepsi masing-masing.</p>
]]></content:encoded>
			<wfw:commentRss>http://zam.web.id/2009/05/10/review-website-sbypresidenkucom-dengan-website-barackobamacom/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>

