Kebanyakan orang menganggap sebuah website itu hanya di buat oleh satu orang saja, yaitu web designer. Tidak heran masih banyak desainer grafis lokal dengan basic print design yang mengira membuat website itu sulit.

Tahun lalu saya sempat menawarkan teman (seorang desainer grafis juga) untuk mencoba terjun ke dalam desain website, tetapi tanggapannya adalah “gue ga bisa code” , “ribet” dan lainnya yg sejenis. Ya, itulah sekilas potret mayoritas teman-teman desainer lokal saat ini.

Sangat disayangkan, karena menurut saya media yang akan paling banyak di gunakan dalam 2-3 tahun kedepan adalah media digital. Coba lihat iPad sudah bisa di order online dari website Apple, dengan harga mulai dari Rp.4,799,000. Sangat terjangkau sekali bukan? Dan ini baru awal, coba bayangkan kalau sudah menjamur.

Pembuatan produk digital (dalam hal ini saya ingin menitikberatkan pada website) melibatkan peran beberapa profesi. Website yang bagus biasanya di kerjakan oleh sekumpulan orang dengan spesialisasi yang berbeda namun saling bersinergi. Beberapa di antaranya adalah,

1. Web Interface Designer

Spesialisasi ini seharusnya bisa di adaptasi oleh teman-teman dengan basic print design. Memang butuh waktu untuk mempelajari cara kerja website, memahami cara kerja code dan developer, sampai dengan mengamati tren desain website terkini. But it’s worth it! Sekali kamu menyelami dunia interface design, kamu akan menyelam semakin dalam

Peran interface sama pentingnya dengan developer, ini sama saja seperti kita mendesain sebuah logo. Kita menggunakan elemen visual untuk menyampaikan pesan, menggunakan simbol untuk mempermudah pengguna berinteraksi.

Intinya tetap komunikasi, malah semakin kita mendalami interface kita akan lebih banyak mempelajari kebiasaan pengguna (usability), yang menurut saya, secara tidak langsung kita mempelajari psikologi orang lain (misalnya, reaksi pengguna terhadap warna tertentu, permainan tipografi dan lainnya).

2. Front End Developer

Kalau kamu sudah mengerti code dan kamu senang meng-coding desain yang sudah kamu buat sendiri, maka sebaiknya kamu memilih peran front end developer. Secara teknis, front end developer akan menghasilkan html dan css dari desain yang telah di buat di photoshop.

Front end developer yang baik mempunyai mata yang jeli dan biasanya juga mempunyai sense of art. Kalau basic nya memang desainer maka akan lebih baik lagi. Itu sebabnya banyak juga web interface designer yang bisa berperan sebagai front end developer juga.

3. Back End Developer

This is where the magic happens. Tampilan sudah bagus, sekarang tinggal memberikan ‘kemampuan’ pada website. Back End Developer ini bisa di bilang pekerja di belakang layar. Pengguna tidak melihat langsung tetapi bisa merasakan dan berinteraksi dengan website.

Misalnya saat kita mengupload foto ke facebook. Ini merupakan proses yang lumayan panjang. Tombol browse akan membuka window, menarik data dari komputer kita, lalu mengupload ke server, di display kembali di front end (page edit photo) sehingga user bisa melihat fotonya, memberikan deskripsi, tagging, dan yang terakhir publish.

Tetapi pengguna tidak merasakan proses yang panjang itu bukan? Itu karena interface dan fungsi bersinergi dengan baik.

4. Copywriter

80% tampilan website adalah text dan mayoritas pengguna pasti membaca text untuk mendapatkan informasi. Disinilah peran copywriter sangat di perlukan. Selain penampilan yang bagus, sebuah website harus mempunyai ‘cara/gaya berbicara’ yang mudah di mengerti dan khas sesuai dengan market masing-masing.

Peran copywriter ini terkadang bisa menjadi faktor x. Coba lihat bagaimana Twitter mengubah “What are you doing now” menjadi “What’s Happening”. Sangat terasa perbedaannya. Hanya dengan mengubah kalimat, Twitter bertransformasi menjadi sumber berita bagi seluruh dunia.

Kesimpulan

Sebuah website bukan di buat hanya seorang web designer (istilah web designer menjadi rancu sekarang ini). Minimal membutuhkan 2 peran, interface designer dan front / back end developer. Jadi, kalau kamu mempunyai basic sebagai print designer, saya harap kamu mau meluangkan waktu mengenal dan mempelajari desain website (setidaknya kamu bisa menjadi interface designer).

Percayalah ini merupakan masa depan dunia dan website baru permulaan saja. Nantinya tidak menutup kemungkinan kita akan menggunakan platform yang berbeda (aplikasi misalnya), tetapi dasar nya akan tetap sama, keempat peran ini tidak akan terpisahkan.

Bagaimana dengan kamu? Ada peran yang terlewatkan? silakan berkomentar

Judul di atas adalah sebuah harapan. Mengingat perkembangan dunia Teknologi Informasi di Indonesia yang sudah lumayan pesat, saya rasa sudah saatnya interface design (dalam web, mobile, apps etc) mempunyai peran yang lebih lagi di banding tahun-tahun sebelumnya.

Interface sebagai Ujung Tombak

Kalau kita perhatikan, belakangan ini sudah sangat sering start-up lokal bermunculan (silakan cek DailySocial.net). Layanan yang di tawarkan juga semakin beragam, fungsi-fungsi yang sangat menarik dan bahkan membantu kegiatan kita sehari-hari, baik itu dalam hal lifestyle, informasi dan produktifitas.

Namun sayangnya sebagian besar masih berkutat pada fungsi. Secara desain dan interface masih banyak yang kurang. Hal ini sangat saya sayangkan, karena interface ini sebenarnya ujung tombak dari produk start-up itu sendiri. Interface akan langsung berhadapan dengan pengguna. Ibarat pesulap yang membius penonton dengan penampilan, gerakan tangan dan kata-kata, sementara sang asisten (code, development, fungsi)  menyiapkan trik di belakang.

Fungsi dan manfaat boleh jadi killer, tapi kalau dari cara menampilkannya saja tidak menarik atau yang paling parah, membingungkan, maka jangan heran kalau start-up ini tidak berjalan lama.

