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 SBY-Obama Mirip, ada pula yang menulis mirip karena faktor warna. Saya sendiri akan mencoba membandingkan 2 website tersebut berdasarkan elemen-elemen dan struktur yang ada di halaman depan. Berikut poin-poin-nya:
Website Resmi SBY
Website SBY (sbypresidenku.com)
- 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)
- 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 majalah Time.
- 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
- 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 “home” atau logo lain, berbeda dengan web Obama konsisten memakai logo lingkaran nya sebagai icon di beberapa judul elemen.
- 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.
- 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.
- 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.
- 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.
- Galeri Foto & video terkesan masih statis (web 1.0) penggunakan fasilitas web 2.0 nampak belum maksimal disini, misalnya menghubungan dengan source di Flickr atau YouTube
- Tampilan elemen forum menimbulkan space kosong disebelahnya, sebenarnya bisa di tambah dengan elemen lagi di sebelahnya.
- Banner pendaftaran diarahkan khusus untuk “pendukung”, berbeda dengan website Obama hampir tidak mengklasifikasikan pengunjung untuk berlangganan berita atau daftar komunitas
- 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?
- elemen-elemen di sidebar banyak menggunakan background warna solid dengan judul text terkesan apa adanya, kurang serasi dengan header yang banyak menggunakan warna gradasi.
- Banner donasi juga ada di website Obama, di website Obama banner donasi diberi label nilai kebangsaan “untuk America” sedangkan di website SBY tanpa label branding
- Banner link ke website SBY yang lain hanya satu, mungkin ini sebagai pembeda bahwa website sebelumnya lebih formal sedangkan yang ini lebih ke komunitas
- 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)
- Penempatan logo SBY di footer center membuat mirip dengan website Obama yang melakukan penempatan logo persis seperti itu (hanya beda ukuran dan space sedikit)
Website Resmi Obama
Website Obama (www.barackobama.com)
- Branding logo Obama bergambar seperti matahari terbit dengan warna bendera Amerika, efeknya sangat besar meski tanpa text. Karena logo tersebut sudah integrated dengan tagline “hope” harapan (matahari terbit)
- 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)
- form berlangganan untuk pengunjung di posisi utama, mengesankan website Obama benar-benar siap di sisi konten dan update
- pemakaian efek tombol/button dipakai secara konsisten di header dan di sidebar
- Foto Obama sedang menulis, memberi kesan bahwa Obama sedang bekerja untuk Amerika
- Terlihat pemakaian branding logo sangat kreatif disini dengan susunan text dan logo: My.(Obama logo).com merupakan salah satu ke fleksibelan branding tanpa text.
- 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)
- Kolom Berita/artikel/agenda mengisi konten utama, terlihat disini yang di tonjolkan adalah data bukan komentar pengunjung (seperti di website SBY)
- Grafik banner masih berkaitan dengan grafik di sidebar dan header text yang digunakan juga ada hubungannya dengan branding
- 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
- Penonjolan layanan SMS center, hal ini tidak ada di website SBY, seandainya ada kurang terlihat karena tidak ada penonjolan di halaman depan
- Satu hal terpenting yang sangat membedakan adalah Obama sudah begitu matang berpromosi di berbagai layanan jejaring sosial “Obama Everywhere” (facebook, twitter, flickr, linkedin, dll) di website SBY belum menampilkan ini
- penempatan logo yang mengingatkan dengan website SBY diatas.
Akhirnya soal kedua website tersebut mirip atau tidak kembali pada persepsi masing-masing.
zaM dari kota 
zamdesign55 
zamdesign55 
zamdesign55 
zamdesign55 
085730814*** 
mantabh analisanya, jadi semangat saya mau nyepam disono.. barusan saya nyepam disono :D
from AgusNaim’s blog: Paid Review Untuk Pemula (Pantas Dicoba)
Nyepam kok ngaku, swt -_-”
Intinya menurut saya sih memang mirip, disengaja tapinya pasti…
oh ya mas, kalo mau apply TeloFlash unlimited, saya punya nomer hape Account Officernya mas. Ga usah dateng ke Grapari yang ngantri, dia mau dateng kok. Kalo mau japri ajah
nanya dong mas zam
cara capture web secara utuh gini pake software apa ?
itu pakai mozilla firefox
terus download addons/plugin
SCREENGRAB
:)
Pak, kenapa untuk tampilan flash-nya berupa kotak berwarna hitam, malah ada yg tidak ter-grab ? caranya gimana supaya tercapture semua
wah koq mirip banget ya.. baru nyadar nih. :)
from Rosyidi’s blog: HP terkuat di Dunia
samaisasi seperti ini menurut saya oke oke saja. Memilih antara kreativitas atau impact of obamaism, ternyata diambillah keputusan pilihan yang kedua. Lebih untuk tujuan yang jelas-jelas saja, tak terlalu idealis. oke kok…
wah kalau begini mantab mas analisa sampeyan
from masnur’s blog: Speker masa depan
tiada hari tanpa penjiplakan dan pembajakan.. itulah indonesiaaa..
yg bikin geli melihatnya ada kumpulan avatar2 itu loh, hihihi berasa buka fb saja :)
from geblek’s blog: SEO Wordpress Plugins Yang Membantuku
wow, SBY ga mau kalah sama Mr.Obama.. Gud Lak Pak SBY. Saya mau tanya, mungkinkah pak SBY meniru logo Mr.Obama atau hanya sekedar “terinspirasi..?!” Situsnya sangat-sangat mirip..Hmm Ada apa dibalik semua ini..?
komplit amat hahaha malu dah nih yg desain sby
from Richard Fang’s blog: Sampai kapan kita senang meng-update status di Facebook?
Orang yang pernah ikutin PEMILU AMERIKA pasti langsung DEJAVU kok dengan WEB si ES BE YE ini..
Tempo lalu politisi ISRAEL juga melakukan hal serupa tapi saya kurang tau kepilih apa ndak…
from Jauhari’s blog: Mantra Uang dari WordPress
iya, mirip banget. Apalagi dominasi putih buat konten dan biru buat background….hmm sengaja ? atau engak sengaja ?…..hehehe tau ah gelap.
ukuran foto closeup masing masing tokoh juga berbeda. Itu sih yg agak ketangkap. close up sby kelewat dominan dan repeated. dan memang jadi kayak header di dalam header.
pd foto pose obama itu kita ngak bisa lihat mata obama sementara kita bisa lihat jelas ekspresi SBY. Jadi nilai plus tuh buat komunikasi politik. jadi menurut sy website design sby lebih cocok dan ngena ke pemilih indonesia daripada obama.
yg obama punya dan whitehouse dot gov kayaknya kemarin-2 kena kritik dari sisi aksesibilitas, standar web, dan usability-nya, lalu katanya redesign lagi..mereka punya section 508–walau masi kalah up-to-date ama WCAG 2.0–tapi kok ya ngga diterapin :D
owalah..
gpp wes, aku ndak seberapa paham dengan yang beginian.
Yang aku nantikan, kapan pak pres id ngeblog?
Partainya juga sama – sama demokrat .. wakaka, trus websitenya di samain juga .. biar kompak …
Wow analisanya detail banget pak ??
wah baru liat ada yang lebih detail membandingkan ternyata salam kenal mas saya juga nulis beberapa website yang mirip web lain heheh
http://www.hilman.web.id/index.php?posting=blog&id=322
http://www.hilman.web.id/index.php?posting=blog&id=476
saya ada juga bandingin web sby/logo dengan obama tapi ilang pas hosting drop hiksz