Tugas Seorang Web Designer

Kalau berbicara soal web designer, maka jelas pekerjaannya adalah membuat desain sebuah website, desain tersebut akan dibuka atau dinikmati pada sebuah layar seperti layar komputer, layar handphone, layar tablet, desain web bukan desain yang nantinya akan dicetak seperti brosur, poster, banner, atau cover majalah karena itu pekerjaan seorang graphic designer. Tentunya ini sangat berbeda, dari medianya pun sangat berbeda, graphic designer pekerjaannya lebih dominan ke pembuatan desain untuk media cetak, sedangkan web designer hasil pekerjaanya akan di buka di sebuah layar monitor.

jasa pembuatan web di bogor, jasa pembuatan website profesional di bogor, jasa pembuatan website di bogor bogor west java 16680,jasa pembuatan web bogor city west java, jasa pembuatan website murah bogor, jasa pembuatan web murah bogor, jasa pembuatan website di bogor bogor west java, jasa pembuatan website daerah bogor, jasa pembuatan website - wansolution.co.id kota bogor jawa barat, jasa pembuatan website murah di bogor, jasa pembuatan website bogor, jasa web di bogor, jasa web design bogor, jasa pembuatan web bogor city west java, jasa bikin web di bogor, jasa pembuatan web murah bogor, jasa buat web bogor, jasa pembuatan web di bogor, jasa pembuatan website di bogor, jasa buat website di bogor, jasa pembuatan website murah bogor, jasa pembuatan web bogor, jasa pembuatan website bogor, jasa web di bogor, jasa web design bogor, jasa pembuatan web bogor city west java, jasa pembuatan website di bogor, jasa pembuatan website murah bogor, jasa buat website di bogor, jasa bikin website bogor, jasa bikin web caringin bogor, jasa bikin website di bogor, jasa bikin web di bogor, jasa pembuatan website profesional di bogor, jasa pembuatan website di bogor bogor west java 16680, jasa pembuatan web murah bogor, jasa pembuatan website bogor, jasa pembuatan website di bogor bogor west java, jasa root android bogor, jasa pembuatan aplikasi android bogor, jasa upgrade os android bogor, jasa isi game android bogor, jasa root android di bogor, jasa pembuatan aplikasi android di bogor, jasa pembuatan aplikasi android murah bogor jawa barat, jasa pembuatan aplikasi android bogor,jasa pembuatan website dijakarta, jasa pembuatan website sentul, jasa pembuatan website cibubur, jasa pembuatan website cibininong, jasa pembuatan website bandung, jasa pembuatan website puncak, jasa pembuatan website sukabumi,harga jasa pembuatan website company profile, jasa pembuatan website company profile, jasa pembuatan website company profile jakarta, jasa pembuatan website company profile jogja, jasa pembuatan website company profile murah, jasa pembuatan website company profile surabaya, biaya jasa company profile, company profile asuransi jasa tania, company profile cv jasa, company profile jasa angkutan, company profile jasa angkutan darat, company profile jasa catering, company profile jasa cleaning service, company profile jasa ekspedisi, company profile jasa fotografi, company profile jasa hukum, company profile jasa keamanan, company profile jasa kebersihan, company profile jasa konstruksi, company profile jasa konsultan, company profile jasa kontraktor, company profile jasa raharja, company profile jasa service ac, company profile jasa tenaga kerja, company profile jasa transportasi, company profile kospin jasa, company profile otoritas jasa keuangan, company profile perum jasa tirta ii, company profile perusahaan jasa advertising, company profile perusahaan jasa angkutan darat, company profile perusahaan jasa angkutan laut, company profile perusahaan jasa catering, company profile perusahaan jasa cleaning service, company profile perusahaan jasa ekspedisi, company profile perusahaan jasa event organizer, company profile perusahaan jasa forwarding,  company profile perusahaan jasa hotel, company profile perusahaan jasa interior, company profile perusahaan jasa it, company profile perusahaan jasa konstruksi, company profile perusahaan jasa konstruksi listrik, company profile perusahaan jasa konsultan, company profile perusahaan jasa laundry, company profile perusahaan jasa outsourcing, company profile perusahaan jasa rental mobil, company profile perusahaan jasa teknik, company profile perusahaan jasa telekomunikasi, company profile perusahaan jasa tenaga kerja, company profile perusahaan jasa travel, company profile perusahaan jasa umum, company profile pt jasa marga, company profile pt jasa sarana, company profile pt. aneka jasa grhadika, company profile pt.jasa angkasa semesta, contoh company profile cv jasa konstruksi, contoh company profile jasa angkutan, contoh company profile jasa arsitek, contoh company profile jasa ekspedisi, contoh company profile jasa hukum, contoh company profile jasa rewinding, contoh company profile jasa transportasi, contoh company profile perusahaan jasa event organizer, contoh company profile perusahaan jasa forwarding, contoh company profile perusahaan jasa fotografi, contoh company profile perusahaan jasa furniture, contoh company profile perusahaan jasa instalasi,  contoh company profile perusahaan jasa interior, contoh company profile perusahaan jasa it, contoh company profile perusahaan jasa laundry, contoh company profile perusahaan jasa rental mobil, contoh company profile perusahaan jasa transportasi, contoh company profile perusahaan jasa travel, contoh company profile perusahaan jasa wisata, contoh company profile usaha jasa, harga jasa buat company profile, harga jasa company profile, harga jasa desain company profile, harga jasa foto company profile, harga jasa pembuatan company profile, harga jasa pembuatan company profile di jakarta, harga jasa video company profile, jasa bikin company profile kaskus, jasa bikin website company profile, jasa buat company profile, jasa buat company profile jakarta, jasa buat company profile murah,  jasa buat company profile surabaya, jasa buat website company profile, jasa cetak company profile, jasa cetak company profile di jakarta, jasa company profile, jasa company profile bandung, jasa company profile bogor, jasa company profile di semarang, jasa company profile jakarta, jasa company profile jogja, jasa company profile kaskus, jasa company profile murah, jasa company profile perusahaan, jasa company profile semarang, jasa company profile surabaya, jasa desain company profile jakarta, jasa desain company profile murah, jasa desain company profile surabaya, jasa foto company profile, jasa marga company profile,  jasa membuat company profile, jasa pembuatan company profile, jasa pembuatan company profile bandung, jasa pembuatan company profile cetak, jasa pembuatan company profile cikarang, jasa pembuatan company profile di bali, jasa pembuatan company profile di bandung, jasa pembuatan company profile di bekasi, jasa pembuatan company profile di jakarta, jasa pembuatan company profile di jogja, jasa pembuatan company profile di malang, jasa pembuatan company profile di semarang, jasa pembuatan company profile di solo, jasa pembuatan company profile di surabaya, jasa pembuatan company profile di yogyakarta, jasa pembuatan company profile flash, jasa pembuatan company profile jakarta, jasa pembuatan company profile jogja, jasa pembuatan company profile kaskus, jasa pembuatan company profile kualitas dahsyat, jasa pembuatan company profile murah, jasa pembuatan company profile murah jakarta, jasa pembuatan company profile semarang, jasa pembuatan company profile surabaya, jasa pembuatan company profile video, jasa pembuatan company profile website, jasa pembuatan logo dan company profile, jasa pembuatan video company profile bandung, jasa pembuatan video company profile di surabaya, jasa pembuatan video company profile jakarta,  jasa pembuatan video company profile murah, jasa pembuatan video company profile perusahaan, jasa pembuatan video company profile surabaya, jasa pembuatan website company profile jakarta, jasa pembuatan website company profile murah, jasa pembuatan website company profile surabaya, jasa raharja putera company profile, jasa video company profile, jasa video company profile jakarta, jasa video company profile surabaya, jasa web company profile, jasa web design company profile,