Function is King. Interface is Queen.

Keduanya harus saling mendukung satu sama lain. Jika salah satu peran itu tidak terpenuhi maka produk tidak akan maksimal. Apakah kita mau menghasilkan produk yang setengah-setengah?

Panggilan untuk Seluruh Desainer di Indonesia

Menurut pengamatan saya, saat ini jumlah desainer lokal yang fokus di interface design masih sangat sedikit. Jumlahnya tidak sebanding dengan developer (front & back end) yang lebih mudah di temukan, dan tentunya mereka ini kualitasnya sudah tidak perlu di ragukan lagi.

Untuk mempermudah para start-up (klien potensial) mendapatkan interface designer yang baik, saya harap teman-teman yang spesialisasinya di bidang interface design bisa berkomentar di bawah dan memberikan link ke portfolio masing-masing. Semoga dengan begini peran interface design di Indonesia bisa lebih di tingkatkan.

Dan yang paling penting, we’re making the web a better & beautiful place. Are you in?

Website corporate / perusahaan merupakan perpanjangan tangan secara online dari sebuah perusahaan. Selain fungsinya untuk memberikan informasi, tak jarang juga banyak perusahaan menggunakan websitenya untuk mendapatkan klien baru.

Pada kesempatan ini kita akan membahas beberapa elemen penting yang biasanya / wajib terdapat pada desain website corporate. Ok, langsung saja kita mulai.

1. Tagline / Slogan Perusahaan

Bisa bagian dari logo, bisa juga tidak. Yang pasti fungsi tagline adalah meringkas produk / jasa yang di tawarkan perusahaan kepada konsumen. Sehingga dalam sekejab saja pengunjung sudah tahu secara garis besar tentang perusahaan tersebut. Biasanya mulai dari 2 kata hingga 1-2 kalimat pendek, Kalau sudah lebih dari itu sudah bukan tagline lagi.

2. Informasi Perusahaan & Kontak

Ini jelas mutlak ada di website corporate, pengunjung jadi bisa mengetahui latar belakang perusahaan, jasa yang di tawarkan bahkan sampai ke jajaran direksi jika perlu. Yang tak kalah penting adalah info kontak, mulai dari nomor telepon, email dan alamat yang jelas. Untuk alamat bisa juga di bantu dengan menambahkan peta (bisa di buat ilustrasi peta sendiri atau dengan menggunakan google maps).

3. Jasa / Produk yang Di Tawarkan + Foto

Info produk harus bisa di komunikasikan dengan mudah sehingga pengunjung dapat dengan cepat menangkap tujuan perusahaan ini dan apa keuntungannya untuk konsumen. Lebih baik lagi jika di perkuat dengan foto produk. Kalau produk fisik mutlak di foto dengan baik, kalau perlu gunakan jasa fotografer profesional dan highlight elemen penting yang ada pada produk.

Kalau produk tak berwujud (jasa / digital goods), maka gunakan gambar produk yang sebenarnya. Bisa berupa portfolio, foto event yang sedang di selenggarakan (untuk event organizer misalnya). Intinya tampilkan sejelas mungkin produk yang di tawarkan.

4. Call to Action

Biasanya berupa tombol dengan kata-kata seperti “Pesan Sekarang – Dapatkan Potongan Harga 35%” atau yang sejenisnya. Bisa juga semudah “Hubungi Kami Hari Ini Juga!”. Tujuannya untuk mengubah pengunjung menjadi klien potensial yang bisa kita hubungi dan akhirnya bisa menjadi klien kita. Pada akhirnya tujuan semua website komersial memang untuk konversi bukan?

5. Blog / News

Bagian yang satu ini biasanya di jadikan anak tiri pada website corporate. Namun kalau di gunakan secara benar blog bisa menjadi salah satu media marketing yang efektif tanpa harus membuang biaya yang besar. Gunakan blog / news untuk memberikan info menarik yang berkaitan dengan produk / jasa perusahaan, selain sebagai media press release perusahaan.

Inspirasi Desain Website Corporate

Berikut ini beberapa contoh website corporate yang terlihat sedikit berbeda dari biasanya, tetapi tetap terasa aura profesionalnya. Dan yang paling penting mereka tetap dapat dengan jelas memberikan informasi “mereka itu siapa” dengan mudah kepada pengunjung.

Aol

Duchy Originals

Dyson UK

Goldman Sachs

GreenHill SAVP

IDC – Industrial Door Contractors

Intel

Scout

Sustain Ability

Trek Bikes

Kesimpulan

Desain website corporate tidak harus selamanya membosankan. Untuk dapat menghasilkan desain seperti contoh di atas kita harus mendalami dulu visi, budaya, produk dan nilai perusahaan. Dari sana kita baru bisa memutuskan akan menonjolkan bagian mana dari perusahaan, setelah itu baru kita masuk ke tahap desain yang bisa mendukung visi, budaya, produk dan nilai perusahaan tersebut tanpa melupakan unsur komunikasi yang mudah di terima oleh pengunjung.

Bagaimana menurut kamu? Apakah desain website corporate itu selamanya harus membosankan? Atau ada cara lain agar website perusahaan bisa menjadi pusat perhatian di kalangan Netizen?

Banyak yang memandang website kompetisi desain online sebagai permasalahan besar dan aib bagi para pekerja kreatif. Tetapi kita harus melihat dari sudut pandang yang berbeda.

Era Internet

Ya, ini jaman nya internet dimana segala sesuatu bisa terkoneksi dengan mudah. Perubahan akan terus terjadi (tidak terkecuali di industri desain grafis). Dan kita sebagai desainer harus tetap bisa mengantisipasi perubahan jaman, atau kita bisa tergilas persaingan yang semakin ketat.

Perlu di garis bawahi kalau kita mengikuti kompetisi desain secara online, kita harus sadar kalau kita sedang melakukan spec work (kerja yang tidak jelas bayarannya). Hal inilah yang menyebabkan ada beberapa desainer (mayoritas senior) yang tidak menyukai platform baru ini. Desainer tidak boleh melakukan kerja yang tidak jelas bayaran nya, well, itu kalau kamu sudah di tahap expert (tingkat tinggi).

