10 Tip Cepat Cara Membuat Website Homepage Design Anda Menjadi Lebih Baik

() translation by (you can also view the original English article)

Bagi pemilik usaha kecil, homepage situs Anda seperti jendela toko Anda: Ini membujuk orang-orang ke toko Anda, memberi mereka gagasan tentang apa yang Anda berikan, dan ini adalah titik awal untuk menjelajahi seluruh toko Anda. Ini juga berarti bagaimana situs web Anda terlihat sangat mempengaruhi baik pencitraan merek dan penjualan Anda.

Tidak seperti jendela toko, bagaimanapun, memperbaiki homepage situs Anda seharusnya tidak memerlukan biaya banyak, terutama jika Anda menjalankan bisnis kecil. Ada banyak tweak situs web yang bisa Anda buat tanpa menghabiskan banyak uang atau menunggu beberapa minggu untuk mendesain ulang.

Website homepage design — Desain beranda situs web penting untuk kesuksesan bisnis Anda (Image Source).

Dalam tutorial ini, kami akan menunjukkan cara membuat homepage situs web yang menarik pelanggan. Anda akan mengeksplorasi ide desain beranda situs web dan melihat beberapa contoh homepage situs terbaik.

Mari selami tip desain beranda situs web tersebut.

1. Gunakan File Gambar Ringan

Memiliki gambar berkualitas tinggi dan indah adalah must-have jika Anda ingin membuat produk Anda terlihat sebaik mungkin. Tapi ada trade off yang penting Biasanya, semakin besar gambar atau semakin tinggi resolusinya, semakin lama waktu yang dibutuhkan agar gambar-gambar ini dimuat untuk pengunjung Anda. Semakin lama waktu muat, semakin besar kemungkinan pengunjung Anda pergi.

Menurut penelitian dari Google, 53 persen kunjungan situs web ditinggalkan jika situs mobile membutuhkan waktu lebih dari tiga detik untuk memuat. Sebenarnya, model mereka memprediksi bahwa semakin lama waktu yang dibutuhkan agar halaman Anda dimuat, semakin tinggi kemungkinan pengunjung Anda pergi. Penelitian yang sama menunjukkan bahwa akan membuat banyak perbedaan jika pemilik situs hanya mengompres gambar mereka.

Page load time statistics — Semakin lama waktu yang dibutuhkan agar halaman web dimuat, semakin besar kemungkinan bagi pengunjung untuk bangkit.

Temukan keseimbangan antara menyediakan gambar yang indah dan memiliki situs pemuatan yang cepat. Gunakan alat Google PageSpeed Insights untuk melihat apakah gambar Anda memerlukan kompresi lebih lanjut. Jika mereka melakukannya, Anda dapat menggunakan alat seperti TinyPNG untuk memampatkannya lebih jauh atau lebih banyak belajar tentang pengoptimalan gambar melalui panduan ini:

2. Punya Tunggal, Ajakan Bertindak untuk Bertindak

Ketika pengunjung tiba di beranda Anda untuk pertama kalinya, seharusnya tidak ada ambiguitas tentang langkah selanjutnya. Di sinilah ajakan bertindak Anda (CTA) masuk. CTA biasanya muncul dalam bentuk tombol besar.Mengkliknya harus mengonversi pengunjung beranda menjadi prospek atau penjualan.

Pastikan ajakan bertindak Anda berada di paro atas - bagian atas beranda Anda yang terlihat tanpa bergulir. In one case study, sebuah toko online yang menjual trampolin meningkatkan tingkat konversi mereka sebesar 11 persen hanya dengan menambahkan CTA di paro atas.

Tetap saja, Anda seharusnya tidak membatasi ajakan Anda untuk bertindak ke area ini saja. Anda dapat mengulanginya sepanjang sisa salinan beranda Anda. Misalnya Rumpl, , toko online yang menjual selimut khusus, menyoroti produk unggulan mereka di paro atas dengan ajakan bertindak.

call to action placement — Tempatkan CTA Anda di paro atas, tapi juga ulangi seluruh homepage.

