Website

Merupakan sekumpulan halaman-halaman web, gambar, video, atau asset-aset digital lainnya yang disimpan pada satu atau lebih web server, biasanya dapat diakses melalui internet

Desain Website

A.    Prinsip-prinsip Desain Web

1. Keseimbangan

Ada 2 jenis keseimbangan ;

a.       Keseimbangan simetris

Mempunyai elemen yang sama bobotnya pada dua sisi dari garis vertical imajiner pada halaman web. Tata letak simetris ini menghasilkan desain yang statis dan berkesan formal, sederhana dan mudah dalam pembuatannya, tapi membosankan dan kurang menarik

b.      Keseimbangan asimetris

Mempunyai elemen yang tidak sama bobotnya pada dua sisi dari garis vertical imajiner pada halaman web. Tata letak desainnya menjadi lebih dinamis untuk memakai ruang yang masih kosong

2. Kontras

Mudah dipahami, yaitu dengan melihat dari dua obyek yang berlainan, sehingga membuat kesan tampilan desain yang menonjol dan menarik perhatian

3. Konsisten

Dapat membuat pengunjung merasa nyaman, karena menjelajah situs lebih mudah dan tidak membingungkan. Ketika pengunjung membuka suatu halaman situs yang konsisten, dia langsung tahu kemana harus pergi dan dia tahu berada dimana

4. Ruang kosong

Biasanya disebut dengan ruang negative, suatu istilah yang menggambarkan suatu ruang terbuka diantara elemen-elemen desain. Ini bias ditemukan diantara kata, paragraph, huruf dari teks, bias juga diantara gambar dan elemen di halaman web. Ini membantu dalam mengarahkan mata pembaca dari satu titik ke titik lainnya.

B.     Dasar-dasar desain Web

1. Warna

Merupakan sensitivitas yang berhubungan dengan indera, Warna dapat menjadi perhatian, menarik, menolak, menggemaskan, bahkan warna bias mempengaruhi emosi. Warna dapat menimbulkan kesan pertama pada pengunjung ketika menjelajah sebuah situs/web.

Metode untuk memilih warna yang serasi, yaitu :

a.      Metode warna beruntun

Warna beruntun terdiri dari tiga warna yang letaknya saling bersebelahan dan biasanya ada satu warna yang dominan. Metode ini menghasilkan warna lembut yang serasi (mis kuning, kuning-orange, orange).

b.     Metode warna berlawanan

Warana berlawanan terdiri dari dua warna yang letaknya bersebrangan. Metode ini menghasilkan warna yang kontras (mis. Merah dan hijau).

c.      Metode warna segitiga

Sesuai dengan namanya terdiri atas tiga warna yang letaknya dintentukan dengan bentuk segitiga. Metode ini menghasilkan warna yang serasi misalnya biru, merah dan kuning.

d.     Metode warna memudar

Metode ini menggunakan satu warna yang diturunkan intensitas warnanya menjadi lebih muda.

e.      Metode warna kombinasi

Merupakan gabungan dari dua warna atau lebih yang menghasilkan warna yang harmonis.

2. Tipografi

Adalah seni dalam huruf yang meliputi pemilihan huruf, penentuan ukuran yang tepat, dimana teks dapat diputus, spasi jarak, dan bagaimana teks dapat dengan mudah dibaca

3. Bentuk

Penggunaan bentuk yang efektif akan memberikan motivasi, inspirasi dan tantangan kepada pengunjung. Bentuk dasar meliputi lingkaran, persegi/kotak dan segitiga. Arti dari bentuk dasar:

• Lingkaran memiliki arti koneksi, komunikasi, keseluruhan, ketahanan, pergerakan, keamanan, kehangatan, kenyamanan, sensual dan cinta, yang lebih cenderung femini
• Kotak memiliki arti keteraturan, logis, keamanan, kepadatan, berat
• ­ Segitiga memiliki arti energi, kekuatan, keseimbangan, hokum, ilmu pasti, agama, agresi, dan pergerakan yang dinamis, yang lebih cenderung maskulin

4. Layout

Adalah proses penataan dan pengaturan teks atau grafik pada halaman. Layout meliputi penyusunan, pembagian tempat dalam suatu halaman pengaturan jarak spasi, pengelompokkan teks dan grafik, dan penekanan pada suatu bagian tertentu

Secara umum, halaman web memakai lima jenis layout dan pemilihan layout disesuaikan dengan jenis informasi yang ditampilkan. Jenis-jenis layout tersebut adalah :

a.      Model Layout Top Index

Digunakan untuk menampilkan link yang banyak ke situs lain seperti search engine.

b.     Model Layout Bottom Index

Digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal.

c.      Model Layout Left Index

Digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian informasi pada halaman utama.

d.     Model Layout Split

Halaman akan terjaga keseimbangannya.

e.      Model Layout Alternating Index

Diguankan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah dan lain-lain.

C.    Usability