Kesempatan Tak Terbatas

Tapi bagi desainer pemula (dalam hal pengalaman dan network), kompetisi desain adalah kesempatan yang sedang membuka tangan nya lebar-lebar, selanjutnya tergantung diri kita sendiri. Raih atau tidak sama sekali.

Saya sendiri memulai karir dari 99designs, karena itu saya akan memberikan beberapa alasan kenapa desainer setidaknya harus mencoba kemampuannya di website kompetisi desain.

1. Tempat Belajar

Alasan pertama ini sudah pasti menjadi dasar kenapa kita mengikuti kompetisi desain. Sudah cukup kita belajar membuat mock up / code sendiri secara offline. Paling maksimal hanya di pamerkan di galeri seperti deviantart, blog pribadi atau facebook album. Sekaranglah saatnya mencoba di medan yang sebenarnya, meresapi brief, berkomunikasi dengan klien, revisi sampai dengan hasil akhir.

Jangan lupa, ini kompetisi. Jadi kalau kamu memainkannya dengan benar, maka hadiah dollar akan menunggu Yang ini anggap saja sebagai bonus kerja keras kita.

2. Mencari & Mengumpulkan Portfolio Nyata

Memulai karir sendiri harus dimulai dengan tindakan yang nyata. Manifestonya adalah portfolio. Calon klien akan menilai kita dari portfolio yang sudah kita kerjakan sebelumnya. Dan ini adalah kunci utama untuk membuka pintu karir yang kamu dambakan.

Kalau kamu sudah mengikuti beberapa kompetisi walaupun tidak selalu menang, kamu tetap bisa memasukkan hasil karya terbaik kamu kedalam portfolio. Dalam web desain, kamu tetap bisa memakai desain yang tidak menang tersebut untuk di jual kepada klien yang berminat, atau di modifikasi lagi untuk projek mendatang. Tidak ada ruginya kan?

3. Batu Loncatan

Setelah mempunyai portfolio yang cukup, langkah selanjutnya ada pada diri kamu sendiri. Tetap mengikuti kompetisi atau mulai mencari klien. Saya sendiri lebih memilih langkah yang kedua. Alasannya, kompetisi memang menyenangkan, tetapi saya sudah harus memikirkan perbandingan waktu kerja dengan hasil yang di dapat. Dan tentu saja kompetisi tidak bisa menjamin kita akan selalu menang.

Saya lebih memilih klien yang mengontak saya secara langsung setelah melihat portfolio saya di 99designs atau di website portfolio showcase. Karena klien tipe ini setidaknya sudah 80% pasti akan memakai jasa saya, biasanya hanya masalah harga yang menjadi bahan pertimbangan mereka.

4. Bisa Menjadi Pekerjaan Tetap

Lebih suka berkompetisi? Tidak masalah , dengan portfolio yang sudah terkumpul dan jumlah kemenangan yang sudah bisa di banggakan, saya yakin kamu akan lebih mudah menang (biasanya klien sudah menfavoritkan desainer yang sudah sering menang).

Sekarang kamu sudah bisa menjadikan ajang kompetisi sebagai pekerjaan tetap, bukan sebagai media belajar dan coba-coba. Untuk beberapa tips nya sudah pernah saya bahas di Ruang Freelance.

Nah, sudah tahu kan alasan-alasan utama kenapa kita patut mencoba kemampuan kita di website kompetisi desain? Ayo mulai latihan dan berkompetisi! Salam Zuperr!

Hi everyone! Kembali lagi dengan saya Graha Nurdian di Jurus Grafis. Pada kesempatan ini saya ingin membuat posting diskusi mengenai hubungan desain dan konten, banyak para blogger yang berniat mencari ‘nafkah’ melalui dunia maya ini dengan membuat blog, banyak juga orang yang mengatakan bahwa

Konten adalah Raja

Telah banyak debat, jajak pendapat dan komentar mengenai hal tersebut, yang jelas cukup menjadi kontroversial dikalangan para blogger, sehingga para blogger cenderung membiarkan desain blog mereka acak – acakan karena mereka menganggap konten adalah satu-satunya hal yang paling penting.

Widget yang tidak beraturan, peletakan link sembarangan, dan gambar yang tidak tepat (dan tidak efektif) membuat saya sedih sebagai desainer (karena mereka kurang peduli terhadap desain blog nya sendiri ).

Tetapi apa yang terjadi jika orang  melihat website anda dengan judul headline yang menakutkan? Apakah mereka akan berpikir telah mengunjungi website spam dan dengan segera menekan tombol back? (atau bahkan tombol close!) Hal itulah yang akan kita diskusikan pada artikel ini.

Jika (Raja) Konten Sedang Berada di Hutan

Coba kita umpamakan konten adalah seekor singa (sang raja hutan), apa yang dibutuhkan singa supaya terlihat menyeramkan dan kuat?. Sudah pasti auman yang keras, gigi yang besar dan kuat serta bulu tebal yang melingkari leher.

Jika kita mengumpamakan konten sebagai si raja hutan, maka “gigi yang besar” , “auman yang keras” , “bulu leher yang tebal dan indah” sudah jelas adalah desainnya bukan? Ini merupakan contoh sempurna bagaimana konten blog/website anda tidak bisa menjadi raja tanpa dukungan dari desain blog/website tersebut.

Konten Sebagai Raja di Papan Catur

Konten anda merupakan raja bukan? Mari kita umpamakan konten adalah raja dalam permainan catur, di posisi manakah desain website anda di papan tersebut? Apakah sebagai prajurit (Pion) yang berdiri di garis depan dan melindungi raja dari musuh? Lalu bagaimana dengan benteng, ratu, kuda, menteri dan peran penting lainnya dalam permainan catur?

Desain anda harus diperlakukan seperti semua peran dan langkah di papan catur karena mereka adalah bagian yang paling sering anda gunakan dan satu – satunya yang membuat permainan catur anda menjadi berbeda. Jadi, pastikan desain anda memiliki efek seperti itu – karena “Raja anda” bergantung kepada mereka.

