LinkedIn
WhatsApp
Microsoft Teams

Sebelum Buat Website, Ada 10 Tips Desain Website Terbaik yang Bisa Kamu Gunakan

Gede Dwipantara

Gede Dwipantara

Design Specialist

View case

durasi baca : 3 menit

Membuat desain website, sama halnya dengan fashion, dimana desain website terus berubah mengikuti tren yang baru dan meninggalkan tren yang lama.

Mendesain website bukanlah hal yang mudah, dan salah satu hal yang menjadi tantangan dalam sebuah website yaitu bagaimana cara membuat homepage menarik.

Membuat website tentu harus menarik, bukan hanya apa yang bisa dilihat oleh mata, tetapi juga bagaimana kamu membuat website mu menjadi tempat yang nyaman untuk memuaskan konsumen.

Tips Membuat Desain Website Terbaik

Homepage adalah salah satu komponen website penting, homepage akan menentukan bagaimana penilaian konsumen terhadap bisnis mu. Berikut trik membuat homepage menarik.

1. Responsive design

Responsive design akan membuat website kamu berfungsi dengan baik di berbagai perangkat seperti tablet, PC, smartphone dan lainnya.

2. Navigasi yang jelas dan tepat

Website yang navigasinya jelas membuat pengunjung betah berada di website kamu, serta buatlah pengunjung website kamu bisa mengakses informasi perihal produk yang kamu tawarkan.

3.Tampilkan profil media sosial

Jangan lupa untuk menambahkan profil pada semua media sosial kamu, kamu dapat meletakkannya pada bagian footer dan sidebar agar pengunjung website kita dapat mengetahui pemilik website yang mereka kunjungi.

4. Detail kontak yang jelas

Saat kamu membuat website kamu juga bisa memberikan kontak yang jelas pada website, agar pengunjung bisa dengan mudah menghubungi kamu.

5. Font yang unik dan mudah dibaca

Pilihlah font yang anti mainstream tetapi mudah dibaca, sehingga pengunjung pun tidak cepat bosan saat membaca informasi yang ingin kamu sampaikan.

6. Speed up situs kamu 

Management waktu adalah hal yang penting, jika kecepatan website kamu lambat, maka kamu harus bersiap kehilangan calon customer kamu, karena orang cenderung akan pindah ke website lain jika loading page kamu lama, setidaknya waktu loading website kamu antara 4 detik sampai 7 detik detik.

7. Headline persuasif

Headline adalah judul besar dari suatu karya, baik itu artikel, iklan berita dan lainnya, headline terletak pada bagian paling atas, dan menjadi hal yang pertama kali dilihat oleh pengunjung. Buatlah headline yang menarik seperti informasi diskon, giveaway, produk baru dan informasi-informasi penting lainnya di homepage kamu.

Desain Website Sebaik Mungkin

Membuat homepage menarik memang bukan pekerjaan mudah, semua itu butuh proses, website kamu adalah representasi dari bisnis kamu, maka buatlah tampilan homepage website yang menarik dan mewakili bisnis kamu.

Baca juga: Tools Rekomendasi Untuk Desain Website

10 Tips Desain Website Terbaik

Apa saja tipsnya agar desain website yang kamu terapkan memiliki tampilan yang baik? yuk baca berikutnya.

Tips 1 : Terapkan Hirarki Visual

Penerapan hirarki visual sangat penting untuk website, apalagi untuk tujuan bisnis, hirarki visual adalah penataan elemen website yang menonjolkan hal hal penting agar mudah ditemukan oleh pengunjung. 

Seperti contohnya, website toko online membutuhkan hirarki visual agar promosi atau penawaran bisa menarik pengunjung saat pertama kali melihatnya. Caranya, dengan memanfaatkan faktor seperti :

  • Warna
  • Ruang
  • Bentuk
  • Kontras
  • Ukuran
  • Letak