Tetapi jika Anda menggulir ke bawah beranda lebih jauh, Anda akan melihat tombol CTA lain untuk menambahkan produk itu ke keranjang Anda. Sementara Rumpl menampilkan item lainnya di beranda situs web mereka, tidak ada yang memiliki CTA menonjol kecuali produk unggulannya.Pengunjung fokus hampir secara eksklusif untuk membeli produk unggulan.

Hindari elemen mengganggu lainnya di beranda situs web Anda. Fokus utamanya adalah ajakan bertindak. Jika Anda perlu menempatkan item navigasi, tombol media sosial, dan elemen lainnya di beranda situs web, pastikan mereka tidak mengalihkan perhatian pengunjung dari tombol utama CTA.

Jika Anda tidak memiliki tombol ajakan bertindak yang kuat di beranda situs web Anda, lihat beberapa Kerangka ini menarik perhatian dari Graphic River.

3. Klarifikasi Proposisi Nilai Anda

Selain bersikap jelas tentang tindakan yang harus dilakukan pengunjung Anda, Anda juga harus jelas mengapa mereka perlu melakukan tindakan itu. Konsumen di semua kelompok umur memiliki nilai kejelasan dalam komunikasi pemasaran online, lebih dari sekedar desain hebat atau tata bahasa dan ejaan yang sempurna. Jadi, ketika sampai di salinan beranda situs web Anda, tanyakan pada diri Anda berikut ini:

Apakah pengunjung tahu apa yang akan mereka dapatkan sebagai imbalan untuk mengeklik CTA Anda?
Apakah tajuk utama, subjudul, dan body copy Anda mengandung titik rasa sakit yang besar dan solusi yang Anda berikan?
Apakah pengunjung dapat dengan mudah mengulang pesan anda kepada orang lain?

study on clarity in company communications — Konsumen sangat menghargai kejernihan pesan atas desain, panjang, dan ketepatan tata bahasa.

Jika Anda ingin mengklarifikasi proposisi nilai Anda di salinan beranda situs web Anda, cobalah teknik berikut ini:

1. Ulangi Proposisi Nilai

Sepanjang salinan beranda Anda, ulangi manfaat yang akan didapat pengunjung Anda setelah mengeklik CTA Anda. Anda dapat menggunakan berbagai kata dan visual untuk mengulangi manfaat ini. Pada contoh di bawah ini, Gossamer Gear, sebuah toko online yang menjual peralatan perjalanan ringan, proposisi nilai mereka "perlengkapan ultralight" secara eksplisit dinyatakan dalam judul utama mereka. Hal ini juga disinggung dalam logo perusahaan mereka ("Take less. Do more.") Dan foto banner menunjukkan dua pejalan kaki yang membawa ransel yang lebih kecil dari biasanya.

Clear website homepage value proposition example — Ulangi proposisi nilai Anda di beberapa tempat di beranda situs web Anda, termasuk visual.

2. Tentukan Mengapa Proposisi Penting

Anda dapat menyatakan bahwa bisnis Anda menghasilkan produk berkualitas tinggi, memiliki layanan pelanggan yang baik, atau bertanggung jawab secara sosial. Anda dapat membuatnya lebih jelas bagi audiens Anda dengan menjadi spesifik tentang mengapa. Di homepage situs mereka, peritel pakaian jadi Bersatu dengan biru menekankan tanggung jawab sosial mereka baik dalam tagline mereka ("barang tahan lama yang bertanggung jawab") dan konten mereka (terhubung ke posting blog mereka untuk membersihkan ruang publik dan toko mereka yang bertanggung jawab). Tapi salinan situs web situs web mereka berjalan ekstra dengan menentukan usaha perusahaan dengan jumlahnya.

Example of specificity in homepage copy — Jadilah spesifik tentang bagaimana Anda menyampaikan proposisi nilai Anda.

Pikirkan tentang cara Anda bisa lebih spesifik dalam mengekspresikan proposisi nilai Anda. Jika proposisi nilai unik Anda adalah Anda membantu pelanggan menghemat uang, catat berapa banyak yang bisa mereka hemat. Jika bisnis Anda membanggakan diri dalam membuat produk tahan lama, tentukan berapa tahun produk cenderung bertahan atau tunduk pada produk ke berbagai tes dan tunjukkan hasil kepada audiens Anda.