Desain Sebagai Jubah dan Mahkota yang Bagus

Menurut saya, jika konten adalah raja, maka desain haruslah seperti jubah yang berkilau dan mahkota yang dikenakan oleh sang raja. Hal itulah yang membuat raja terlihat berwibawa dan memancarkan citra yang positif.

Coba bayangkan jika sang raja keluar dengan kaus dalam, kotor, dan kolor (celana pendek), siapa yang akan menanggapinya dengan serius? Desain website anda juga begitu, harus diperlakukan seperti hiasan kue untuk konten raja anda.

Opini anda

Baiklah sekarang kita sampai di akhir artikel, bagaimana pendapat anda mengenai topik ini? Apakah anda mendukung konten itu sepenuhnya raja? Ayo sampaikan melalui kolom komentar dibawah

Update : Artikel ini merupakan saduran dari If Content is Really King, Then What is Design?

Btw just for info saya juga punya blog ber niche desain seperti Jurus Grafis loh sebagai pelengkap bacaan desain anda. Silakan berkunjung ke Graha Design Blog.

Hal yang paling menarik dari aktivitas blogging adalah kita bisa belajar dan berbagi pada saat yang bersamaan. Nge-blog adalah suatu langkah “nothing to lose” dan tidak ada salahnya. Menurut saya, dengan media blog kita bisa membangun pertemanan dan jaringan yang lebih luas.

Beberapa bulan terakhir ini saya melihat mulai banyak blog desain lokal yang bermunculan, indikasi yang sangat bagus! Saya berharap pertumbuhannya bisa terus makin banyak dan makin berkualitas pula konten yang di tawarkan. Bicara tentang kualitas artikel artinya kita berbicara tentang inti dari blog itu sendiri yaitu konten.

Kalau kontennya biasa-biasa saja dan bisa di temukan di blog lain, maka kita akan mudah melupakan blog tersebut. Jadi bagaimana caranya meningkatkan kualitas artikel blog kita? Berikut beberapa cara yang bisa digunakan untuk kamu yang baru mau mulai nge-blog atau bagi kamu yang sudah mempunyai blog desain sendiri.

1. Riset

Saya suka bagian ini, kebanyakan artikel terbaru yang di tulis di Jurus Grafis merupakan hasil riset dari internet. Karena sebenarnya saya tidak begitu menguasai beberapa topik yang akan saya sampaikan. Jadi saya harus ‘belajar’ terlebih dulu dengan melakukan riset selama beberapa hari atau beberapa jam.

Misalnya seperti artikel tentang bedah web portfolio, sungguh saya tadinya tidak terlalu memperhatikan beberapa elemen yang di bahas di artikel itu, tapi karena ide dasarnya sudah ada (bedah web portfolio) maka saya hanya tinggal meluangkan waktu untuk mempelajari website portfolio desainer lain, membaca beberapa artikel yang berkaitan dan sebagainya.

Lakukanlah riset maka artikel yang kita tulis akan mempunyai dasar yang kokoh.

2. Buat Draft Beberapa Poin Penting

Selagi melakukan riset kita akan menemukan beberapa poin penting yang bisa kita gunakan sebagai tulang punggung artikel kita. Catat poin itu dengan menggunakan Penzu atau tulis saja di kertas.

Dari poin-poin itu kita bisa mengembangkan kalimat atau paragraf pendukung yang akan memudahkan saat kita menulis nanti. Sebagai tambahan, orang juga lebih suka membaca artikel yang berupa poin daripada paragraf semua yang terlalu panjang dan melelahkan.

3. Gunakan Gambar yang Tepat

Untuk memperkuat artikel kita bisa menggunakan gambar yang sesuai dengan topik yang sedang kita bicarakan. Selain untuk fungsi pendukung, gambar juga bisa menjadi tempat ‘beristirahat’ bagi mata kita di antara paragraf artikel.

Akan lebih bagus lagi, untuk gambar utama (yang akan terlihat di awal artikel), kita mendesain sendiri gambar tersebut. Selain sudah menjadi keharusan bagi para desainer, cara ini juga memberikan sentuhan personal pada setiap artikel yang kita tulis (bahkan jika kamu hanya bermain dengan tipografi saja, itu sangat berarti).

Dan tentu saja, siapa yang tidak menyukai ilustrasi/foto yang menarik?

4. Jangan Terburu-buru

Jangan pernah langsung menekan tombol ‘publish’ setelah kita selesai menulis. Biarkan dulu selama 2 jam sampai 1 hari, lalu baca kembali tulisan kita itu. Kalau perlu sempurnakan kata-kata yang kita pakai, mungkin ada beberapa kalimat yang terdengar aneh, link yang belum di tambahkan atau kita bisa mencari gambar yang lebih pas dan tepat.

Santai saja, simpan dulu semua tulisan kamu sebagai ‘Draft’. Kecuali kamu nge-blog dengan gaya ‘news’ yang memang di haruskan untuk menjadi yang tercepat berada di publik.

5. Baca Ulang dan Preview

Saya terbiasa menekan tombol ‘preview’ terlebih dulu setelah saya selesai menulis. Dengan preview kita bisa melihat dengan jelas dan pasti, akan seperti apa tampilan artikel kita yang sebenarnya. Perhatikan apakah kita lupa memberikan tag h2 atau h3, pemotongan kalimat (text warp) yang nyaman di lihat atau tidak, semua detil harus di periksa walaupun itu hanya barisan kata-kata.

6. Dengarkan Pembaca

Cara ini sangat mudah, coba pantau komentar yang ada di blog kamu, perhatikan apakah ada diskusi disana? atau ada pembaca yang memberikan masukan? Resapi semuanya dan gunakan hasil pengamatan komentar itu di posting artikel kamu selanjutnya.

Dengan begini kamu jadi tahu mana artikel yang di sukai pembaca dan jenis artikel apa yang bisa mengundang diskusi seru dari para pembaca. Sebagai tambahan, jumlah komentar tidak bisa menjadi ukuran, melainkan isi komentarlah yang menjadi ukuran sebuah artikel mengena atau tidak di pikiran pembaca.

