Sebagai profile digital sebuah perusahaan atau seseorang, website sudah selayaknya ditampilkan dengan baik dari aspek desain, konten dan lainnya. Khusus untuk aspek desain, saya masih yakin bahwa masih sangat banyak orang yang menilai buku dari sampulnya. Maka dari itu, di artikel ini kita akan explore berbagai macam contoh desain website. Tentunya, contoh-contoh desain yang akan kita telaah bersama-sama adalah contoh desain website yang terkenal, terbukti ramai dikunjungi dan juga paling in di tahun 2020.
Sebelum kita masuk ke contoh-contoh desain website, kita perlu tahu dulu apa sih aspek-aspek yanng membuat suatu website bisa dibilang menarik. Sebenarnya ada banyak banget hal yang perlu kita notice.
Bagi yang memiliki pengalaman mengembangkan website, Anda pasti tahu betul ada banyak hal yang perlu diperhatikan. Mulai dari desain UI/UX, teknologi front-end, copywriting yang efektif hingga aspek-aspek desain grafis dari website itu sendiri.
Nah, di bawah adalah beberapa pembahasan aspek-aspek tersebut.
1. Desain Website Harus Memberi First Impression yang Baik
Dalam bukunya “Don’t Make Me Think”, Steve Krug mengatakan bahwa jika dalam hitungan detik saja Anda harus mampu menjawab pertanyaan-pertanyaan dasar pengunjung, seperti:
- Siapa Anda?
- Apa yang sebenarnya Anda kerjakan/tawarkan?
- Apa saja yang dapat pengunjung lakukan di website Anda?
Jika dalam pandangan pertama, pengujung tidak menemukan jawaban dari pertanyaan-pertanyaan tersebut, mereka akan segera berpaling.
First impression is THAT important.
Mungkin kata-kata itu terdengar seperti cliche. Namun, realitasnya seperti itu. Sudah banyak studi dan penelitian yang menunjukkan pentingnya first impression.
Baca juga: 7 Langkah Cara Membuat Website Gratis Menggunakan WordPress
2. Memberitahukan Value Proposition Anda
Jika website Anda menawarkan produk atau layanan jasa, maka website Anda harus menunjukkan mengapa barang/jasa yang Anda tawarkan bisa menjadi solusi untuk para pengunjung website.
Berbeda dengan website entertainment, jika seseorang membuka website bisnis berarti mereka memiliki masalah dan berusaha mencari solusinya.
Maka dari itu, Anda harus memastikan halaman depan website Anda menginformasikan value proposition atau nilai-nilai kelebihan produk/jasa yang Anda tawarkan kepada para pengunjung dan bagaimana produk/jasa Anda merupakan solusi bagi masalah mereka.
Selain itu, value proposition pada website Anda harus menginformasikan mengapa produk/jasa yang Anda tawarkan lebih unggul jika dibandingkan dengan kompetitor Anda.
3. Komunikasi yang Efisien
Sebuah halaman depan website harus mengkomunikasikan pesan yang fokus terhadap target yang tepat, dengan bahasa yang efisien dan tidak bertele-tele.
Penjelasan yang bertele-tele akan menambahkan bounce-rate.
Pastikan copy website Anda singkat dan to-the-point.
4. Cocok di Setiap Jenis Gadget
Kini, terdapat lebih banyak pengguna internet yang berseluncur menggunakan mobile gadget seperti smartphone atau tablet jika dibandingkan dengan desktop gadget seperti PC atau Laptop.
Jika tidak, Anda akan menyia-nyikan lebih dari separuh traffic yang mengakses internet.
Maka dari itu, mulai dari PC, tablet, hingga handphone, website Anda harus responsif dan adaptif pada segala macam jenis gadget. Artinya, tampilan dan desain di setiap gadget harus menyesuaikan, kecepatan loading harus konsisten, serta navigasi harus mudah.
Kualitas web developer Anda diuji pada poin ini.
Baca juga: Jasa Pembuatan Website Solo Murah dan Berkualitas
5. Menyediakan Calls-To-Action (CTAs) yang Jelas
Setiap desain website, Anda juga harus menyediakan Calls-To-Action (CTA) yang jelas, seperti “Sign Up Now!”, “Buy Now!”, “Try Free Demo!”, dll. Ketika melupakannya, itu merupakan salah satu kesalahan terbesar dalam membuat landing page.
Berikut adalah contoh desain terbaik di 2020 yang dapat menjadi inspirasi Anda dalam meningkatkan performa website bisnis Anda:
Contoh Desain Website Terbaik di Tahun 2020
1. Dropbox
LIHAT SELENGKAPNYA
Contoh desain jasa website Dropbox inspiratif karena:
– Halaman utamanya minimalis. Mereka membatasi penggunaan kata-kata, didominasi oleh warna putih dan menggunakan illustrasi bertema line-art.
– Gambar ilustrasi di halaman depan Dropbox sangat menyenangkan dan menggemaskan karena merek dapat bergerak seperti cinemagraph.
2. Sribu
LIHAT SELENGKAPNYA
Desain Sribu.com di atas merupakan contoh desain website yang cukup baik, karena:
– CTA-nya jelas dan mudah terlihat; “Order Desain”
– Jenis layanan dan value proposition-nya sangat lengkap tersaji.
– Terdapat video yang menjelaskan layanan yang ditawarkan.
3. FreshBooks
LIHAT SELENGKAPNYA
FreshBooks memiliki desain website yang baik karena:
– Menginformasikan secara jelas kepada target konsumennya dengan heading Accounting Made for You, the Non-Accountant.
– Pemilihan warna yang kontras dan menarik dalam menyajikan CTA Try It Free for 30 Days.
– Konsep flat-lay photography sebagai tema desain website meruapakan konsep yang unik dan jarang dipakai website-website lain.
4. Airbnb
LIHAT SELENGKAPNYA
Airbnb memiliki contoh desain website yang baik karena:
– Latar belakang video di halaman depan website sangat menarik aspek emosi dalam bercerita mengenai gambaran bisnis Airbnb.
– CTA (Search) yang disajikan sangat kontras terlihat dan memudahkan.
5. Mint
LIHAT SELENGKAPNYA
Mint memiliki contoh desain website yang brilian karena:
– Tidak bertele-tele, sederhana dan tidak menggunakan kata-kata yang rumit; All-in-one? Done.
– Desain CTA milik Mint juga menarik karena meskipun itu berbunyi Sign Up Free, mereka menempatkan ikon gembok sebagai penanda aman walaupun daftar gratis.
6. Evernote
LIHAT SELENGKAPNYA
Desain halam depan website Evernote ini keren karena:
– Headline Evernote yang lugas; Remember Everything diikuti dengan sub-headline yang sederhana dan mengena; Modern life can be complicated. Simplify it with Evernote, the app to manage it all, langsung membuat pengunjung mengetahui bisnis Evernote.
– Warna pilihan untuk CTA dipilih yang kontras sehingga pengunjung ‘digiring’ untuk langsung dapat melihatnya.
7. Boxbee
LIHAT SELENGKAPNYA
Desain halaman depan website Boxbee sangat menarik karena:
– Desainnya clean dan sederhana. Dengan begitu, CAT dan headline terlihat lebih tegas dan mudah terlihat.
– Headline-nya ditujukan langsung kepada target yang spesifik, yaitu pengusaha di industri pergudangan.
8. eWedding
LIHAT SELENGKAPNYA
Website eWedding sangat inspiratif karena:
– Langsung menyajikan hal-hal penting yang diperlukan oleh pasangan yang ingin membuat website pernikahan mereka pribadi.
– Klaim sub-headline telah digunakan lebih dari 750,000 pengguna merupakan strategi social proof yang baik. Ditambah, testimoni pengguna juga disajikan di bagian bawah website.
9. charity: water
LIHAT SELENGKAPNYA
Website charity: water menarik karena:
– Penggunaan video dan gambar secara tepat di halaman awal sangat menarik untuk menyentuh emosi pengunjung yang berpotensi memberikan donasi.
– CAT sangat jelas dan juga memudahkan pendonor untuk menyumbang dengan berbagai cara.
10. 4 Rivers Smokehouse
LIHAT SELENGKAPNYA
Website 4 Rivers Smokehouse brilian karena:
– Begitu masuk, pengunjung akan langsung meneteskan air liur karena video proses memasak daging sapi yang menjadi latar belakang terlalu menggoda.
– Setelah meyakinkan dengan video, klaim sub-headline berbunyi berpengalaman 18 tahun menjadi semakin faktor yang menarik untuk mencoba hidangan-hidangan di sana.
11. Basecamp
LIHAT SELENGKAPNYA
Halaman awal website Basecamp inspiratif karena:
– Menyajikan sebuah perbedaan yang menarik dengan menampilkan kartun-kartun yang informatif.
– Meskipun dihiasi dengan banyak informasi, gambar dan tulisan, Basecamp memastikan CTA tetap jelas terlihat dan praktis bagi para pengunjung.
Sudah lihat-lihat contoh desain website yang menarik. Bagi Anda yang menggunakan platform Blogger silahkan gunakan template blogger yang keren berikut ini.
Sekarang saatnya mengubah inspirasi yang kamu dapat menjadi aksi! Ternyata, membuat website itu tidak sesulit yang orang bayangkan. Coba deh lihat-lihat panduan berikut, membangun website itu mudah banget!
Anda juga bisa memiliki berbagai jenis website yang menarik seperti di atas dengan catatan, unsur-unsur yang membuat sebuah website menjadi bagus juga terpenuhi. Temukan desainer profesional di Sribu yang dapat menerjemahkan secara akurat konsep pembuatan desain website yang Anda miliki sekarang juga!
terimakasih sangat bermanfaat
Terima kasih sudah membaca! jangan lupa subscribe ke blog Sribu supaya tidak ketinggalan artikel tips-tips terbaru lainnya ya