Pekerjaan web designer pada dasarnya hanya berkutat pada web design semata. Perdebatan antara tugas seorang web designer dan web developer masih saja terjadi di masyarakat terutama pada masyarakat yang masih awam soal teknologi. Padahal, permasalahan utama hanyalah satu. Web design hanya berkutat mendesain tampilan website tanpa menyentuh kode-kode pemrograman sedangkan web developer hanya berkutat pada hal-hal yang berbau kode.

Berbicara mengenai web design, tentu saja berkaitan dengan desain sebuah situs website. Desain disini adalah desain yang bisa dinikmati melalui layar computer. namun, jangan samakan web design dengan graphic design karena dua hal tersebut jelas sangat jauh berbeda. Dibawah ini adalah hal-hal mengenai web design yang perlu anda ketahui:

Wireframing (merancang konsep sebuah layout)

Hal pertama pertama dari kegiatan web design adalah merancang konsep sebuah layout atau biasa dikenal dengan istilah wireframing. Ada berbagai jenis rancangan layout dari hanya sekedar membuat rancangan di kertas atau dengan menggunakan tools computer.

Merancang layout secara visual

Setelah berhasil merancang konsep layout atau wireframing, kini tiba saatnya untuk merancang layout dengan memperhatikan aspek visualnya melalui gimp, firework maupun photoshop. Pada tahap ini seorang web designer dapat menyalurkan berbagai ide seperti menempatkan gambar, memberi warna dan lain sebagainya. Mereka tentu harus memilki penjelasan yang mendetail mengenai desain yang telah dibuat, biasanya berkaitan dengan pemilihan font, warna dan lain sebagainya.

Konversi layout ke HTML dan juga CSS

Layout secara visual saja sebenarnya belumlah cukup untuk dibilang sebagai desain sebuah website. Dengan demikian, layout visual tersebut haruslah berfungsi dan dijalankan dengan baik ketika dibuka pada browser. Maka dari itu, akan dibutuhkan beberapa proses konversi yang berasal dari file Gimp, Firework maupun Photoshop kedalam CSS dan HTML supaya bisa dijalankan dengan baik pada browser. Istilah ini biasanya disebut dengan Slicing. Pada tahap ini, web designer akan memotong desai visual yang telah ia buat menjadi beberapa potongan gambar. Hal ini agar gambar yang akan digunakan pada website tidak memilki ukuran yang terlalu besar.

Membuat HTML

Setelah berhasil menyelesaikan proses slicing, tahap selanjutnya adalah mengatur layout elemen-elemen yang ada dalam sebuah website sesuai dengan layout visual yang telah dibuat. Dibutuhkan pengetahuan yang mencukupi mengenai bahasa HTML atau markup bagi seorang web designer agar web design yang dibuat bisa maksimal.