Kesimpulan

Membuat blog itu sangat mudah, namun mempertahankan dan membesarkannya itu yang agak sulit. Well, tidak sulit juga seharusnya, saya yakin kita semua bisa melakukannya asal kita memberikan dedikasi yang tidak tergantikan, yaitu waktu.

Punya cara meningkatkan kualitas artikel yang lain? Kolom komentar sudah menunggu

Tautan Terkait:
7 Ide Menulis Blog Sebagai Desainer Grafis
9 Tips Efektif Untuk Memasarkan Diri Sebagai Desainer Grafis Secara Online

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Website portfolio adalah suatu keharusan bagi semua desainer (baik yang freelance atau yang fulltime bekerja dengan orang lain). Maka dari itu, kali ini kita akan membahas beberapa elemen yang biasanya digunakan ketika mendesain website portfolio.

Inti dan tujuan dari website portfolio adalah untuk menunjukan hasil kerja/karya desain kita. Dengan begitu calon klien bisa melihat kemampuan kita dan jika cocok maka dia akan menggunakan jasa kita sebagai desainer. Hal lain yang juga penting adalah website portfolio harus mempunyai karakter tersendiri untuk membedakan website kita dari website portfolio lain.

Berikut adalah beberapa elemen yang saya pelajari dari website portfolio yang ada di luar sana.

1. Portfolio Berada di Halaman Depan

Ini sudah hampir menjadi template pada semua website portfolio dan memang cara ini sangat efektif. Apa yang kita harapkan kalau kita melihat web portfolio? tentu saja hasil karya desainernya kan?

Selain memudahkan pengunjung (dapat langsung ke inti website), elemen ini juga bisa menjadi daya tarik tersendiri untuk mengeksplor lebih jauh ke halaman lain di website kita, terlebih jika hasil karya nya sangat unik, menarik atau klien nya merupakan klien besar.

2. Presentasi Portfolio

Setelah melihat karya di Homepage, maka kita akan masuk ke detil tentang karya tersebut. Nah, bagian ini yang biasanya sering di lewatkan oleh kebanyakan desainer. Kita terbiasa hanya menyertakan screenshot, nama projek dan link ke website yang bersangkutan.

Seharusnya kita bisa menjelaskan lebih detil mengenai karya/projek tersebut. Dengan begitu pengunjung mempunyai nilai tambah terhadap kita, tidak hanya sebatas desainer visual saja. Kita bisa menulis beberapa paragraf tentang proses desain, konsep, masukan dari klien yang kita gunakan di desain kita, mengapa kita menggunakan desain dengan gaya tertentu dan lainnya.

Atau yang lebih menarik adalah kita bisa menceritakan seberapa efektif desain yang kita buat itu, misalnya, dalam 6 bulan website klien tersebut bisa mendapatkan 500.000 pengguna baru di karenakan kita menggunakan Sign Up form terselebung (coba dulu baru daftar). Saya yakin hal tersebut akan lebih informatif dan berguna bagi pengunjung atau calon klien kita.

3. Kalimat Pembuka yang Menarik

Kita biasa menyebutnya Tagline. Kalimat yang menarik bisa menjadi cerminan pribadi kita di dunia maya ini. Terlebih jika kalimat tersebut bisa menjadi semacam slogan bagi kita. Maka secara tidak langsung pengunjung akan mengingat kalimat tersebut dan otomatis mengingat website kita.

Walaupun elemen ini bersifat opsional, tetapi akan lebih bagus dan efektif jika kita meluangkan waktu memikirkan Tagline yang tepat untuk website portfolio kita sendiri.

4. Foto/Ilustrasi yang Menarik Perhatian

Gambar bisa menceritakan lebih banyak daripada kata-kata. Dan bila di sandingkan dengan kalimat pembuka (tagline) yang menarik maka kombinasi tersebut tidak akan terkalahkan.

Kita memang harus belajar sedikit bermetafora untuk mendapatkan hasil yang efektif. Tetapi percayalah jika kita bisa menggunakan cara ini maka website portfolio kita akan berhasil mendatangkan klien baru.

5. Posting Terbaru dari Blog

Bagi desainer yang suka menulis artikel atau senang membagikan pemikirannya pada orang lain, bisa menggunakan cara ini. Selain fungsi blog/artikel yang bisa membangun komunitas, kita juga secara bersamaan membangun personal brand. Menurut saya salah satu cara membangun personal brand adalah melalui konten pemikiran kita (yang biasanya di tuangkan dalam bentuk tulisan).

Bingung mau menulis topik apa? Coba gunakan beberapa ide simpel ini. Walaupun kamu merasa diri kamu murni desainer visual, ayo luangkan waktu untuk belajar menulis dan menuangkan kata-kata

6. Profil Pribadi / Studio

Halaman ini merupakan halaman terpenting kedua setelah portfolio. Harus dengan jelas dan jujur mendeskripsikan diri sendiri. Alasannya adalah alasan klasik, bagaimana klien mau berbisnis dengan seseorang yang identitasnya tidak jelas?

Coba ceritakan sedikit background pendidikan, pekerjaan sehari-hari, tinggal di kota mana (jika keberatan memberikan alamat lengkap) dan hal unik lain yang ada di diri kamu (misalnya, suka mengoleksi action figure dll). Intinya buatlah halaman About ini se-personal mungkin, karena ini merupakan “kartunama” kamu di dunia maya.

7. Informasi Kontak yang Jelas

Kalau pengunjung sudah sampai ke halaman ini, maka bisa di pastikan mereka sudah 75% tertarik dengan kamu. Jadi jangan sia-siakan kesempatan ini. Buatlah semudah dan seinformatif mungkin jika pengunjung mau menghubungi kita, baik itu hanya untuk berkenalan atau mau bekerjasama dalam suatu projek.

Tidak ada salahnya menyertakan alamat email, nomor handphone (jika tidak keberatan) dan alamat kantor/rumah. Ini untuk alasan kenyamanan bila klien bekerjasama dengan kita nantinya.