Tips 2 : Pilih Layout yang Terbukti Efektif

Berilah layout pada website kamu karena umumnya pengunjung menyukai layout karena memudahkan mereka mendapatkan informasi.

Layout seperti apa yang sebaiknya dilakukan? Dibawah ini adalah beberapa diantaranya : 

  • Logo website di pojok kiri atas.
  • Menu navigasi horizontal di bagian header.
  • Search bar di pojok kanan  atas.
  • value proposition di bagian header
  • Title tag deskriptif nan singkat di bagian header.
  • Copy yang menjelaskan produk atau layanan setelah header.
  • Social proof, atau daftar konsumen terkenal kamu.
  • Lalu letakkan link media sosial di bagian footer.

Tips 3 : Gunakan Nama Menu yang Jelas

Menuliskan menu dengan jelas dapat membantu pengunjung menuju halaman yang diinginkan dengan mudah.

Selain itu, nama menu yang deskriptif juga baik untuk upaya SEO, alasannya, Google akan lebih cepat memahami konteks website kamu, hal tersebut Google gunakan untuk menilai relevansi website dengan kueri pencarian penggunanya.

Tenang saja kamu tidak perlu memusingkan hal tersebut, selama menu navigasi kamu mudah dilihat, terletak di header, dan menggunakan nama yang deskriptif, hal itu sudah baik.

Tips 4 : Tampilkan Value Proposition di Bagian Atas Homepage 

Apa Sih yang ingin kamu tawarkan pada konsumen? Nah, itulah informasi value proposition yang sebaiknya di bagian atas halaman utama website kamu.

Secara teknis, penempatan pesan utama pada area above the fold sebuah homepage, yaitu bagian yang muncul pertama kali saat halaman utama website kamu.

Baca juga: Perbedaan Desain Website Custom dan Template

Tips 5 : Jelaskan Detail Produk/Layanan Lengkap dengan CTA

Untuk produk yang belum dipahami konsumen, jelaskan manfaatnya dengan lengkap, agar, kamu tidak perlu ragu untuk membuat homepage yang panjang.

Dan jangan lupa berikan solusi lewat sebuah CTA yang akan menuntun konsumen ke pembelian produk.

Agar semakin efektif, pastikan tombol CTA kamu terlihat mencolok, salah satunya adalah dengan cara memanfaatkan warna.

Untuk memilih warna yang tepat untuk tombol CTA, ada tiga cara yang bisa kamu lakukan, yaitu sebagai berikut :

  • Pastikan warna tombol kontras dengan background halaman.
  • Bedakan warna tombol dengan elemen-elemen lain yang ada di sekitarnya agar pengunjung bisa fokus, atau kalau tetap ingin menggunakan warna sama karena terkait brand, berikanlah negative space.
  • Pastikan warna tombol dan warna teks juga kontras agar pesan terlihat jelas.

Tips 6 : Gunakan Desain Minimalis

Tips desain website minimalis adalah menggunakan single column layout, yaitu menampilkan satu kolom ke bagian yang tampil di layar.

Selain itu, pada saat membuat desain minimalis kamu bisa juga dengan menghindari penggunaan sliderslider memiliki beberapa kekurangan, yaitu :

  • Tidak cocok untuk perangkat mobile
  • Memberatkan loading halaman
  • Memakan banyak tempat 

Dan ada satu elemen yang perlu kamu hindari yaitu adalah accordion, elemen ini memungkinkan kamu untuk menampilkan banyak informasi di dalam satu halaman tanpa memakan  banyak tempat, namun demikian accordion justru menyulitkan pengunjung untuk menemukan informasi di halaman kamu.

Tips 7 : Gunakan Gambar dengan Tepat

Desain website terbaik harus didukung pemilihan gambar yang tepat, tetapi, pastikan juga kamu tidak menggunakan stock image ya, karena meskipun praktis, gambar terlihat tidak unik, dan juga siapapun pasti bisa menggunakannya, kesannya jadi tidak kreatif dan orisinal.