Kalau berbicara soal web designer, maka jelas pekerjaannya adalah membuat desain sebuah website, desain tersebut akan dibuka atau dinikmati pada sebuah layar seperti layar komputer, layar handphone, layar tablet, desain web bukan desain yang nantinya akan dicetak seperti brosur, poster, banner, atau cover majalah karena itu pekerjaan seorang graphic designer. Tentunya ini sangat berbeda, dari medianya pun sangat berbeda, graphic designer pekerjaannya lebih dominan ke pembuatan desain untuk media cetak, sedangkan web designer hasil pekerjaanya akan di buka di sebuah layar monitor.

Merancang Konsep Layout (Wireframing)

Tugas pertama web designer adalah membuat rancangan layout website, rancangan layout ini bermacam-macam, ada yang sekedar membuat wireframe dengan coret-coret di kertas atau dengan tools untuk membuat wireframe lainya seperti balsamiq atau Mockingbird, ada yang cukup membayangkan di otak dan langsung membuatnya di photoshop, ada yang langsung di browser.

Merancang Layout Secara Visual

Setelah membuat rancangan layout dalam bentuk wireframe, selanjutnya tentunya membuat bentuk visualnya, bisa di photoshop, firework atau gimp.

Disini web designer bisa menyalurkan ide-idenya dalam membuat setiap elemen yang ada di website, memberi warna, menempatkan gambar dan lainya.

Web designer tentunya harus punya penjelasan-penjelasan tentang desain yang dia buat, biasanya ini terdokumentasi lengkap, kenapa memilih warna tertentu, font apa yang digunakan, dan lain sebagainya.

Konversi Layout Visual ke HTML dan CSS

Tampilan visual saja belum cukup, untuk bisa dibilang sebagai desain sebuah website maka tampilan visual tersebut harus bisa dijalankan dan harus berfungsi dengan baik jika dibuka pada sebuah web browser. Untuk itu tentunya dibutuhkan proses konversi dari file Photoshop, Firework atau Gimp kedalam bentuk HTML dan CSS agar bisa dijalankan dengan baik di Web Browser. Biasanya dikenal istilah Slicing, karena sebagain besar desain web dibuat dengan photoshop.