Salah satu trik yang saya anggap efektif adalah dengan menggunakan form yang bisa di pilih (mau berkenalan saja, mau memberikan projek atau memberikan saran). Cara ini akan memudahkan kita, karena masing-masing pilihan mempunyai subjek yang spesifik yang bisa kita pisahkan inbox emailnya (contoh, untuk berkenalan 1 inbox sendiri, untuk projek 1 inbox sendiri). Jadi kita tidak menerima berbagai macam email di 1 inbox.

8. Detail Harga

Ini masih menjadi perdebatan apakah etis untuk disertakan pada suatu website portfolio. Kalau menurut saya sah-sah saja, tergantung kepada masing-masing pribadi dan tipe bisnis yang kita jalankan.

Kelebihannya adalah kita tidak akan capai menjawab pertanyaan calon klien tentang harga (yang terkadang tidak berlanjut karena mungkin terlalu mahal). Dengan adanya informasi ini maka kita dapat sedikit memastikan bahwa kalau ada email dari klien baru maka kemungkinan dia akan menjadi klien kita.

Kalau masih ingin memberikan detil harga tetapi tidak secara langsung, kita bisa menggunakan kisaran harga, misalnya Rp.1juta – Rp.4juta atau Mulai dari Rp.3juta. Jadi tidak ada harga yang pasti, karena memang setiap projek mempunyai keunikan tersendiri.

9. Informasi Ketersediaan Menerima Projek Baru

Hal ini lumayan penting bagi para freelancer fulltime atau parttime. Calon klien jadi tahu kita available atau tidak pada waktu dia ingin menghubungi kita. Ini akan mempermudah kita dan klien. Jangan sampai sudah berdiskusi panjang lebar tapi ternyata waktu kita tidak ada yang kosong untuk menerima projek baru.

10. Testimonial

Sama seperti kita berjualan di Kaskus misalnya, testimonial memegang peranan yang penting. Jika tidak ada testimonial maka calon klien akan sedikit berspekulasi jika bekerjasama dengan kita. Mungkin klien hanya melihat dari portfolio kita yang “wah” saja.

Dengan adanya testimonial (apalagi dari nama yang lumayan terkenal), calon klien baru akan lebih yakin dengan kita. Jadi, jangan lupa meminta testimonial dari klien yang kita anggap mempunyai nama dan projek nya menarik

Kesimpulan

Elemen dan cara-cara di atas adalah elemen umum dalam desain website portfolio. Kita bisa menggunakan semuanya atau hanya beberapa saja. Yang pasti hasil kerja/karya kita, siapa kita dan kemudahan dalam menghubungi kita memegang peranan penting pada website jenis ini.

Seperti biasa, kalau ada yang elemen yang terlewat, silakan berkomentar di bawah!

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Mari kita berdiskusi tentang hal ini, tapi sebelumnya saya mau menyampaikan pendapat tentang “Apakah desainer web harus bisa coding?”. Jujur saja, saya jadi agak sedikit gatal setelah membaca salah satu artikel dan beberapa komentar dari Elliot Jay Stocks.

Harus Bisa?

Apakah desainer web harus bisa coding? Tidak selalu! Tetapi harus ‘mengerti’ bagaimana website itu nanti akan di coding. Yang artinya, semua elemen desain yang kita buat di Photoshop harus code-able. Coba intip sedikit tips tentang persiapan mendesain website.

Saya mengakui, saya tidak merasa nyaman melakukan coding sendiri. Jangan salah, bukan karena saya malas, saya pernah mencobanya dan bahkan beberapa hari yang lalu sempat belajar css basic karena melihat video tutorial dari Prakasa. (it’s a good one by the way!).

Namun saya masih merasa kesulitan mengulang pelajaran video tutorial itu dari awal (jika tidak melihat contoh/videonya), mungkin itu karena keterbatasan saya? (sering lupa code yang sudah di pakai). Yang terpenting adalah sekarang saya ‘mengerti’ cara meng-coding sebuah website dan hal ini tentu saja akan menambah dasar pemikiran saya pada saat mendesain website di Photoshop.

Pertimbangan Kemampuan, Waktu dan Kesempatan

Kenapa saya tidak meng-coding website (personal dan komersial) saya sendiri?

Pertama, karena saya merasa kemampuan saya bukan di coding, dan lebih banyak teman yang sangat berkompetensi sekali dalam hal coding, yang bisa di ajak berkerjasama dalam suatu projek website.

Kedua, waktu yang di perlukan untuk coding cukup lama, jadi saya lebih baik melimpahkan bagian code ke seseorang yang bisa di percaya, dan saya bisa melanjutkan ke projek lainnya (yang artinya perputaran projek akan lebih menguntungkan dan sistem kerja menjadi lebih efisien dan efektif).

Ketiga, belum banyak web desainer yang mengkhususkan diri pada bagian interface dan pengaturan alur informasi pada website. Hal tersebut sedikit sekali berhubungan dengan coding, ini merupakan konsep awal sebuah website. Dan menurut saya bagian ini sama pentingnya dengan code. Percuma website berfitur canggih, efek jquery mencengangkan, tetapi desainnya sungguh menyakitkan hati.

Akhirnya…

Sebagai kesimpulan, seorang desainer web harus ‘mengerti’ coding tetapi tidak harus ‘bisa’ meng-coding. Tentu saja akan lebih bagus jika ‘bisa mengerjakan’ code desainnya sendiri. Dan yang terpenting kita harus menyadari kemampuan kita yang sebenarnya berada di bagian mana.

Seperti yang kita tahu, website jaman sekarang sudah melibatkan banyak elemen, mulai dari interface (desain), code, copywriting, SEO bahkan sampai ke teknik marketing online. Apakah menurut kamu satu orang bisa memberikan semua itu?. Website bukan sekedar PSD to CSS/Html, website lebih dari itu.

Sekarang giliran kamu silakan berkomentar! atau bila berkomentar tidak cukup, kamu bisa membuat posting sendiri di blog kamu dan link balik ke posting ini supaya teman-teman yang lain bisa tetap mengikuti topik hangat ini

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Warna berfungsi untuk memberikan vibrasi tertentu di dalam suatu desain. Begitu hebatnya kekuatan warna, sehingga bisa memberikan efek psikologis kepada semua orang yang melihatnya. Malah di dalam terapi kesehatan, warna tertentu di gunakan untuk membantu pasien menjadi lebih cepat sembuh, menarik kan?