4. Buat Website Homepage Copy Anda Mudah Dipindai

Apakah situs web Anda memiliki salinan panjang atau pendek, penting agar teks mudah dipindai. Ini karena orang cenderung memindai dan skim text secara online. Sebuah studi dari Nielsen Norman Group menunjukkan bahwa hanya 16 persen orang membaca teks online untuk kata demi kata. Dalam sebuah studi yang terbaru, mereka juga menemukan bahwa orang cenderung untuk memindai teks berat dalam pola berbentuk F, yang menyebabkan mereka kehilangan informasi penting.

F-shaped pattern for reading text online — Blok teks yang besar di beranda bisa membuat orang memindainya dalam pola berbentuk F.

Jika Anda tidak ingin pengunjung Anda melewatkan kata-kata persuasif atau fitur terpenting produk Anda, pastikan teks di beranda situs Anda mudah dipindai. Berikut adalah beberapa tips yang bisa Anda ikuti:Break up your homepage content with subheads.

Pecahkan konten beranda Anda dengan subjudul.
Gunakan daftar untuk menjelaskan rincian daripada menggambarkannya dalam paragraf.
Tambahkan caption ke gambar Anda.
Gunakan kalimat pendek.
Jika Anda bisa menyajikan informasi lebih cepat melalui visual, lakukan itu daripada hanya mengandalkan salinannya.
Hindari ukuran tipe kecil.

Salah satu contoh bagus dari prinsip ini ditemukan pada Barebones Hidup, yang menjual perlengkapan outdoor. Daripada membuat daftar kategori produk mereka dan menjelaskannya dengan deskripsi panjang, salinannya hanya menyatakan "Bagaimana Anda menghabiskan waktu di luar rumah?" Gambar dan satu kata kategori kategori melakukan angkat berat. Bahkan tanpa membaca kata-kata, Anda dapat mengetahui kotak mana yang harus Anda klik. Mari kita lihat contoh homepage situs web:

Scannable product categories — Lengkapi bahasa sederhana dengan visual yang kuat untuk situs web yang mudah dipindai.

Homepage situs juga menggunakan subheader. Pada gambar di bawah, subhead "Why Barebones?" diikuti oleh subheads yang lebih kecil seperti "Petani di Afrika," "Menyediakan tempat berlindung di Nepal," dan "Menyediakan makanan di Utah." Memiliki subheads seperti ini berarti pengunjung akan memiliki gagasan konkret mengenai proyek perusahaan walaupun mereka tidak membaca teks tubuh pendek.

Use of subheads in scannable text — Gunakan subjudul agar pengunjung bisa mendapatkan intisari konten Anda meskipun mereka melewatkan paragraf.

5. Miliki Orang di Foto Anda

Bahkan jika Anda mendapatkan produk paling fotogenik di pasaran, sebaiknya Anda memiliki orang-orang di foto produk Anda - terutama di beranda situs web Anda. Pengujian dari Pengoptimal Situs Web Visual menunjukkan bahwa menggunakan gambar manusia dan bukan ilustrasi atau ikon dapat meningkatkan rasio konversi.

Lebih penting lagi, gunakan foto nyata dari pelanggan atau staf Anda.Pengunjung situs cenderung mengabaikan stok foto orang, menurut penelitian dari The Nielsen Norman Group.

Contoh bagus dari ini adalah dari toko benih online Renee's Garden. Di beranda situs web mereka ada banyak foto orang-orang di pertanian mereka, foto orang-orang yang telah mereka sumbangkan, dan foto pemiliknya. Terlepas dari foto-foto ini yang menyambar mata, mereka juga membangun kepercayaan karena Anda bisa melihat orang-orang di balik bisnis ini. Pengembangan kepercayaan instan ini sangat penting bagi usaha kecil dan mikro yang tidak memiliki reputasi luas seperti merek yang lebih mapan.

Example of real people in photos — Menggunakan foto pelanggan dan staf nyata dapat membantu membangun kepercayaan dan meningkatkan konversi.

6. Kurangi Resiko

