Iznyn Blog

Idea #13

Redesign Untuk Sebuah Revolusi

Kegilaan, mungkin adalah kata yang paling pantas jika melihat sejarah iznyndotcom. Bagaimana tidak, terhitung sejak lahirnya website ini pada Maret 2009 sudah mengalami dua kali perubahan desain. Artinya bahwa hanya dalam kurun waktu 1 tahun kami sudah menggunakan tiga versi yang berbeda.

Pada saat kemunculan pertama kali, kami masih menggunakan fasilitas dasar dari WordPress. Sedangkan theme sudah membuat sendiri dan bernama Peace In Darkness. Generasi pertama ini tidak bertahan lama karena pada bulan juli sudah dilakukan proses redesign.

Generasi kedua selesai pada Agustus 2009. Pada versi ini sedikit lebih baik dan mulai memperluas fasilitas wordpress untuk dapat menjangkau kebutuhan website. Bersamaan dengan itu, kami juga melahirkan theme baru bernama Red In Light. Terakhir, pada Maret 2010 kami memutuskan untuk melakukan redesign yang kedua kalinya dan melahirkan versi 3.0 yang digunakan saat ini.

Mengapa Kami Lakukan?

Redesign suatu website adalah sebuah pekerjaan yang sangat melelahkan serta membutuhkan biaya dan waktu yang tidak sedikit. Jadi sangat jarang dilakukan dalam jarak waktu yang pendek.

Tapi mengapa hal ini justru terjadi pada iznyndotcom?

Tentu saja kami tidak sembarangan dalam memutuskan hal sepenting ini. Dalam kasus iznyndotcom ini, memang harus dilakukan sebuah perbaikan karena tanpa adanya hal tersebut maka tidak ada yang namanya langkah maju. Dari desain website sebelumnya, kami merasakan ketidaknyamanan dalam mengembangkannya sehingga sulit untuk mengharapkan adanya kemajuan dari desain tersebut.

Secara khusus, perkembangan website ini dapat juga dikatakan sebagai gambaran atas perkembangan dari kemampuan web design yang kami miliki. Pada desain awal dari iznyndotcom dapat menggambarkan kegamangan kami dalam dunia web design. Disini kami masih belum mampu menciptakan sebuah desain website yang solid. Pada versi kedua, sejalan dengan bertambahnya kemampuan web design yang kami miliki, sebuah desain tampilan website yang cukup bagus sudah dapat diciptakan. Namun tidak untuk sistem website.

Kesempurnaan Desain Saat Ini

Tidak ada yang lebih menyenangkan selain dapat mencapai sebuah kesempurnaan. Dan inilah yang kami rasakan setelah berhasil menyelesaikan versi 3.0 dari website ini.

Kami menyusun desain terbaru ini dengan detail yang sangat luar biasa sehingga seluruh kekurangan yang ada didalam desain sebelumnya tidak ada lagi.

Inspirasi

Ada banyak hal yang menginspirasi design terbaru dari website ini. Deviantart merupakan salah satunya. Beberapa karya yang dipublikasikan melalui social network ini banyak memberikan inspirasi terhadap unsur "Look and Feel". Kemudian untuk sistem dibelakang website, terutama untuk penyajian artikel blog banyak terinspirasi oleh alistapart.

Selain itu, inspirasi juga kami dapatkan dari hasil pengamatan terhadap beberapa "website showcase" yang dilakukan oleh beberapa blog seperti Vandelay Design dan Designm.ag.

Warna

Pertimbangan warna untuk design website ini menjadi cukup luas karena kami tidak mempunyai patokan yang pasti. Biasanya pencarian komposisi warna dari suatu project website dimulai dari logo organisasi di belakang website. Namun karena ini adalah blog pribadi sedangkan secara khusus kami belum mempunyai warna yang pasti pada logo yang digunakan menjadikan penentuan komposisi warna sedikit sulit dilakukan.

Suasana hati kemudian menjadi kunci dalam pemilihan warna biru untuk diterapkan dalam design website. Keputusan ini diambil lebih karena suasana yang ditimbulkan warna biru itu sendiri, yaitu segar, sejuk, dan alamiah. Dari suasana ini diharapkan akan memberikan kenyamanan dan kesejukan dalam menikmati isi website.

Layout

Berbeda dengan desain sebelumnya yang menempatkan seluruh content ke sisi kiri, pada desain terbaru ini kami memilih untuk menempatkan seluruh content di tengah-tengah monitor. Sedangkan untuk ukuran layout kami memilih menggunakan ukuran tetap (fixed) yang tidak akan terpengaruh oleh perubahan ukuran monitor maupun font. Walupun demikian, layout tetap memberikan flexibilitas dalam menyesuaikan berbagai lingkungan.

Desain layout untuk website versi ini cukup bervariasi, beberapa ada yang hanya terdiri dari 1 column sedangkan yang lainnya menempatkan content website di dalam 2 column. Pendekatan ini dilakukan agar user dapat fokus pada satu topik pembahasan untuk setiap halamannya dan tidak terganggu oleh content yang tidak berhubungan dengan topik utama.

Typography

Sejak awal pengembangan website ini, ada keinginan kuat untuk menggunakan suatu font yang memiliki kesan unik dan kuat pada bagian title content. Setelah melakukan pencarian, kami menemukan Rockwell dapat memenuhi keinginan tersebut. Namun disini ada beberapa masalah dalam penggunaan font ini. Penggunaan Rockwell akan menjadi sia-sia karena tidak ada satupun sistem operasi yang secara default menyertakannya. Hal ini diperburuk oleh ketiadaan font sejenis pada font-font yang tergolong aman.