Kali ini kita akan membahas tentang psikologi warna di dalam desain grafis (contoh yang saya berikan akan berbentuk desain website karena kebetulan saya bergelut di bidang ini) tapi tidak berarti efeknya akan berbeda dengan print atau media yang lain, efek dasarnya akan tetap sama.

Merah

Merah adalah warna yang kuat sekaligus hangat. Biasanya di gunakan untuk memberikan efek psikologi ‘panas’ , ‘berani’ , ‘marah’ dan ‘berteriak’. Beberapa studi juga mengindentifikasi merah sebagai warna yang sexy.

Di dalam desain, kita bisa menggunakan warna merah sebagai aksen karena sifatnya yang kuat. Misalnya, foto hitam putih di berikan aksen warna merah sedikit saja sudah bisa membuat foto tersebut menjadi terlihat berbeda.

Hijau

Hijau adalah warna yang tenang karena biasanya di kaitkan dengan lingkungan dan alam. Di dalam desain, kita bisa menggunakan warna hijau untuk memberikan kesan segar. Dan dengan mudah kita bisa memberikan nuansa membumi dengan kombinasi warna hijau dan coklat gelap.

Kalau warna merah di atas bisa di ibaratkan sebagai musik rock dengan hentakan keras dan cepat, maka warna hijau bisa di ibaratkan sebagai musik klasik (atau musik-musik meditasi). Maka itu berhati-hatilah memadukan merah dan hijau, karena akan sedikit bermasalah. Atau tambahkan saja kuning sehingga menjadi musik Reggae

Biru

Biru adalah warna favorit para pria dan termasuk warna yang ‘dingin’. Kalau di dunia desain, biru sering di sebut “warna corporate” karena hampir semua perusahaan menggunakan warna biru sebagai warna utamanya. Tidak heran memang, karena biru merupakan warna yang termasuk tenang  dan bersifat penyendiri.

Efek lain warna biru adalah sering di anggap sebagai warna yang sedih (langit biru di malam hari?). Biru juga bisa di pakai untuk menurunkan nafsu makan, karena berkonotasi dengan racun. Jadi gunakanlah warna biru untuk mendesain box obat diet.

Kuning

Kuning adalah warna yang ceria, menyenangkan dan menurut saya sedikit ‘melompat-lompat’. Tidak heran warna kuning identik dengan mainan anak-anak. Kuning juga biasanya di gunakan untuk mendapatkan perhatian dari orang yang melihat desain kita.

Karena begitu kuatnya warna kuning ini, seringkali di gunakan untuk mendapatkan perhatian orang. Ingat rambu lalu lintas yang memberikan tanda bahaya? Semua di dominasi warna kuning atau merah (yang masih satu garis keturunan).

Ungu

Ungu adalah warna yang memberikan kesan spiritual, kekayaan dan kebijaksanaan. Saya jadi ingat desain baju penyihir / dukun / sejenisnya di jaman medieval, kebanyakan di dominasi warna ungu. Ungu juga warna yang unik karena sangat jarang kita lihat di alam.

Dengan menggunakan warna ungu kita bisa memberikan kesan unik pada desain kita, baik kita menggunakan secara dominan atau hanya sebagai aksen saja. Kelemahannya adalah sangat susah di padukan dengan warna lain, kita harus ekstra memikirkan warna yang cocok bersanding dengan warna ungu.

Coklat

Coklat adalah warna bumi, memberikan kesan hangat, nyaman dan aman. Namun selain itu, coklat juga memberikan kesan ‘sophisticated’ karena dekat dengan warna emas. Bisa di bayangkan kesan ‘mahal’ desain dengan kombinasi warna hitam dan coklat muda.

Dan tidak lupa, coklat juga bisa memberikan nuansa ‘dapat di andalkan’ dan ‘kuat’. Saya membayangkan warna coklat bisa di gunakan di firma hukum sebagai warna utama perusahaan mereka.

Oranye

Oranye adalah hasil peleburan merah dan kuning, sehingga efek yang di hasilkan masih tetap sama, yaitu ‘kuat’ dan ‘hangat’. Warna ini sering di gunakan pada tombol website yang penting, seperti ‘buy now’ , ‘register now’ dan lainnya yang sejenis, istilahnya adalah ‘call to action’ button.

Dari sisi psikologis sebenarnya warna oranye memberikan kesan tidak nyaman, dan sedikit gaduh. Mungkin karena sebab itulah warna ini paling banyak di pakai untuk menarik perhatian orang.

Merah Muda

Merah muda adalah warna yang feminin, kalau menggunakan warna ini pasti kamu berurusan dengan sesuatu yang bersifat kewanitaan. Efek cinta romantis juga bisa timbul dari warna merah muda ini, agak sedikit berbeda dengan warna merah yang lebih menggambarkan ‘gairah yang berani’.

Tetapi banyak juga desainer yang berani menggunakan warna merah muda ini dengan terang-terangan. Misalnya dengan kombinasi hitam dan merah muda sebuah desain bisa menjadi terlihat unik.

Putih

Putih adalah warna yang murni, tidak ada campuran apapun. Makanya sering di anggap sebagai warna yang menimbulkan efek suci dan bersih. Ketika kita ingin membuat desain yang simple dan minimalis, menggunakan warna putih adalah langkah yang tepat (walaupun bukan cara satu-satunya).

Hitam

Hitam adalah warna yang gelap, suram, menakutkan tetapi elegan. Saya merasa elemen apapun jika di taruh di atas background hitam akan terasa lebih bagus (misalnya, pada waktu menampilkan foto, portfolio atau produk). Tapi tidak selalu efektif di dalam kasus tipografi.

Kesimpulan

Kombinasi warna yang tepat dapat memberikan karakter dan vibrasi pada suatu desain. Warna juga bisa di gunakan untuk mendapatkan perhatian orang yang melihat desain kita dan pada akhirnya mengerti pesan yang kita sampaikan melalui visual secara keseluruhan.

