Tampilkan postingan dengan label Website. Tampilkan semua postingan
Tampilkan postingan dengan label Website. Tampilkan semua postingan

17/12/13

CERITA DIBALIK 14 WEBSITE MENARIK INI

Website adalah salah satu strategi pemasaran yang dilakukan secara online. Tentunya dengan kata ‘online’ saja itu sudah membuat masyarakat tergiur. Dikarenakan website dapat mempermudahkan kita sebagai pelanggan untuk bertransaksi dengan mudah dan cepat tanpa membuang tenaga. Tinggal cari keywordnya di google, dan muncullah banyak website yang memenuhi kriteria keyword kita. Tetapi selain itu, website pun memiliki keindahan sendiri. Yaitu tampilannya. Pada website, perusahaan-perusahaan tersebut akan membuat website keren agar menarik perhatian pelanggan. Mereka tidak sungkan untuk mengeluarkan biaya yang banyak hanya untuk membuat website keren.

Sekarang-sekarang pun, sudah tidak sedikit website yang menggunakan scrolling effect. Maksudnya adalah website tersebut menawarkan animasi-animasi pada tampilannya dengan menggunakan scrolling, sehingga lebih menarik pelanggan. Nah, Sribu akan memberikan cerita dibalik 14 website keren!

1. “Non-Animation” Animasi yang menakjubkan dari Volkswagen



Website VW Beetle adalah salah satu website keren zaman sekarang. Mereka membuat anda untuk scroll sampai bawah halaman yang sangat panjang. Sehingga, tampak seolah-olah halaman itu animasi. Padahal, sebenarnya itu bukan animasi, tetapi terdiri dari banyak stills. Jika anda ingin mencobanya, tahan tombol panah bawah saat anda mengunjungi halaman website dari VW Beetle.

2. Smart USA



Cerita dibalik salah satu website keren ini sama seperti website VW Beetle. Untuk tahu bagaimana, coba saja lakukan hal yang sama seperti yang anda lakukan di website VW Beetle.

3. Activate Drink

Sebuah halaman website yang menarik, yang berfokus pada produk brand tersebut dan menggunakan Scrolling Effect agar mendapatkan full-effect. Hasilnya sangat bagus. Karena Activate Drink memberikan efek gradasi warna yang sangat bagus.

4. Dangers Of Fracking



Website keren lainnya jatuh pada Dangers Of Fracking. Halaman situs ini bekerja seperti infographic. Halaman yang sangat panjang ini seperti memberikan narasi kepada pengunjungnya. Karena semakin kita scroll halaman web tersebut, Ia akan menceritakan secara lengkap dengan visual yang sangat keren, yaitu dimulai dari truk yang berjalan di jalan raya sampai bercerita didalam tanah.

5. Nike Air Jordan

Website ini juga menggunakan scrolling effect sebagai sarana ‘berdongeng’. Di halaman ini, Nike Air Jordan menceritakan tentang 3 tipe produk Jumpman. Berbeda dengan website lainnya, di halaman ini walaupun tugas kita hanya men-scroll (sama seperti website lainnya pada artikel ini), tetapi tampilan Nike Air Jordan tidak monoton. Ia memiliki visual yang sangat baik. Bahkan Ia seolah olah memulainya dari atas kanan sampai akhirnya ada dibawah kiri.

6. Inception Explained



Anda pasti sudah nonton Inception Movie kan? Film ini bercerita tentang bagaimana kita dapat memasuki alam bawah sadar kita atau mimpi. Nah, dalam website ini, dengan Scrolling Effect, kita dijelaskan bagaimana caranya seseorang dapat memasuki mimpi orang lain dengan deskripsi dan visual yang baik.

7. Nintendo Australia



Jika website keren lainnya menggunakan vertical scrolling, Nintendo memilih untuk menggunakan horizontal scrolling. Dan membuat pengunjung websitenya menjelajahi sejarah Nintendo dengan tema Mario Kart.

8. ‘Hero’ WordPress Theme



