RuangFreelance Redesain!

Akhirnya selesai juga beres-beres dan berbenah, projek kali ini adalah redesain RuangFreelance (RF). Weblog yang membahas seputar dunia freelance Indonesia, secara konten masih didominasi oleh artikel online freelance, web design, web development namun tidak menutup kemungkinan nantinya akan membahas dunia freelance yang lebih luas. Melihat sejarahnya, Embrio blog ini berasal dari blog orangbebas.com (2007) milik Anggi Krisna, yang isinya merupakan sharing pengalamannya saat dia bekerja sebagai karyawan kantoran dan beralih memilih menjadi freelancer. Akhirnya domain blog itu expired dan beberapa kontennya dipertahankan dalam blog baru (RF). RF berada di bawah payung iCreativeLabs, kemudian bergabung bersama MakeMac dan Twentea dalam Grup ArusMedia. Beberapa kontributor aktif selain berasal dari grup ArusMedia juga terbuka untuk siapa saja yang berminat menulis dan praktisi yang memiliki pengalaman freelance.

RuangFreelance 1.0 (lama)

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

RuangFreelance 2.0 (baru)

Berikut beberapa poin yang baru ini RF versi 2:

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

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