The following showcase includes some examples of brilliantly illustrated web designs to help inspire you for your next project.

1. Toris Eye

This is a very cool site that you have to see to really appreciate. It offers simple motion, creative ideas, nice colors and oh so much more.

2. Carreras Con Futoro

This site might be “drawn” and “painted” with Photoshop brushes, but it still has that hand drawn style to it. Great for those of you who don’t have the traditional artistic skill set.

3. Moshi Monster

As one would epect, this online kids game is full of animation, cute little monsters, and plenty of bright colors.

4. Black Moon Development

Bring in a more traditional illustration look offers a unique style in today’s web design.

5. Open Atrium

Here we get a nice mixture of typical clean web design mixed in with some bright and bold illustration work.

6. Tech Adventure DC

Again, any time you can add some hand drawn elements into your design you are sure to create something outstanding.

7. Blogsville

A basic website with a simple illustration to help conceptualize the conference name.

8. Piipe Online

A nice use of bold colors, creative layout and interesting use of patterns make this site fun to look at.

9. HD Live 09

Any time you can add some real hand drawn work to a design you are sure to create something very different from anything else out there.

10. Somos La Peralimonera

I always like it when illustrated sites like this have multiple layers to them. Adding outer space or underground layers is a cool idea.

Para pakar design mengatakan “Webdesign isn’t art”. Kenapa demikian? Karena hasil karya tersebut merupakan kompilasi dari berbagai hasil keahlian dan perpaduan gambar serta layout. Kesatuan semua elemen tersebut tidak hanya menghasilkan sebuah estetika yang menyenangkan tetapi juga dapat menjalin sebuah komunikasi interaktif dan juga adanya fasilitas kemudahan untuk mengakses isi web tersebut.

Nah inilah saatnya para webdesigner membutuhkan “Strategi”. Sebuah strategi dimana kita harus bisa menggabungkan cita-cita atau harapan sebuah organisasi ke dalam sebuah design.

Sebuah design yang cerdas dan folus tidak hanya kelihatan fantastic atau ngetrend. Tetapi perlu dipikirkan focus dari tujuan web tersebut dibuat. Contohnya : Sebuah web jualan computer atau komunitas game pasti akan dibanjiri file-file image terlihat lebih bagus. Sebuah blog yang berisi opini/pengalaman pribadi tidak harus dengan design yang wahh..bisa jadi cukup dibuat dengan simple dengan warna yang sedikit asalkan unik, ringan dan mudah dalam menjelajah dan mengomentari blognya.

Implementasi Design Webmaster

Kita dapat menggunakan 6 langkah dibawah ini sebagai bagian dari strategi dalam sebuah design web:

1. Menetapkan Tujuan Sebuah Web

Salah satu yang harus dipastikan ketika akan mengerjakan sebuah pekerjaan web desain adalah tujuan akhir dari sang pemilik web. Apakah yang ingin dicapai ketika menginginkan sebuah web baru atau redesain web? Apa yang menjadi tujuan utama dari web tersebut. Jika ternyata client anda belum tahu tentang hal tersebut. Maka anda harus duduk bersama dan berdiskusi untuk menetapkan makna dari design web yang telah dibuat.

Ingatlah! Bahwa website bukanlah bagian dari sebuah seni, tetapi merupakan tampilan yang menampung berbagai fungsi dari sebuah server. Fungsi yang dimaksud bisa berarti : menjual produk, berita, hiburan, olahraga, diary, komunitas dsb. Khusus untuk pekerjaan desain ulang (redesign), tanyakan kenapa dilakukan? Sekedar wajah baru, menaikkan jumlah pengunjung, mengundang partisipasi user, menaikkan jumlah user yang melakukan register.

2. Identifikasi target audience yang melihat

Siapa yang disasar sebagai calon pengunjung sangat berpengaruh kepada tampilan dan fungsi sebuah web. Ada beberapa aspek desain yang akan mempengaruhi design web tersebut, seperti umur, kelamin, profesi dan kompetensi. Sebagai contoh, website yang berisi game untuk kaum muda sangat membutuhkan desain yang “wah” dengan aturan yang lebih detail mengingat audiencenya merupakan user cerdas.

lihatlah website ini:  (jQuery.com dan Disney.com) diganti tampilannya, disesuaikan dengan pasar yang akan mengunjungi web tersebut.

3. Menentukan Brand dari sebuah web

Banyak sekali webdesigner memakai jalan pintas untuk mencari inspirasi yang didasarkan pada tren desain yang ada. Tombol glossy, gradient dan efek refleksi bisa jadi sangat cocok untuk beberpa web. Tetapi bisa jadi tidak cocok dengan Brand yang sedang diusung.

Memikirkan warna, perasaan yang akan disampaikan semestinya harus memberikan kekuatan untuk Brand web tersebut.