Tidak seperti website lain, ‘Hero’ WordPress Theme hanya menggunakan sedikit scrolling effect, yaitu pada headernya saja. Saat pengunjung secara natural menscroll, tulisan pada header akan ikut turun kebawah. Tujuannya adalah ke-natural-an scroll para pengunjung.

9. World’s Highest Website



Sesuai dengan namanya, website ini adalah website tergila yang pernah ada di dunia. Website ini memiliki ‘ketinggian’ hampir 19 kilometer yaitu tepatnya 18.939 kilometer . Bahkan, Firefox pun tidak tahu bagaimana berurusan dengan website ini. Silahkan Anda yang kuat men-scroll sampai 19 kilometer, tunjukan kemampuanmu disini. Tetapi bagi kalian yang tidak kuat, tenang saja. Website ini memberikan ‘fasilitas’ lift kok untuk turun langsung kebawah yaitu konten sebenarnya.

10. One Design Company



Sebuah perusahaan web development yang menyediakan fitur horizontal serta vertical scrolling yang dapat membuat pengunjungnya mengetahui semua isi konten perusahaannya hanya dengan key ←↑→↓ pada keyboard .

11. Bagigia



Apakah itu botol air panas? Atau apakah itu tas? Ini keduanya! Website keren ini sangat simple. Dengan hanya merubah gambar pada tengah halaman dan bercerita tentang produknya, tapi tidak terasa bahwa kita sedang men-down scroll kan website tersebut. Scrolling effect semacam ini adalah cara yang baik untuk melibatkan pengunjung untuk mengetahui semua tentang hal itu.

12. Apologie Paris



Dengan hanya menggunakan scroll, kita dapat melihat semua konten dalam website ini secara barrel roll.

13. Carnation Group



Website ini menggabungkan pengalaman scroll dengan fungsi drag dan drop gambar

14. Smart Argentina’s delightful Twitter account



Berbeda dengan page lainnya yang memiliki situs sendiri. Smart Argentina merubah akun twitternya sehingga dapat digunakan dengan scrolling effect. Hanya dengan menklik key ‘J’ pada keyboard, tweet pada akun ini akan berpindah kebawahnya sesuai berapa kali mengkliknya. Kemudian, jika ingin mengembalikkan seperti semula, pengunjung hanya harus mengklik key ‘K’ pada keyboard. Sederhana tapi menganggumkan bukan? - See more at: http://blog.sribu.com/2013/06/14/cerita-di-balik-14-website-keren-ini/#sthash.1F4eqOhW.dpuf
Continue Reading...

TEORI ASIMETRIS DALAM DUNIA DESAIN WEB



Hai Sribuddies. kali ini, mari kita bahas mengenai teori tentang asimetris dalam dunia desain web. Tentunya dalam membuat sebuah web tidak hanya harus terlihat bagus dan menarik, tetapi sebuah web yang baik adalah web yang seimbang. Keseimbangan adalah aturan dari kekontrasan visual yang sangat penting, karena sangat bermanfaat bagi pengunjung.

Lalu apa yang dimaksud dengan teori asimetris? Dalam dunia desain web, terkadang dapat terjadi adanya objek-objek yang berlawanan. Misalnya sisi satu memiliki objek lebih kecil dari objek yang lainnya. Keseimbangan Asimetris dapat memberi kesan santai dan casual. Tetapi, penggunaan asimetris akan memiliki kesulitan tersendiri bagi desainer, karena ia harus menentukan layout dengan teliti untuk memberikan kesan bahwa desain tersebut seimbang. Nah, untuk mengetahui lebih dalam mengenai teori asimetris dalam dunia desain web mari kita bahas lebih dalam.

Bully Entertainment



Terkadang saat anda melihat hal-hal yang asimetris, Anda mungkin akan berpikir itu tidak akan berhasil untuk menghasilkan simetris yang sempurna bukan? Tetapi sebagai permulaan mengenai gagasan teori ini, mereka menghasilkan hasil yang cukup baik. Mereka membuat ukurang yang besar, membuat ilustrasi desain yang baik, dan mengimbanginya dengan text. Ukuran mereka memastikan mereka sangat terlihat. Inilah yang disebut keseimbangan alami antara elemen tunggal yang besar dan alternative yang dikemas lebih padat.