Selain itu, alasan lainnya adalah stock image juga kurang efektif untuk meningkatkan konversi, karena gambar yang kamu produksi sendiri bisa meningkatkan penjualan, jadi, tak ada salah nya untuk menyediakan dana khusus untuk menggunakan jasa fotografer agar mendapatkan hasil yang lebih baik.

Tips 8 : Jangan Arahkan Pengunjung Homepage ke Situs Lain

Fungsi homepage adalah untuk mengenalkan jasa atau produk kamu, jadi, jangan meletakkan link keluar yang malah mengajak pengunjung keluar halaman tanpa sempat mengenal produkmu dengan baik.

Tips 9 : Tulis Judul Subheading yang jelas

Saat kamu mengisikan informasi pada website, terkadang kamu tidak tahu harus menuliskan apa, dan hal itu akan membuat kamu untuk membuat judul subheading yang terlalu umum.

Sebenarnya, hal itu akan menyulitkan pengunjung dan Google untuk memahami konteks website kamu, agar judul subheading kamu tidak terlihat umum, maka kamu perlu menggunakan judul yang deskriptif, jika kamu sudah menggunakan judul yang deskriptif, bahkan, pengunjung yang membaca secara singkat pun bisa langsung memahami apa yang kamu tawarkan dalam penjelasan tersebut.

Tips 10 : Membuat Copy yang Mudah Dipahami

Setelah kamu menentukan judul subheading, kamu perlu membuat copy untuk menjelaskannya, lalu bagaimana caranya membuat copy an yang baik? berikut adalah caranya.

  • Perhatikan panjang paragrafnya, agar copy mudah dibaca.
  • Penggunaan kata-kata umum, agar meningkatkan pemahaman pembaca terhadap tulisan.

Nah, itu dia caranya. Demikianlah, tips desain website yang bisa kamu terapkan semoga bermanfaat, ya

Image

Suka Artikel Ini?

Baca juga artikel lainnya

Cari Artikel

Layanan Whello

  • Jasa Pembuatan Website
  • Jasa SEO
  • Google Ads
  • Facebook Ads
  • Instagram Ads
  • Copywriting
  • Jasa Pembuatan Aplikasi

Subscribe Newsletter Whello Gratis

Dapatkan promo eksklusif dan konten menarik langsung di emailmu.

Image

Tentang Gede Dwipantara

Design Specialist

Kenalin, aku Gede. Designer di Whello yang selalu punya ide segar buat bikin visual jadi hidup. Yuk kenalan lebih lanjut!

Baca lebih lanjut tentang Gede

What Our Happy Clients Say

google logo

Whello membantu perkembangan bisnis kami selama 12 bulan terakhir, berawal dari problem web kami hilang dari SERP google. Kemudian dalam 3 bulan, problem ini di atasi. semoga Whello makin sukses. GBU.

IDCopy

IDCopy

Marketing Manager – IDCopy

Link Absolute
google logo

Saya suka dengan pelayanannya yang ramah. Pak Argo dapat memberikan konsultasi tentang digital marketing dengan baik dan sangat mudah dimengerti. Saran konkrit yang di berikan bisa langsung di terapkan. Sehingga saya sangat merekomendasikan untuk kalian yang juga ingin sukses di dunia digital! Sukses terus whello!

Indra Kursus Mengemudi

Indra Kursus Mengemudi

Marketing Manager – Indra Kursus Mengemudi

Link Absolute
google logo

Kami menggunakan jasa website development dan SEO. Sangat puas dengan jasa yang diberikan dari awal hingga akhir. Merasa ter-personalisasi dengan kebutuhan kami dan selalu menawarkan respon/tanggapan/solusi yang cepat. SEO kami jd nomor 1 berkat guide dari Whello!

Zerowaste Indonesia

Zerowaste Indonesia