Sekarang pertanyaannya, apa warna favorit kamu? dan mengapa?

PS: Thanks to Fikri atas ide postingnya melalui komentar di FB Page Jurus Grafis!

Temui Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis. Kalau tidak ingin ketinggalan posting berikutnya, kamu bisa berlangganan melalui Email atau RSS.

Sekarang ini mulai banyak website baru buatan lokal muncul, dan ini merupakan indikasi yang bagus untuk industri desain website lokal. Maka dari itu Jurus Grafis membuat ‘rubrik’ baru yaitu Tinjauan Desain (Design Review), yang pada saat ini membahas desain website sebuah majalah online bernama Whiteboard Journal.

Pengenalan Singkat

Whiteboard Journal adalah media publikasi online yang membahas bidang fashion, desain, hiburan dan seni. Kalau melihat materi yang di sampaikan tentu ini di tujukan untuk pembaca Internasional dan Lokal (menggunakan bahasa inggris).

Mempunyai fitur yang menarik seperti “Round Table” yang berisi wawancara dan diskusi (podcast) dengan narasumber dan topik yang sedang hangat. Fitur “Column” dan “Focus” dengan artikel dan insight yang mendalam, tidak lupa juga “W-Music” dan “City Guide” sebagai pelengkap yang menyenangkan.

Minimalis, Aksen dan Detail

Desain homepage Whiteboard Journal sangat rapih, bersih dan tidak banyak basa basi. Sesuai dengan tagline mereka, A Concise Publication, publikasi yang ringkas. Di tunjukan dengan menggunakan slideshow di bagian atas (above the fold) untuk meng-emphasis artikel dan konten inti terbaru yang ada di website ini.

Lalu di lanjutkan dengan lembut  ke berita terbaru di bawah slideshow. Yang menarik dari news feed ini adalah icon yang di gunakan pada masing-masing kategori berita, seperti penggunaan icon pensil untuk kategori Art & Design, icon gantungan baju untuk Fashion, dan lainnya. Cara ini memberikan detil yang membantu para pembaca untuk menemukan kategori yang sesuai dengan minat mereka.

Di bagian sidebar kanan sebenarnya biasa saja, karena kebanyakan hanya iklan yang di taruh disana. Tapi ada satu yang menarik perhatian saya yaitu sebuah widget “Latest Feature” yang menggunakan metode tabbed browsing untuk mengakomodasi konten yang lumayan beragam. Dan menurut saya cara ini sangat efektif sekali untuk website tipe majalah.

Dan ditutup dengan rapih oleh footer yang informatif, berisi semua kategori berita dan fitur website, termasuk tautan ke online store Whiteboard Journal. Tak lupa juga bagian footer di jadikan area monetisasi untuk menaruh banner iklan.

Sedikit permasalahan usability di header adalah logo Whiteboard tidak bisa di klik untuk kembali ke homepage. Saya rasa ini sudah menjadi standard pada semua website kalau logo itu jika di klik harus kembali ke homepage.

Halaman Berita

Penggunaan foto dengan lebar yang sesuai dengan area konten membuat bagian ini tetap rapih, walaupun menurut saya besar font nya masih terlalu kecil, coba bayangkan orang yang membaca dengan resolusi 1440  ke atas, mereka pasti sedikit kesulitan.

Saya tidak mengerti mengapa tidak ada kolom komentar di akhir posting, rasanya ini bisa menjadi masukan. Atau memang sengaja tidak menggunakan kolom komentar?. Ini membuat kesan percakapan satu arah yang sudah tidak jaman lagi sekarang ini.

Halaman Fitur yang Unik

Kalau kita masuk ke salah satu fitur seperti “Round Table” maka layout yang di tampilkan menjadi agak berbeda. Sidebar di hilangkan sehingga area besar di tengah menjadi fokus. Kolom di bagi 2 sehingga kita merasa seperti membaca majalah cetak.

Yang menjadi masalah disini adalah flow membaca artikel, pertama karena tidak ada Drop Cap pada paragraf pertama, kedua karena tidak menggunakan H2 untuk huruf text yang lebih besar sebagai penanda dan ketiga tidak ada petunjuk kemana kita harus membaca selanjutnya, ke bawah atau ke kanan. Tipografi harus di perhatikan lagi di bagian ini yang menurut saya sangat krusial.

Terakhir adalah pagination yang sangat terlalu kecil, kalau pembaca kurang jeli mungkin mereka melewatkan dan selesai membaca dengan bingung karena artikel belum selesai tetapi tidak ada lanjutannya lagi. Solusi nya adalah memperbesar angka pagination di bawah, dan berikan petunjuk yang jelas kita sekarang berada di halaman berapa.

Salah Satu Contoh Layout Toko Online yang Baik

Saya merasa bagian ini sangat baik, semua produk Whiteboard bisa langsung di lihat dengan mudah. Di tunjang dengan informasi ketersediaan barang pada setiap foto.

Yang kurang hanya tidak ada informasi harga sampai kita masuk ke dalam halaman detail produk. Tombol ‘Buy’ yang terlalu kecil dan kurang kontras (ini berpengaruh kepada psikologi kita untuk mengklik atau tidak), dan terlalu di ulang-ulang sampai 3 kali. Saya rasa cukup dengan 1 tombol yang lumayan besar, warna kontras (kuning atau hitam pekat?) dan di tempatkan di samping harga atau di akhir informasi.

Kesimpulan

Whiteboard Journal bisa di jadikan standard yang sangat baik untuk desain website bertipe majalah yang berisi kategori beragam. Walaupun ada beberapa masalah usability di sana sini, namun saya rasa itu masih dapat di maklumi dan hanya masalah minor saja.

Menurut kamu bagaimana desain interface website Whiteboard Journal? Yuk berdiskusi di kolom komentar

Dan kalau kamu tertarik website kamu di bahas di sini silakan kirimkan email ke,
hello [at] jurusgrafis.com atau jurusgrafis [at] gmail.com

Ayo berlangganan Jurus Grafis melalui Email dan RSS, supaya kamu tidak ketinggalan artikel menarik berikutnya!. Temui juga Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis untuk berita tambahan seputar desain.