Jorge Rigabert



Dalam dunia desain web, layout pada web ini terlihat cukup standar yang berisikan sebuah kolom kecil yang berisi navigasi, kemudian di sisi lainnya terdapat kolom yang lebih besar yang berisi isi konten. Kemudian, coba perhatikan side bar pada web ini. Hal tersebut dapat dikatakan asimetris, tetapi hal tersebut dapat menyeimbangkan kolom konten. Tetapi tentunya tanpa latar belakang gelap, side bar tidak akan menonjol.

GAMBAR UNTUK MENYEIMBANGKAN TEKS

Setelah Anda melihat kedua contoh sederhana dari teori asimetris dalam dunia desain web, mari kita bahas pendekatan lainnya. Pendekatan lain yang cukup standar dipakai dalam desain asimetris untuk desain web adalah memasangkan gambar dengan teks. Seperti yang akan Anda lihat dalam contoh di bawah ini, masing-masing memiliki gambar besar. Gambar ini dipasangkan dalam beberapa cara dengan blok teks. Kombinasi ini sangat umum. Dan caranya pun cukup jelas, hanya memastikan keduanya melengkapi satu sama lain. Berikut adalah beberapa contoh untuk dipertimbangkan.

Cake Sweet Cake



Desain ini terlihat hampir sempurna keseimbangannya. Dan mereka tidak takut untuk menggunakan beberapa aspek asimetris. Coba anda perhatikan baik-baik. Mereka menggunakan gambar kue yang sangat besar dan mengkombinasikannya dengan teks. Dalam kasus ini, gambar kue tidak hanya memberitahukan kita bahwa ini adalah web toko kue, tetapi mereka juga memberikan gaya tertentu yang dapat mereka tawarkan pada pelanggan. Hal tersebut dapat membuat pelanggan terasa nyaman dan tertarik dengan ilustrasi web ini.

More Soda



Contoh ini juga menggunakan elemen desain asimetris berdasarkan gambar besar yang dikombinasikan dengan teks. Gambar tersebut diciptakan dengan arti keseluruhan pada gaya situs ini. Walaupun sedikit kurang fungsional, akan tetapi hal tersebut membuat anda semakin penasaran dengan apa yang dimaksud dengan situs ini.

Adaptive Web Design



Situs ini sangat sederhana. Situs ini berguna untuk mempromosikan buku. Dan tentu saja dapat anda lihat manfaatnya hanya dengan melihat gambar buku yang terdapat dalam situs ini. Kombinasi gambar dan teks membuat anda memiliki area yang seimbang yang tentunya mengandung semua elemen penting. Pendekatan ini sangat sederhana tetapi fokus dan jelas.

ELEMEN LATAR BELAKANG DAN LATAR DEPAN

Pendekatan lainnya selain kombinasi antara gambar dan teks dapat anda lihat pada latar depan dan latar belakang. Pendekatan ini menciptakan dinamika yang menarik dimana latar belakang seolah dapat berperan lebih fungsional sebagai bagian dari konten namun tetap menjadi latar belakang yang baik. Berikut adalah beberapa contoh untuk dipertimbangkan.

Peter McLeavey Gallery



Situs web ini adalah demontrasi yang sempurna mengenai latar belakang yang memberikan banyak peran. Pertama, latar belakang berfungsi untuk menciptakan keseimbangan asimetris dengan lingkaran abu-abu besar di latar depannya. Kombinasi ini dapat menciptakan dua daerah yang tidak membuat mata bosan. Sedangkan yang kedua, perhatikan elemen di sebelah kiri yang berisi branding utama dan link ke konten situs. Latar belakanglah yang akan memberitahu Anda tentang konteks situs tersebut.

Aleksandar Grkinic



Halaman “About Me” pada Situs ini mencakup ide yang sangat sederhana dimana latar belakang menyeimbangi latar depan yang asimetris. Walaupun latar belakang ini tidak terlalu jelas maksudnya, tetapi dalam dunia desain web dapat kita lihat bahwa situs ini memiliki ilusi yang baik. Terkadang desain yang sederhana memang terlihat lebih luar biasa.