Karena usaha kecil online tidak begitu dikenal sebagai merek yang lebih besar, konsumen mungkin merasa ada beberapa risiko pembelian dari mereka dibandingkan pembelian dari toko online Amazon atau Walmart. Karena itu, Anda perlu menghilangkan potensi risiko bagi pelanggan Anda.

Desain W & P , toko desain dari Brooklyn, menjelaskan salinannya di atas lipatan yang mereka tawarkan "Kembali Gratis. Tidak Ada Kerumitan." Jika pelanggan ragu untuk membeli karena mereka mungkin akhirnya tidak menyukai produknya, mereka tahu di muka bahwa mereka dapat mengembalikannya tanpa kerumitan dari perusahaan dan tanpa membayar biaya tambahan. Berikut ini adalah contoh homepage situs web:

Return policy on website homepage to reduce risk — Menampilkan kebijakan pengembalian di situs web Anda mengurangi risiko pelanggan.

Bergandengan tangan dengan mengurangi risiko pelanggan Anda membuktikan bahwa Anda memenuhi janji Anda. Di sinilah bukti sosial, seperti ulasan, studi kasus, dan testimonial masuk. Tunjukkan ini di beranda situs web Anda jika Anda ingin pelanggan mempercayai bisnis Anda.

Wynd , yang menjual purifiers pintar, menyelesaikan ini dengan memiliki tab "Ulasan" di paro atas di beranda mereka. Saat Anda mengklik tab, ulasan produk akan muncul. Ulasan ini juga muncul lagi di bagian terpisah di beranda situs web.

Customer reviews on website homepage — Menambahkan ulasan di beranda situs Anda membantu meminimalkan risiko bagi calon pelanggan Anda.

Untuk saran terperinci tentang cara mengumpulkan dan menggunakan umpan balik di situs web Anda, tinjau panduan berikut ini:

7. Mengungkapkan Menu Navigasi Anda

Meskipun terlihat rapi dan modern untuk menyembunyikan navigasi beranda situs web Anda dengan menu tarik-turun atau ikon hamburger, ini membuat pengguna tidak cenderung menavigasi situs Anda yang lain. Penelitian dari Grup Nielsen Norman menemukan bahwa penemuan halaman situs dipotong setengah saat palang navigasi disembunyikan. Ini akan memakan waktu lebih lama bagi pengunjung untuk menemukan halaman kunci lainnya di situs Anda.

Time to navigation chart — Dibutuhkan pengunjung lebih lama untuk pergi melalui situs web dengan navigasi tersembunyi.

Jika ada terlalu banyak halaman di situs Anda, dan Anda tidak dapat menempatkan semuanya di menu beranda Anda tanpa kepadatan penduduk yang berlebihan, Anda dapat memilih "navigasi combo". Dalam format ini, ada tautan menu statis ke laman penting di situs Anda, namun sisanya muncul melalui menu tarik-turun. Ini adalah pendekatan yang digunakan oleh Johnny's Selected Seeds , seorang pedagang benih online. Karena mereka punya puluhan bibit di toko online mereka, navigasi utama hanya mencantumkan kategori utama. Subkategori lainnya terungkap pada menu dropdown.

Example of combo navigation menu — Jika Anda memiliki terlalu banyak barang di toko online Anda, cantumkan hanya kategori utama di menu Anda. Yang penting adalah ada menu yang terlihat.

8. Coba Live Chat Anda

Live chat adalah fitur yang memungkinkan pengunjung situs chatting secara real-time dengan Anda atau staf Anda. Anda dapat menggunakan live chat untuk menjawab pertanyaan awal mereka, membantu mereka menavigasi situs web Anda, atau langsung melakukan penjualan. Bagi pelanggan, ini lebih mudah daripada menelepon atau mengirim email ke bisnis Anda, karena mereka dapat mengobrol dengan Anda saat mereka menjelajah situs.

Tanda JSI , toko pasokan tanda online, menggunakan live chat untuk mengurangi volume panggilan yang mereka terima di tokonya . Ini juga membantu pemilik multitask, karena dia bisa menjawab pertanyaan dari calon pelanggan karena dia melakukan tugas lain. Mari kita lihat di chat homepage ini contohnya:

Example of live chat on a small business website — Obrolan langsung di beranda situs web Anda dapat membantu Anda menjelaskan produk ke pengunjung situs web Anda, meningkatkan konversi Anda.

Tapi ada manfaat penting lainnya untuk menambahkan live chat ke homepage situs Anda. Obrolan langsung dapat meningkatkan konversi sebanyak 40 persen, menurut sebuah studi oleh Apex Chat . Ini juga memberikan tingkat kepuasan pelanggan tertinggi , dengan 73 persen konsumen puas dengan layanan yang mereka dapatkan dari live chat. Email hadir di urutan kedua dengan tingkat kepuasan sebesar 61 persen.

live chat satisfaction levels — Pelanggan puas dengan dukungan live chat, lebih dari sekadar email, telepon, atau media sosial.

Jika Anda tertarik untuk memberikan live chat a go, berikut adalah beberapa layanan obrolan langsung yang dapat Anda gunakan:

9. Embed sebuah Video

Menambahkan video ke beranda Anda dapat meningkatkan konversi. Ini benar di beberapa kategori produk, menurut sebuah studi dari Treepodia . Karena ini, mungkin akan membantu jika Anda menambahkan bahkan klip video di beranda situs web Anda. Jaga agar tetap pendek, karena pertunangan cenderung berhenti saat video terlalu panjang. Sebaiknya jaga video Anda lebih pendek dari dua menit, menurut statistik dari Wistia.

Study increase in video conversion rates — Di antara jenis produk di atas, rasio konversi e-niaga meningkat dengan penambahan video.

Sedangkan untuk konten video, bisa jadi adalah explainer, testimonial pelanggan, demo produk, atau bahkan tur singkat toko Anda. Ini bisa berupa live action atau animasi, apapun yang sesuai dengan kebutuhan dan budget anda. Pada contoh di bawah ini, Four Sigmatic , perusahaan kopi jamur, memiliki video di beranda mereka di mana pendirinya menunjukkan bagaimana menggunakan produk mereka. Video sangat penting untuk produk yang tidak biasa seperti kopi jamur, yang kebanyakan orang mungkin tidak Anda kenal.

Embedded video on website homepage example — Menambahkan video demo produk dapat membantu saat menjual produk yang tidak biasa.

10. Sederhanakan

Jika daftar di atas membuat Anda berpikir bahwa memperbaiki beranda situs Anda berarti menambahkan lebih banyak elemen, itu belum tentu demikian. Setiap item baru yang Anda tambahkan bisa mengalihkan perhatian dari pesan utama Anda dan ajakan bertindak. Selain itu, hal itu bisa membuat kesan buruk pada pengunjung Anda.

Penelitian dari Google menunjukkan bahwa kompleksitas visual yang tinggi - kehadiran banyak elemen - dapat mempengaruhi seberapa menarik situs Anda bagi pengunjung. Situs dengan kompleksitas visual rendah ditemukan yang paling menarik, bahkan jika orang hanya terpapar situs ini selama 17 milidetik. Dengan kata lain, kesan pertama dari jumlah situs web Anda penting, dan kesan ini semudah mungkin. Ingatlah hal ini saat Anda mengikuti rekomendasi di atas. Ganti elemen yang tidak perlu atau tidak efektif daripada menambahkan hal baru untuk mengimbanginya.

Situs Web yang Membawa Bisnis

Anda baru saja belajar tentang ide desain beranda situs web. Kami telah menjelajahi beberapa contoh homepage situs web. Anda sekarang harus memiliki beberapa gagasan tentang cara membuat situs web Anda menjadi lebih efektif.

Ingat, homepage situs Anda seharusnya tidak hanya menjadi bagian dekoratif dari strategi pemasaran Anda. Sebagai gantinya, ia harus berperan aktif dalam mendatangkan penjualan dan mengulangi pesan branding Anda kepada calon pelanggan.

Jika situs web Anda sepertinya tidak menyampaikan janji itu, kerjakan beberapa perubahan yang disarankan di atas. Anda bisa memulai dengan yang paling mudah untuk Anda implementasikan. Dengan membuat perubahan sederhana ini, beranda situs web Anda bahkan mungkin menjadi salah satu saluran akuisisi pelanggan terpenting Anda.