Marketing Manager – Zerowaste Indonesia

Link Absolute
google logo

So glad can found this agency! I love the result from their service branding. Thanks to Whello team to make the design of my business branding become stunning more than I expected. Godspeed!

We Form Health

We Form Health

Marketing Manager – We Form Health

Link Absolute
google logo

I’m extremely glad to know the Whello team! They help my business branding strategy with a great result. They can understand what I want to implement in my brand, and always put extraordinary creativity into every work.

Gevity

Gevity

Marketing Manager – Gevity

Link Absolute
google logo

Kami menggunakan jasa website development dari Whello. Untuk setiap detail yang kami butuhkan dapat dipenuhi oleh tim Whello. Service yang diberikan sangat memuaskan. Koordinasi dilakukan dengan sangat baik hingga pekerjaan pengembangan website dapat diselesaikan sampai tuntas, bahkan melebihi ekspektasi kami. Terima kasih Whello.

Aesia

Aesia

Marketing Manager – Aesia

Link Absolute
google logo

Whello have played both a large and incredibly positive role in the success of our company’s online ventures. Unlike other experiences in the past, their presentation, communication and reliability, in addition to meeting crucial deadlines, has always exceeded our company’s expectations.

Red & White

Red & White

Marketing Manager – Red & White

Link Absolute
google logo

Service nya whello ga usah ditanya sih. The best from any agency I have ever met. Bukan cuma kerjain apa yg kita request tp jg kasih wise advice dan malahan kita yg dapet insight. Happy to work with Whello. Jg saya ga malu utk recommend whello k yg lain.

Salak Education

Salak Education

Marketing Manager – Salak Education

Link Absolute
google logo

One of our Great Partner. Whello. Pelayanan bagus, sabar dan meng-edukasi pelanggan maupun calon pelanggan. Sukses selalu Whello and Team

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

Untuk lead tarik customer dari berbagai wilayah cukup baik, respon cepat jika ada kendala, dan pelayanan oke...

JAPO

JAPO

Marketing Manager – JAPO

Link Absolute
google logo

Terima kasih tim Whello untuk development website yang sesuai harapan kami di awal. Whello selalu solutif saat meeting jadi kami bisa mendapatkan insight baru tentang digital marketing

PKT Group

PKT Group

Marketing Manager – PKT Group

Link Absolute
google logo

Pengalaman yang menyenangkan berkolaborasi dengan Whello. Hasil websitenya sangat oke dan tidak mengecewakan. Sukses terus!

Cangkang Sawit

Cangkang Sawit

Marketing Manager – Cangkang Sawit

Link Absolute
google logo

Thank you Whello for increasing our sales through digital marketing. You guys are truly remarkable

Yoybuy

Yoybuy

Marketing Manager – Yoybuy

Link Absolute
google logo

Pluginnya selalu update lebih baik, loading cepat/ringan, bisa hubungi cs fast respon. Terima kasih Whello

Akarsa

Akarsa

Marketing Manager – Akarsa

Link Absolute
google logo

Kami sudah mengaplikasikan whatsapp rotator dari whello pada Website utama kami. Alhamdulillah produknya sesuai dengan kebutuhan tim admin marketing kami yg berjumlah 3 orang, sangat fleksibel hasilnya memuaskan. Thank you Whello

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

"Whello telah mengubah cara kami mengelola bisnis. Dengan fitur yang efektif dan mudah digunakan, kami bisa melacak setiap prospek yang masuk dengan cepat dan akurat. Hasilnya, tim marketing kami menjadi lebih fokus dan produktif dalam progress mengetahui customer behaviour kami , sehingga peluang konversi penjualan pun meningkat pesat. Whello sangat membantu dan menjadi aset berharga untuk pertumbuhan bisnis kami!"

Groovy EO

Groovy EO

Marketing Manager – Groovy EO

Link Absolute
google logo