Untuk mengatasinya, kami menemukan attribute css font-face sebagai solusi terbaik untuk masalah ini. Namun karena Rockwell merupakan font commercial maka kita harus mempunyai lisensi terhadap pemakaian font tersebut. Dengan dana yang cukup ketat, membuatnya menjadi cukup mustahil.

Akhirnya kami memutuskan untuk mencoba alternative lain melalui font gratis. Setelah melakukan pencarian, kami menemukan dua font yang mampu menggantikan Rockwell, yaitu Chunk dan Nilland. Pada dasarnya Chunk merupakan font utama yang kami gunakan sebagai heading, namun karena font ini terlalu tebal untuk suatu sub heading maka perlu digunakan Nilland yang mempunyai struktur lebih tipis.

Body Text Typography

Ketika menentukan tipe font yang digunakan pada suatu body text, kami masih beranggapan bahwa font sans-serif masih tetap menjadi yang terbaik. Walaupun beberapa website, seperti colly.com telah membuktikan bahwa font serif dapat dengan cantik digunakan pada text body.

Arial kemudian menjadi pilihan utama untuk setiap text body di dalam website ini. Selain karena disertakan hampir pada seluruh instalasi sistem operasi, pemilihan font ini juga didasarkan pada kesederhanannya.

Hal Baru Dalam Versi Ini

Berbicara tentang redesign tentu saja akan ada sesuatu yang baru. Terlebih jika menilik pada kata "Revolusi" dalam judul dari artikel ini. Pada proses pengembangan versi terbaru dari website ini lebih menitikberatkan pada sistem di belakang website. Bahkan pada awal rencana kami tidak melakukan perubahan terhadap tampilan website.

Berikut beberapa hal yang kami tambahkan dalam versi terbaru dari iznyndotcom.

HTML 5 dan CSS 3

Kesempurnaan dalam versi terbaru iznyndotcom semakin lengkap dengan diterapkannya HTML 5 dan CSS 3. Hampir secara keseluruhan struktur website ini dibangun dengan menggunakan standard HTML 5. Namun berbeda dengan CSS 3, kami hanya menggunakan beberapa attribute untuk memperkuat unsur presentasi website. Anda dapat membaca cerita lebih lengkap tentang hal ini dalam HTML 5 dan CSS 3 di Iznyndotcom

Cara Baru Penyajian Blog

Sejak awal, blog adalah inti dari website ini karena menjadi media yang menampilkan ide dan pikiran kami. Namun pada versi terbaru ini, kami tidak terlalu menonjolkan isi dari blog pada bagian halaman depan dan memberikan menu khusus untuk menyajikan seluruh artikel blog.

Hal ini disebabkan karena sekarang iznyndotcom tidak hanya sebagai tempat menampilkan ide (blog) namun juga menampilkan seluruh hasil perkerjaan web design yang telah kami kerjakan. Di lain pihak kami juga ingin memberikan kemudahan bagi user dalam menjangkau seluruh isi dari website.

Commenter Notification

Ini adalah fasilitas yang benar-benar baru dalam website ini. Commenter notification disediakan agar seseorang yang pernah terlibat diskusi pada suatu post, mendapatkan perberitahuan terkait dengan perkembangan proses diskusi.

Sebuah Harapan Baru

Awal dari terbesitnya ide redesign adalah rasa ketidaknyamanan kami dalam mengelola website ini. Sehingga ada harapan bahwa design baru ini mampu memberikan kenyamanan baik bagi kami selaku pengelola website maupun seluruh pengunjung website.

Selain itu kami juga berharap bahwa versi ini dapat menjadi pintu gerbang kesuksesan dalam dunia freelance web design serta sebagai awal dari pekerjaan-pekerjaan besar selanjutnya.

Dan yang lebih penting adalah bagaimana melalui website ini kami mampu memberikan manfaat kepada semua pihak yang telah berinteraksi dengan website kami ini.

Terakhir Namun Bukan Akhir Segalanya

Walaupun kami menganggap versi terbaru dari website ini sebagai sebuah kesempurnaan, namun kami sadar bahwa ini hanya bersifat sementara. Karena tidak ada yang sempurna di dunia ini. Kesempurnaan hanya bersifat sementara. Seiring berjalannya waktu, kesempurnaan akan memudar dan dapat menjadi sebuah kehancuran bilamana tidak dilakukan usaha untuk mempertahankannya.

Selain tetap berusaha untuk mempertahankan kesempurnaan website ini, kami sangat berharap adanya saran dan kritik atas semua kekurangan dan kesalahan yang anda temui ketika mengunjungi website ini.

Tak lupa kami juga mengucapkan banyak terima kasih kepada semua pihak yang telah memberikan bantuannya sehingga pekerjaan ini dapat terselesaikan dengan baik. Secara khusus ucapan ini kami persembahkan kepada My best friend, rere yang telah membantu dalam penyusunan content website ini

Akhirnya kami hanya bisa berharap agar website ini dapat memberikan manfaat bagi kita semua. Dan selamat menikmati.

This idea is saved under : Iznyn Corner

Tagged in : Website

Related Post

0 Comments

Comments can not be found.

The discussion has been closed