Adalah sebagai suatu pengalaman pengguna dalam berinteraksi dengan aplikasi atau web sampai pengguna dapat mengoperasikannya dengan mudah dan cepat.

Website harus memenuhi lima syarat untuk mencapai tingkat usability yang ideal, antara lain ;

1. Mudah untuk dipelajari

Meletakkan isi yang paling penting di bagian atas halaman, agar pengunjung dapat mendapatkannya dengan cepat.

2. Efisien dalam penggunaan

Menggunakan link dengan seperlunya dan hantarkan pengunjung untuk mencapai informasi yang diperlukan dengan cepat dan mudah.

3. Mudah untuk diingat

Situs jangan terlalu banyak melakukan perubahan yang terlalu mencolok khususnya navigasi.

4. Tingkat kesalahan rendah

Hindari link yang tidak berfungsi atau halaman masih dalam proses pembuatan.

5. Kepuasan Pengguna

Kepuasan adalah hal yang penting untuk diperhatikan untuk keberlangsungan website.

Bagaimana membuat website yang baik ?

Untuk membuat website diperlukan langkah-langkah persiapan yang secara umum dibagi dalam lima tahap, diantaranya :

1.     Merumuskan tujuan membuat website

Berdasarkan isi maupun tujuan suatu website biasanya dapat digolongkan.

·         Menentukan isi website

Faktorpenting dalam suatu website adalah isi dari website. Halini berkaitan dengan manfaat yang akan diperoleh pengunjung dari sebuah website.

·         Menentukan target pengunjung

Ini didasarkan penggunaan hardware dan aplikasi browser yang berbeda dengan setiap pengunjung.

·         Menentukan struktur website

Diperlukan untuk memberikan kemudahan dalam mengelola suatu website dan harus disesuaikan dengan isi dari website. Struktur yang terorganisasi dengan baik maka website akan memberikan kemudahan dalam navigasi, editing dan pemeliharaan website terebut.

2.     Desain website

Faktor keindahan desain tampilan dari suatu website meruapakan salah satu faktor penting dalam menentukan keberhasilan suatu website selain faktor kecepatan loading.

3.     Elemen-elemen desain

Deain grafis khususnya dalam halaman web terdiri dari beberapa elemenen, yaitu : teks, grafik atau image, animasi, video, suara, dan interaktif link.

4.     Konsep desain

Pada intinya konsep mendesain tampilan website sangat berkaitan dengan desain grafis dan pada dasarnya mengikuti prinsip desai grafis secara umum, yaitu :

·        Komunikatif

Berhubungan dengan corporate identity, isi pesan dan audiens.

·        Estetis

Fugsi dari estetis adalah memberikan suatu keindahan sehingga lebih menarik minat pengunjung.

·        Ekonomis

Desain web harus memperhatikan factor ekonomis dalam arti ukuran file yang digunakan.

5.     Pembuatan Layout

Berikut ini merupakan proses yang secara umum banyak dilakukan dalam pembuatan layout :

·         Membuat sketsa desain

·         Membuat layout desain

·         Membagi gambar menjadi potongan-potongan kecil

·         Membuat animasi

·         Membuat HTML.

Berikut kiat-kiat membuat web site yang baik

Isi
Yang pertama-tama  dipikirkan adalah apa yang ingin ditampilkan dalam web. Apakah itu company profile, atau  berita, atau koleksi gambar.

Struktur menu

Setelah tahu apa yang akan ditampilkan baru kemudian dirancang menu-menunya. Menu-menu nanti yang akan menjadi navigasi untuk mengarahkan pengunjung supaya mudah menemukan informasi yang perlu ia dapatkan.

Disain
Supaya pengunjung merasa nyaman browsing di website anda, anda harus membuat supaya web anda cantik. Pilihan warna-warna juga perlu dilakukan supaya mata yang melihatnya enak. Flash juga perlu, tapi dijaga supaya tidak terlalu ramai.

Mudah diindex oleh mesin pencari /search engine

Cara pembuatan HTML file juga perlu diperhatikan supaya search engine seperti Google mudah mengindex sehingga calon pelanggan yang sedang melakukan searching di Google mudah menemukan web anda sehingga anda mempunyai peluang mendapat pelanggan baru.

Ukuran file

Ukuran file juga harus diperhatikan supaya pengunjung cepat melihat web anda. Kalau terlalu menunggu, pengunjung akan meninggalkan web anda dan pindah ke tempat lain.

Pemasaran
Harus ada pemasaran yang efisien sehingga web anda dikenal orang. Ini bisa dilakukan secara offline maupun online. Jika dananya terbatas maka lakukan dengan online, jika dananya cukup lakukan gabungan pemasaran offline dan online. Untuk online lakukan dengan SEO (Search Engine Optimization), sehingga website anda mudah ditemukan melalui Google

Offline marketing tool

Website yang dihasilkan harus bisa disimpan dalam versi CD sehingga bisa dipakai sebagai Company Profile CD atau Product Catalog CD. CD ini juga bisa dipakai sebagai presentation tool untuk team sales dan marketing.