Seperti Web Carbonica.org yang bermaksud mengajak mengurangi emisi karbon. Cantik sekali, designer menggunakan gambar dan texture kertas hasil recycle. Warna juga diambil dari warna bumi yang hijau dan coklat.

Dan juga Design pada www.restaurantica.com bertujuan agar pengunjung serasa didalam restaurant dengan segal pernak-perniknya.

4. Tujuan Akhir Desain

Anda sudah mengetahui tujuan pembuatan Web,membuat target, identifikasi calon user dan menetapkan brand. Pertanyaanya adalah : Bagaimana membuat desain web yang selaras dengan strategi anda?? Mudahnya lihat contoh berikut ini :

* Tujuan utama saya adalah menarik user untuk mendaftar (subscriber) ke dalam web yang kita desain. Maka setidaknya ada 3 langkah untuk mendukung target tersebut :

1. Persingkat text atau keterangan. Jangan gunakan bahasa terlalu detail sehingga membingungkan pengunjung.
2. Perjelas tombol atau kolom ‘pendaftaran’ dengan warna atau gambar khusus sehingga mudah untuk ditemukan.
3. Persingkat item-item registrasi. Calon pendaftar hanya mengisi yang penting-penting saja. Untuk formulir lebih detail bisa dilakukan ketika sudah mendaftar di lain waktu.

Bagaimana cara menerapkan design strategi untuk brand dan audience?? Jika website tersebut focus di ‘entertainment’ maka buatlah design yang ‘experience’. Bebas menggunakan banyak warna dan gambar untuk menajamkan design. Jika web yang dibuat focus kepada penyampaian informasi misalnya blog, atau majalah. Maka buatlah dengan efisien dan menarik. Navigasinya jelas dan tidak membingungkan.

Stubmatic (Layanan tiket online) mengutamakan gambar sebagai penjelasan. Halaman sign-up ada di semua halaman.

Www.TechCrunch.com  (blog technologi) dengan setting ideal

5.  Tool Analysis Target

Web sudah jadi dan bisa dinikmati. Ini saatnya nuntuk melihat atau mengukur target kesuksesan. Jika anda menginginkan user pendaftar sebanyak-banyaknya, maka lihatlah perubahan ketika design dirubah. Jika itu sebuah blog, silahkan cek di RSS statistiknya. Jika ingin mengetahui kadar interaksi dengan pengunjung, lihatlah berapa banyak posting komentar atau posting feedback yang dibuat.

Anda bisa menggunakan Google Analytics untuk membantu anda untuk menganalisis kesusksesan sebuah web.

6. Kaizen

Sebuah filosofi dari Jepang, yaitu kai artinya perubahan dan zen artinya baik. Continuous Improvement adalah inti dari Kaizen. Ketika bekerja dalam dunia web, kita harus berpikir bahwa yang sudah terpublish tidak ada versi finalnya. Kita akan selalu melakukan perbaikan terus-menerus sampai sempurna. Ide perbaikan bisa dari kita sendiri dan bisa juga menjaring masukan dari pengunjung.

*sumber : Ilmu Komputer.org

But don’t worry, because I will give instructions to you, how to add slideshow image on zencart home page.

First, open the file define_main_page.php. Files in the directory:  www.yoursite.com / includes / languages /english /  define_main_page.php with a text editor such as Notepad + +.

Second, Copy all the existing code in the text box below and then input into a file define_main_page.php.

Third, don’t forget to save again.

To display the images on your website home page, you should put a folder slideshow into directory: <www.yoursite.com/images> You can download sample images here.

If all the above steps done correctly, then I’m sure the home page of your website will display slideshow images.

Than, If you want the slides to look good in accordance with the homepage on your website, you can edit your script in the input earlier.

Ok,  Good luck …!

To generate your menu, just add menu items, select menu type, color and font settings, then copy the CSS/JavaScript and XHTML menu code and paste it in your page. XHTML code is very important for search engines. They leave pages in last positions if the code is not SEO friendly. If you want to make professional and fast designs, consider adding this software to your tool set. On the other hand, the preview only works in the interface. You just don’t know how the menu will look in the browser until you copy and paste the generated code. Besides, it will be nice if you could input the menu item link directly in the interface. Right now, you have to edit the links manually.

If you want your job to be more easy, you can use that freeware below:

Css Menu Generator 4.0
With this version of the tool you can generate horizontal
or vertical drop-down (pull-down) menus.

I myself have experienced such a case to make me stress, and finally to the efforts and hard work, I found a software / freeware, called CSS Tab Designer.

I have to say that I was pleasantly surprised with the interface of this program. Pretty nice and easy to use, and the most important thing, it generates strict xhtml compliant code. That means you can be sure that your web site will be seen in any browser in the same way.

Another important feature is that you can edit the generated code to customize some properties when needed. Only one features is not present in the interface, you can’t make sub menus, which is a pity and sometimes needed, but you can make similar sub menus based on the original without too much effort.

You can Download CSS Tab for Web Designer here:

CSS Tab  Designer 2.0