Robert Dabi



Dalam hal ini, latar belakang memang memainkan peran yang menarik dalam desain, tetapi tidak menghasilkan elemen asimetris seperti yang telah kita lihat di beberapa situs diatas. Dapat kita lihat bahwa situs ini cukup baik memberikan ilusi kepada pengunjungnya dengan cara mengaburkan garis dengan sesuatu yang sederhana seperti bayangan dibawah gambar. Dan itu membuat latar belakang dan latar depan menyatu dengan baik sehingga terlihat segar dan bersih.

Dan ini beberapa contoh desain web yang mengandung unsur asimetris didalamnya.


Greenluv


Andersson Wise


Forecast

13 Wives

 

Raffles Institution



Urban Svensson



Carousel



Purelize



Buses at the Brewery



Humaan
- See more at: http://blog.sribu.com/2013/09/17/teori-asimetris-dalam-dunia-desain-web/#sthash.rbAM5Uxs.dpuf
Continue Reading...

10 WEBSITE DENGAN DESAIN TERBAIK

website-website terbaik dalam desain dan kesederhanaan. Website -website yang sangat interaktif dengan teknologi html5 yang membuat nyaman pengunjung dan menawarkan sesuatu pengalaman menjelajah yang beda dari yang lain. Cobalah!

1. Bagigia: Ini mungkin salah satu situs paling kreatif di luar sana. Tidak hanya situs fitur desain yang interaktif, tetapi juga halamannya yang begitu unik. Anda dapat menavigasi halaman dengan scrollingdengan kursor Anda, menggunakan panel navigasi lingkaran di sisi kanan bawah, atau menyeret "ressleting" di bagian bawah halaman. Anda akan melihat perubahan dari halaman ke halamanyang lain dan Anda akan mendapatkan pengalaman fitur unik dari produk Bagigia, ini benar-benar pengalaman yang unik dan interaktif.



2. Thibaud : Ini desain kartu mengagumkan dan sangat interaktif karena memungkinkan pengunjung untuk memilih metode yang disukai mereka dengan navigasi situs web. Anda dapat memindah-mindahkan tumpukan kartu dan memilih-milih kartu mana yang ingin Anda tahu/kunjungi.




3. Grid Organik : halaman arahan ini begitu sederhana, penuh warna dan menyenangkan. Anda dapat menggunakan elemen navigasi untuk mengenal artis baru dan berbeda. dan juga ,ada suaranya tiap lariknya.

 


4. The Kennedys : Saya hanya berpikir halaman arahan ini terlihat SUPER keren. Saya suka semua warna berkedip dan ilustrasi yang menakjubkan. Aku merasa seperti aku bisa menatap halaman ini untuk berjam-jam.



5. Tori Eye : latar belakang animasi di situs ini sangat menarik, dan bagaimana situs ini terus berubah dan beradaptasi dengan tindakan dan gerakan Anda. 



 

6. Pulau Tamron : Situs ini terlihat begitu keren, itu membuat saya ingin mengunjungi tanah ini luar biasa. Karena Anda akan diajak berpetualang di sebuah pulau yang sangat Indah dengan navigasi di sekitar situs kreatif. Tetapi, untuk mengunjungi situs ini koneksi harus stabil kalau bisa cepat.



7. http://andrewhandley.com/ : Tampilan situ ini seperti dinding yang sudah tua dengan penuh gambar-gambar pensil. Tentu saja website ini sangat menarik , apalagi untuk anak-anak, sangat mengesankan.


 

8. http://www.alexbuga.com/v9/#welcome
Tampilan situs web seperti di rak untuk menyimpan benda-benda sehari-hari. mau ambil tinggal geser, sangat interaktif.


 

9. http://wingcheng.com/. Tampilan website dengan sebuah buku dengan kertasnya keluar, ternyata kertasnya panjang banget. Kamu harus menurunkannya untuk melihat halaman selanjutnya.



10.http://macrosteps.com/, tampilan website yang jenius. menjelaskan langkah-langkah kerja perusahaannya. seperti papan tulis kapur dengan banyak coretan.


Continue Reading...