Alhamdulillah pakai Whelo jadi tahu real chat whatsapp yang masuk, dan di report bisa tahu hubungan tiap channel, jadi bisa mapping attribution modelnya sama jadi tahu channel mana yang lebih di utamakan buat di optimasi.

Widarin Vacation

Widarin Vacation

Marketing Manager – Widarin Vacation

Link Absolute
google logo

Kami rutin menggunakan google ads untuk mencari leads, audiens lebih banyak pakai WA dan ga suka isi form. dulu sebelum pakai whello, cuma bisa track klik WA aja. sekarang, data real chat leads masuk di dashboard iklan dan di tim CS bisa match. campaign juga lebih dalam bisa dioptimasinya.

Associe

Associe

Marketing Manager – Associe

Link Absolute
google logo

Kami pakai tools WA Tracking dari Whello hanya untuk tahu berapa orang yang benar-benar jadi lead dari tombol WhatsApp di website. Dan tools ini bisa solve problem kami. Tim Whello juga upgrade fiturnya sampai bisa tracking ROI, jadi makin gampang ngukur hasil campaign. Support-nya juga top! Respons cepat di hari kerja, ramah, dan nggak pelit kalo kita ada kebutuhan tambahan ini itu.

Delovery

Delovery

Marketing Manager – Delovery

Link Absolute
google logo

Whello membantu perkembangan bisnis kami selama 12 bulan terakhir, berawal dari problem web kami hilang dari SERP google. Kemudian dalam 3 bulan, problem ini di atasi. semoga Whello makin sukses. GBU.

IDCopy

IDCopy

Marketing Manager – IDCopy

Link Absolute
google logo

Saya suka dengan pelayanannya yang ramah. Pak Argo dapat memberikan konsultasi tentang digital marketing dengan baik dan sangat mudah dimengerti. Saran konkrit yang di berikan bisa langsung di terapkan. Sehingga saya sangat merekomendasikan untuk kalian yang juga ingin sukses di dunia digital! Sukses terus whello!

Indra Kursus Mengemudi

Indra Kursus Mengemudi

Marketing Manager – Indra Kursus Mengemudi

Link Absolute
google logo

Kami menggunakan jasa website development dan SEO. Sangat puas dengan jasa yang diberikan dari awal hingga akhir. Merasa ter-personalisasi dengan kebutuhan kami dan selalu menawarkan respon/tanggapan/solusi yang cepat. SEO kami jd nomor 1 berkat guide dari Whello!

Zerowaste Indonesia

Zerowaste Indonesia

Marketing Manager – Zerowaste Indonesia

Link Absolute
google logo

So glad can found this agency! I love the result from their service branding. Thanks to Whello team to make the design of my business branding become stunning more than I expected. Godspeed!

We Form Health

We Form Health

Marketing Manager – We Form Health

Link Absolute
google logo

I’m extremely glad to know the Whello team! They help my business branding strategy with a great result. They can understand what I want to implement in my brand, and always put extraordinary creativity into every work.

Gevity

Gevity

Marketing Manager – Gevity

Link Absolute
google logo

Kami menggunakan jasa website development dari Whello. Untuk setiap detail yang kami butuhkan dapat dipenuhi oleh tim Whello. Service yang diberikan sangat memuaskan. Koordinasi dilakukan dengan sangat baik hingga pekerjaan pengembangan website dapat diselesaikan sampai tuntas, bahkan melebihi ekspektasi kami. Terima kasih Whello.

Aesia

Aesia

Marketing Manager – Aesia

Link Absolute
google logo

Whello have played both a large and incredibly positive role in the success of our company’s online ventures. Unlike other experiences in the past, their presentation, communication and reliability, in addition to meeting crucial deadlines, has always exceeded our company’s expectations.

Red & White

Red & White

Marketing Manager – Red & White

Link Absolute
google logo

