Archive for category: Website & Aplikasi

You are here: / Website & Aplikasi

5 Tools Pendukung Web Design

/in /by

Coba Anda ketik 5 tools pendukung web design, pasti yang muncul software semacam dreamweaver, photoshop, illustrator dan semacamnya yang terkenal-terkenal. Akan tetapi tahukah Anda jika ada tools pendukung lainnya untuk web design.

Berikut ini adalah 5 tools pendukung web design pilihan staronedigital.com :

1. Webydo

Webydo web suite adalah platform yang menggabungkan Web Design dan Web Develover menjadi satu, webydo juga memungkinkan para web desainer untuk membuat sebuah website tanpa menulis kode apapun, webydo menyediakan platform serbaguna untuk memudahkan anda untuk membuat dan mengelola website yang responsive yang sangat direkomendasikan untuk anda miliki.

Kelebihan lainnya adalah tata telak yang terstruktur, anda hanya tinggal mendesain di halaman web editor dan sistem akan otomatis menuliskan kode seperti html, php, jquery dan lain-lain untuk anda, anda juga bisa menambahkan widget populer ataupun animasi tanpa menulis kode apapun.

2. Pixlr

Staronedigital sebagai salah satu agen yang menerima jasa foto produk tentunya menggunakan Adobe Photoshop, software ini sudah menjadi standar bagi web designer, namun seperti yang Anda tahu biaya untuk membayar lisensi software tersebut tidaklah murah.

Maka dari untuk Anda yang kesulitan membayar lisensi software tersebut Pixlr Editor bisa menjadi alternative untuk kebutuhan editing gambar tanpa harus memikirkan biaya lisensi.

Fungsi yang di sediakan Pixlr juga beragam tidak kalah dengan Photoshop, dan Pixlr pun juga bisa digunakan untuk membuka dan mengedit file .PSD, maka dari itu editor foto ini menjadi favorit dikalangan desainer web professional.

3. Adobe Color CC

Dari sekian banyak tools color generator, hanya Adobe Color CC lah yang terbaik menurut kami, karena tools online gratis ini memberikan varian warna paling lengkap diantara yang lain, kelebihan utamanya adalah Adobe Color CC menyediakan beberapa color rules sepertiAnalogus, Triad, Complementary, dan lainnya. Anda juga bisa membuat pallete warna sendiri atau memakai pallete warna yang tersedia untuk desain anda.

4. Fit Text

Salah satu tantangan terbesar ketika membangun sebuah website adalah membuat ukuran headline teks yang sesuai dengan ukuran resolusi layar, tidak cuma di tampilan dekstop saja bahkan di semua resolusi bahkan resolusi layar yang terkecil sekalipun.

Disinilah FitText berperan, FitText adalah plugin jQuery yang dapat memecahkan masalah ini untuk Anda dalam beberapa keadaan.

FitText tool mampu membuat ukuran headline yang sesuai dengan elemeny div utamanya, text akan otomatis diperbesar ataupun diperkecil mengikuti ukuran resolusi layar, jadi anda tidak perlu mengedit kode CSS anda.

5. Font Squirel

sangat penting untuk memilih font yang tepat untuk menciptakan typografi website yang sesuai. pilihan pertama untuk masalah ini adalah www.fontsquirrel.com

Font Squirrel memiliki ratusan font yang sangat bagus yang tersedia di situs mereka, serta link ke font lain yang tersedia “off-site”, yang dapat dengan mudah didownload dan digunakan di situs web atau proyek desain lainnya. Klasifikasi dan tag memungkinkan Anda untuk mencari berbagai jenis font dan Anda juga bisa menguji coba setiap font untuk melihat tampilan langsung dari font dengan teks yang Anda inginkan.

untuk alternative lain anda bisa menggunakan Google Font, kelebihan dari google font adalah ukurannya yang kecil dan terdapat speed loading tools, jadi anda bisa melihat kecepatan browser ketika meload font tersebut.

5 Hal Yang Harus Dihindari Dalam Desain Website

/in /by

Website adalah salah satu bagian terpenting didalam bisnis karena website berfungsi sebagai sarana atau pusat informasi tentang perusahaan. Semakin baik website yang dimiliki maka akan semakin baik pula bisnis yang nantinya akan dijalani, oleh karena itu ada beberapa hal yang harus Anda perhatikan dan hindari dalam pembuatan website.

Para creative agency Jakarta selalu mengatakan bahwa website yang baik itu adalah yang memiliki navigasi yang baik karena akan sangat berpengaruh ketika pengunjung melihat website Anda.