Pada bagian ini web designer memotong-motong desain visual yang sudah dibuat menjadi potongan-potongan gambar. Gunanya tentu agar gambar yang digunakan pada website nantinya tidak besar dan memberatkan, selain itu kegunaan memotong-motong gambar yaitu agar bisa menentukan bagian mana saja baik tulisan atau gambar yang nantinya bisa dibuat dinamis dan bagian mana yang hanya statis.

Membuat Susunan Markup (HTML)

Tugas web designer setelah proses slicing tersebut adalah mengatur tata letak elemen-elemen yang ada di sebuah website sesuai dengan bentuk visual yang sudah dibuat sebelumnya, untuk mengatur tata letak tentunya dibutuhkan pengetahuan akan bahasa markup, yaitu HTML (Hypertext Markup Langugage) jadi web designer harus mengerti HTML, sekarang bahkan sudah HTML5.

Kenapa harus mengerti bahasa markup? sekali lagi karena desain yang dibuat itu nanti akan dibuka disebuah layar monitor dengan menggunakan web browser, bukan untuk di cetak. Jadi web designer harus bertanggung jawab memastikan desain yang dibuatnya bisa tampil baik di browser tersebut, bukan hanya satu browser, tapi ada banyak browser yang digunakan, jadi kompatibilitas tampilan di setiap browser juga menjadi tanggung jawab web designer, jadi web designer harus paham juga istilah web standard, pemahaman akan web standard ini tentunya akan sangat membantu ketika dia merancang web secara visual di photoshop, dengan paham kompatibilitas browser dia akan sangat berhati-hati dalam membuat desain, jangan sampai apa yang dibuat ternyata menimbulkan hasil yang berbeda jika dilihat di browser yang berbeda.

Kenapa web designer yang menyusun markup? karena web designer lah yang paling mengerti bagaimana seharusnya desainnya bekerja pada sebuah web browser.

Mempercantik Markup Dengan CSS

Mengatur tata letak tidak cukup dengan HTML karena nanti jadinya sangat monoton, seorang web designer bertugas juga untuk mempercantik tampilan markup tersebut, tentunya untuk mempercantiknya dibutuhkan CSS (Cascading Stylesheet) yang memang pasangannya HTML, jadi web designer juga harus memahami CSS, karena dengan CSS lah nanti semua elemen yang ada di website akan diatur, seperti warna backround, bentuk teks, ukuran teks, lebar layout, jumlah kolom, dan lainnya. Tujuan akhirnya yaitu agar desain yang dibuat secara visual di Photoshop dapat serupa dengan tampilan di browser dalam bentuk HTML dan CSS.

Memberi Efek Tambahan Yang Diperlukan

Di zaman sekarang teknologi website semakin berkembang dengan hadirnya HTML5, CSS3, SVG, Jquery, dan teknologi lainnya. Semua teknologi itu tentunya untuk menunjang tampilan website, siapakah yang bertugas atas tampilan sebuah website? tentunya web designer, jadi web designer juga harus menguasai itu semua karena itu semua sangat penting untuk menunjang tampilan sebuah website.

Siapa yang bertanggung jawab berapa lama waktu delay dari sebuah slideshow? tentunya web designer, jadi web designer lah yang akan menentukan berapa waktu delay (jeda) munculnya slide pertama dan slide kedua.

Siapa yang bertanggung jawab atas tampilan website pada sebuah layar handphone? tentunya web designer, jadi dia harus mengerti penggunaan Media Query di CSS kalau mau websitenya tampil responsive. Atau dia harus mengerti istilah Fluid Layout jika websitenya ingin ada versi mobile tersendiri.

Memastikan kode sudah benar (Validation)

Tentunya kualitas kode juga harus diperhatikan, apakah kode yang dibuat sudah memenuhi standar atau belum, jadi kode-kode HTML yang sudah dibuat harus di validasi dengan tools yang ada seperti W3 Validator.

Revisi atau Update (Version Control | GIT)

Kadang saat tampilan sudah jadi dan sudah dikerjakan oleh web programmer, eh ternyata desainya ada yang kurang sempurna, ada kesalahan. Dan web designer harus membetulkan desain tersebut. Untuk kolaborasi antara web designer dan web programmer biasanya sebuah tim menggunakan software seperti Git,  jadi perubahan-perubahan yang sudah dilakukan oleh designer di push dengan Git, agar nanti jika terjadi kesalahan lagi tidak sulit untuk mengelolanya. Jadi web designer juga harus memahami penggunaan software seperti Git.

4 Langkah Mudah Pembuatan Website

Diskusikan, pilih paket dan theme website yang di inginkan
Isi formulir pemesanan sesuai paket yang telah dipesan
Lakukan pembayaran sesuai invoice dari perusahaan
Pengerjaan dan revisi sesuai waktu yang di sepakati
0857-7612-559 (WA)
0878-239-5001 (WA)

(0251) 857 65 53

info@pioneerteknologi.com

kirim Penawaran dan Konsep

Alamat

Ruko Bukit Cimanggu City, Jl. Bukit Cimanggu Villa B1 No.10, Cibadak, Tanah Sereal, Kota Bogor, Jawa Barat 16166