Service nya whello ga usah ditanya sih. The best from any agency I have ever met. Bukan cuma kerjain apa yg kita request tp jg kasih wise advice dan malahan kita yg dapet insight. Happy to work with Whello. Jg saya ga malu utk recommend whello k yg lain.

Salak Education

Salak Education

Marketing Manager – Salak Education

Link Absolute
google logo

One of our Great Partner. Whello. Pelayanan bagus, sabar dan meng-edukasi pelanggan maupun calon pelanggan. Sukses selalu Whello and Team

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

Untuk lead tarik customer dari berbagai wilayah cukup baik, respon cepat jika ada kendala, dan pelayanan oke...

JAPO

JAPO

Marketing Manager – JAPO

Link Absolute
google logo

Terima kasih tim Whello untuk development website yang sesuai harapan kami di awal. Whello selalu solutif saat meeting jadi kami bisa mendapatkan insight baru tentang digital marketing

PKT Group

PKT Group

Marketing Manager – PKT Group

Link Absolute
google logo

Pengalaman yang menyenangkan berkolaborasi dengan Whello. Hasil websitenya sangat oke dan tidak mengecewakan. Sukses terus!

Cangkang Sawit

Cangkang Sawit

Marketing Manager – Cangkang Sawit

Link Absolute
google logo

Thank you Whello for increasing our sales through digital marketing. You guys are truly remarkable

Yoybuy

Yoybuy

Marketing Manager – Yoybuy

Link Absolute
google logo

Pluginnya selalu update lebih baik, loading cepat/ringan, bisa hubungi cs fast respon. Terima kasih Whello

Akarsa

Akarsa

Marketing Manager – Akarsa

Link Absolute
google logo

Kami sudah mengaplikasikan whatsapp rotator dari whello pada Website utama kami. Alhamdulillah produknya sesuai dengan kebutuhan tim admin marketing kami yg berjumlah 3 orang, sangat fleksibel hasilnya memuaskan. Thank you Whello

Bus Discovery

Bus Discovery

Marketing Manager – Bus Discovery

Link Absolute
google logo

"Whello telah mengubah cara kami mengelola bisnis. Dengan fitur yang efektif dan mudah digunakan, kami bisa melacak setiap prospek yang masuk dengan cepat dan akurat. Hasilnya, tim marketing kami menjadi lebih fokus dan produktif dalam progress mengetahui customer behaviour kami , sehingga peluang konversi penjualan pun meningkat pesat. Whello sangat membantu dan menjadi aset berharga untuk pertumbuhan bisnis kami!"

Groovy EO

Groovy EO

Marketing Manager – Groovy EO

Link Absolute
google logo

Alhamdulillah pakai Whelo jadi tahu real chat whatsapp yang masuk, dan di report bisa tahu hubungan tiap channel, jadi bisa mapping attribution modelnya sama jadi tahu channel mana yang lebih di utamakan buat di optimasi.

Widarin Vacation

Widarin Vacation

Marketing Manager – Widarin Vacation

Link Absolute
google logo

Kami rutin menggunakan google ads untuk mencari leads, audiens lebih banyak pakai WA dan ga suka isi form. dulu sebelum pakai whello, cuma bisa track klik WA aja. sekarang, data real chat leads masuk di dashboard iklan dan di tim CS bisa match. campaign juga lebih dalam bisa dioptimasinya.

Associe

Associe

Marketing Manager – Associe

Link Absolute
google logo

Kami pakai tools WA Tracking dari Whello hanya untuk tahu berapa orang yang benar-benar jadi lead dari tombol WhatsApp di website. Dan tools ini bisa solve problem kami. Tim Whello juga upgrade fiturnya sampai bisa tracking ROI, jadi makin gampang ngukur hasil campaign. Support-nya juga top! Respons cepat di hari kerja, ramah, dan nggak pelit kalo kita ada kebutuhan tambahan ini itu.

Delovery

Delovery

Marketing Manager – Delovery

Link Absolute