Berikut ini adalah 5 hal yang harus dihindari dalam desain website:

1. Navigasi Jelek

Pengunjung mengakses website, karena satu hal yaitu kebutuhan informasi yang spesifik. Akan menjadikan para pengunjung frustasi dan segera meninggalkan website tersebut jika mereka tidak segera mendapatkan inti informasi dari website dan perusahaan tersebut.

Navigasi yang baik dari sebuah website akan menjadikan pengunjung nyaman untuk mengakses website tersebut dan mendapatkan banyak informasi dari tiap-tiap bagian halaman website. Tentu saja hal ini akan meningkatkan jumlah pengunjung potensial yang juga akan berpengaruh pada peningkatan penjualan, yang merupakan tujuan utama dari pembuatan website.

Navigasi website memiliki 2 pengaruh utama yaitu kegunaan dan aksesibilitas, maka navigasi merupakan bagian penting yang harus jadi perhatian. Inti dari navigasi adalah kemudahan pengunjung untuk berpindah dari satu halaman ke halaman yang lain. Jangan pernah membuat pengunjung bingung dia sedang berada pada bagian website mana, dan bingung harus kemana untuk memperoleh informasi produk / jasa yang lebih lengkap.

2. Tidak Ada Kata Ajakan

Kesalahan mendasar dari banyak web perusahaan ataupun bisnis online adalah menggunakan banyak tulisan dan penjelasan yang berbelit-belit tanpa diakhiri dengan kalimat ajakan, seperti ajakan untuk mendaftar, membeli, menghubungi admin, dll.

Mendatangkan banyak pengunjung ke website perusahaan memang sangat penting, tetapi hal itu akan jadi sia-sia jika pengunjung tidak melakukan suatu tindakan yang memberikan keuntungan untuk perusahaan.

Pertanyaan yang sering muncul pada pengunjung atau calon customer adalah “Apa untungnya buat saya?” dan “Apa yang harus saya lakukan?”.

Maka untuk mengajak pengunjung website untuk segera membeli produk atau menggunakan jasa Anda, jelaskan terlebih dahulu kepada pengunjung, “Apa keuntungan jika membeli produk ataupun menggunakan jasa Anda” dan “Apa yang harus dilakukan jika memang pengunjung tertarik untuk membeli produk ataupun jasa”.

3. Warna Dan Kontras Yang Buruk

Pemilihan warna dan kontras pada website memang bukan prioritas utama, tetapi tetap harus diperhatikan. Karena jika warna teks tidak memiliki kontras yang cukup dengan warna background, maka teks tersebut susah untuk dibaca terutama bagi pengunjung yang memiliki gangguan penglihatan atau buta warna.

Warna standart yang biasa digunakan adalah warna hitam (#000000) untuk teks, dan putih (#FFFFFF) untuk background. Atau background bisa dikurangi sampai (#DDDDDD) supaya tidak terlalu menyilaukan. Untuk mencoba, ada tools menarik untuk menentukan warna kontras : Colour Contrast Check

4. Konten Tidak Jelas Dan Berbelit-Belit

Berhubungan dengan poin 1 dan 2, yang dibutuhkan pengunjung adalah informasi yang singkat, padat dan jelas. Jika konten website perusahaan berisi tentang informasi yang tidak jelas, berbelit-belit, dan tidak ada link dari satu informasi ke informasi lain yang berhubungan, hal ini akan sangat membosankan bagi pengunjung.

Kebiasaan pengunjung ketika masuk suatu halaman website, mereka akan membaca secara cepat 1 – 2 paragraf awal. Jika merasa konten tersebut bukan yang mereka cari, maka pengunjung akan melihat sekilas keseluruhan tampilan website. Jika masih tidak ada sesuatu yang menarik, maka pengunjung akan segera pergi dari website tersebut.

Untuk menghindari hal tersebut, buat hierarchy daftar isi / konten ditempat dan ukuran yang mudah terlihat, sehingga memudahkan pengunjung untuk mencari informasi yang dibutuhkan. Jika jumlah konten website terlalu banyak, pilih sebagian yang penting bagi pengunjung.

5. Tampilan Tidak Teratur

Satu lagi kesalahan yang sering terjadi pada website perusahaan adalah tampilan website yang semrawut. Hal ini dikarenakan banyaknya informasi yang ingin ditampilkan dan dijejalkan pada satu halaman terutama pada halaman home. Belum lagi jika ditambah dengan iklan baik iklan gambar atau iklan teks di bagian header, sidebar, atau footer.