Praktik Terbaik Desain Website untuk Bisnis Kecil Berikut Contohnya
Desain website bisnis kecil harus memiliki tampilan yang menarik dan teks yang memikat untuk memberikan kesan positif pertama pada pengunjung. Pemilik bisnis kecil mungkin tidak memiliki anggaran, keterampilan, atau sumber daya untuk membuat website yang mencolok. Namun, dengan tips dan trik yang tepat, Anda akan memulai perjalanan menuju pembuatan halaman landing yang memukau dan membuat orang berhenti sejenak.
DAFTAR ISI
- 14 Rekomendasi Tips Desain Website Terbaik
- Pilih Font yang Ramah Pembaca
- Patuhi Skema Warna Terbatas
- Gunakan Foto Berkualitas Tinggi
- Optimalisasi untuk Perangkat Seluler
- Buat Tombol CTA Anda Menonjol
- Gunakan Banyak Ruang Putih
- Hindari Kekacauan
- Sertakan Judul yang Menarik
- Tetapkan Hierarki Visual
- Sertakan Testimoni
- Ciptakan Pengalaman Pengguna (UX) yang Kustom
- Uji Penempatan CTA untuk Klik Maksimum
- Desain dengan Mengedepankan Aksesibilitas
- Jalankan Uji A/B Melibatkan Pelanggan Target
- Pertanyaan Umum (FAQ)
- Kesimpulan
14 Rekomendasi Tips Desain Website Terbaik
Untuk membantu Anda memulai, kami telah menyusun daftar praktik terbaik desain website untuk bisnis kecil beserta beberapa contoh.
Pilih Font yang Ramah Pembaca
Ada banyak font menarik dan menarik untuk dipilih—namun pertanyaannya, apakah mereka mudah dibaca dan dipahami? Tips yang baik adalah memilih font yang sejalan dengan nuansa dan tampilan merek Anda. Untuk mencari inspirasi, pilih font dan kombinasi font dari Canva Font Combinations, Google Fonts, dan Fonts In Use.
Sebagai contoh, font Couture Chanel digunakan pada logo dan elemen teks lainnya. Konsistensi visual memastikan pengunjung memiliki pengalaman pengguna yang konsisten saat menjelajahi halaman.
Patuhi Skema Warna Terbatas
Warna dapat memanipulasi persepsi orang terhadap halaman utama Anda. Sebuah studi dari Loyola University di Maryland menemukan bahwa warna dapat meningkatkan pengenalan merek hingga 80%. Untuk memaksimalkan produktivitasnya, patuhi warna merek Anda dan terapkan skema warna yang konsisten di seluruh halaman pendaratan dan materi pemasaran Anda.
Sebagai contoh, halaman pendaratan Cadbury berwarna ungu, yang mengingatkan pada kemasan produk yang dikenal secara global dari merek coklat khas Inggris ini.
Gunakan Foto Berkualitas Tinggi
Orang tidak akan bisa melihat, meraba, dan mencoba produk secara langsung di dunia online. Untuk menarik perhatian pelanggan, unggah gambar produk berkualitas tinggi. Dengan gambar yang tepat, Anda dapat membuat produk Anda menonjol dan membuat penonton berhenti sejenak.
Halaman utama Tesla memiliki gambar yang menarik dari mobil, atap surya, dan aksesori. Ini memastikan penonton dapat membayangkan menggunakan produk sebenarnya—meskipun mereka hanya melihatnya dari balik layar.
Optimalisasi untuk Perangkat Seluler
Ada lebih dari 7,1 miliar pengguna ponsel di seluruh dunia. Dari jumlah tersebut, 50% pengguna ponsel pintar lebih mungkin menggunakan situs seluler saat menjelajahi atau berbelanja daripada mengunduh aplikasi seluler. Angka-angka ini menunjukkan bahwa optimalisasi seluler sangat penting jika Anda tidak ingin kehilangan sejumlah besar pelanggan. Untuk memulai, sertakan tombol yang dapat diklik dengan mudah, template responsif, dan konten yang dapat digulirkan dirancang untuk konsumen.
Halaman utama Partake Foods memiliki gambar lezat dari kue-kuenya, serta panggilan aksi (CTA) yang dapat diklik oleh pengguna seluler untuk menikmati hidangan lezat mereka.
Buat Tombol CTA Anda Menonjol
Sebuah situs web yang impresif akan membuat pengguna berhenti sejenak dan memandang, tetapi jangan lupa untuk mengintegrasikan panggilan aksi (CTA). CTA mendorong orang untuk mengambil langkah atau tindakan berikutnya untuk menyelesaikan pengalaman berbelanja mereka. Jika Anda ingin menjual produk atau layanan, CTA adalah salah satu elemen paling penting yang akan mengarah pada konversi situs web.
Playbook memperkenalkan produknya di halaman utama sebagai alat yang membantu pengguna "mengatur, berbagi, dan berkolaborasi pada file kreatif." Setelah diperkenalkan dengan produk, Anda dapat mengklik tombol "Buat Playbook gratis" berwarna pink untuk mencoba produk sebenarnya.
Gunakan Banyak Ruang Putih
Setelah menempatkan semua elemen halaman pendaratan yang diperlukan, pertimbangkan ruang putih (atau ruang kosong). Tempatkan ruang kosong di sekitar elemen situs web sehingga pemirsa atau pengguna memiliki istirahat visual saat memproses informasi Anda. Jika dilakukan dengan benar, Anda dapat mengalihkan perhatian pemirsa ke elemen penting. Selain itu, Anda dapat menghindari penumpukan dan kekacauan di halaman pendaratan Anda.
Sebagai contoh, foto produk Apple dikelilingi oleh ruang putih, sehingga pemirsa secara alami tertarik pada iPhone-nya.
Pertahankan Navigasi Situs Anda Mudah
Saat Anda menjelajahi sebuah situs web, pertimbangkan apakah Anda dapat dengan mudah menemukan informasi yang Anda butuhkan. Jika tidak, pengunjung akan akhirnya meninggalkan halaman. Tips bagus adalah mengintegrasikan gaya navigasi yang sederhana pada header situs web.
Sebagai contoh, resor ski Avoriaz memiliki situs web dengan gambar hotel yang mendalam dalam 360 derajat. Ada juga tombol untuk paket, akomodasi, kontak, dan menu di sisi kanan yang memudahkan wisatawan untuk menjelajahi apa yang ditawarkan destinasi ini.
Hindari Kekacauan
Hukum Hick menyatakan bahwa ketika individu dihadapkan dengan banyak pilihan, mereka akan memerlukan waktu lebih lama untuk membuat keputusan. Dalam desain web, hal ini berarti mungkin sulit bagi pengunjung untuk membuat keputusan seperti membeli produk atau berlangganan surel. Memiliki halaman yang sederhana membuatnya mudah bagi pengunjung untuk membuat pilihan.
Halaman utama Shopify hanya meminta pengunjung untuk memasukkan alamat surel mereka untuk memulai uji coba gratis, sehingga mereka dapat menerima tawarannya.
Sertakan Judul yang Menarik
Judul meyakinkan pelanggan untuk melakukan tindakan yang diinginkan. Mereka juga memudahkan orang untuk melihat halaman pendaratan Anda dan menemukan informasi yang mereka butuhkan. Rencanakan penempatan judul untuk menyampaikan produk dan layanan yang ditawarkan bisnis Anda.
Halaman utama Adobe Creative Cloud memiliki judul utama tentang penawaran diskon 60% untuk siswa dan guru. Sementara itu, subjudul menyoroti rencana Creative Cloud yang diperbarui, Fotografi Creative Cloud, dan uji coba gratis pada Adobe Acrobat.
Tetapkan Hierarki Visual
Hirarki visual merujuk pada organisasi elemen desain pada sebuah halaman. Beberapa contoh melibatkan penempatan gambar dan teks. Ini tidak hanya memberi tahu pengguna di mana harus mengalihkan perhatian mereka, tetapi juga menentukan bagaimana informasi akan disampaikan.
Pada contoh ini dari Hyer, dapat dilihat bahwa "Hyer," nama merek, berada di puncak dan merupakan fitur paling penting dari hirarki visual—diikuti oleh frasa "Personalized Aviation," yang merupakan layanan utamanya. Setelah tertarik pada judul utama dan gambar, perhatian Anda secara alami akan beralih ke CTA "Book an Aircraft" dan "Book a Shared Flight."
Sertakan Testimoni
Testimoni menunjukkan bahwa produk atau layanan Anda memberikan apa yang dijanjikan. Menurut BigCommerce, 92% konsumen membaca testimoni dan ulasan online saat membeli produk. Selain itu, bisnis yang mendapatkan sepuluh atau lebih ulasan mendapatkan peningkatan trafik sebesar 15% hingga 20%. Hasil ini menunjukkan bahwa menyertakannya di situs web Anda akan meningkatkan kemungkinan konversi pelanggan.
Salesforce memiliki halaman kisah keberhasilan pelanggan yang berisi testimoni dari perusahaan-perusahaan terkemuka, termasuk SkipTheDishes, AGI, dan Loopio. Kutipan singkat menunjukkan bagaimana solusinya telah membantu perusahaan tingkat enterprise mencapai tujuan mereka.
Ciptakan Pengalaman Pengguna (UX) yang Kustom
Memiliki situs web yang menarik dapat menarik pelanggan—tetapi kemampuan untuk memberikan pengalaman yang personal adalah yang membuat mereka tetap tinggal. Fitur personalisasi seperti rekomendasi produk berdasarkan perilaku, penawaran terarget, dan geo-targeting memungkinkan bisnis kecil menyampaikan konten yang sejalan dengan keinginan dan kebutuhan pengguna. Menurut Accenture, hampir 60% konsumen menginginkan penawaran dan promosi real-time.
Situs web Amazon menawarkan pesan yang dipersonalisasi berdasarkan riwayat penelusuran pelanggan. Saat Anda menjelajahi berbagai produk, Anda juga akan disarankan item yang dibeli pelanggan bersama dengan produk tersebut.
Uji Penempatan CTA untuk Klik Maksimum
Tidak ada yang disebut sebagai penempatan CTA yang benar atau salah—tetapi perubahan kecil dalam penempatan dapat secara signifikan meningkatkan hasil. Pada contoh di bawah ini, Unbounce memindahkan CTA dari bawah ke atas grid harga untuk meningkatkan tingkat klik. Variasi ini menghasilkan peningkatan konversi sebesar 41%.
Desain dengan Mengedepankan Aksesibilitas
Situs web bisnis kecil yang baik harus dapat diakses oleh semua orang. Harus mampu mengakomodasi individu dengan disabilitas pendengaran, kognitif, visual, atau motorik.
Berikut beberapa karakteristik dari halaman pendaratan yang dapat diakses:
- Warna Kontras: Pilih warna teks dan latar belakang yang kontras untuk memudahkan orang dengan gangguan penglihatan membaca teks.
- Pertahankan Navigabilitas: Individu dengan gangguan motor mengandalkan keyboard untuk menjelajahi halaman. Untuk membuat situs dapat diakses, periksa apakah pengguna situs web dapat menjelajahi halaman dengan memilih tombol "Tab."
- Teks Alternatif: Individu atau pengguna yang bergantung pada perangkat lunak dikte tidak dapat melihat gambar sebenarnya di halaman. Sebagai hasilnya, sertakan teks alternatif untuk setiap gambar untuk memastikan bahwa pengunjung dapat mengetahui konten gambar bahkan jika mereka tidak dapat melihatnya secara visual.
- Tambahkan Keterangan Video: Tambahkan keterangan atau opsi terjemahan untuk video agar pengunjung dapat memahami dialog dalam video. Jika Anda melayani audiens internasional, pertimbangkan untuk menambahkan keterangan yang diterjemahkan juga.
Latar belakang pada halaman utama Patagonia memiliki warna teks dan latar belakang yang kontras sehingga mudah dibaca. Setelah mengklik "Watch Preview," ada opsi untuk menonton video dengan keterangan.
Jalankan Uji A/B Melibatkan Pelanggan Target
Memiliki situs web yang indah tidak akan segera menghasilkan konversi tinggi. Anda memerlukan informasi berbasis penelitian tentang warna ideal, desain, dan penempatan melalui uji A/B untuk menyampaikan proposisi nilai Anda.
Sebagai contoh, Groove membuat halaman penjualan yang memiliki tingkat konversi yang buruk, yaitu 2.3%.
Tim mengumpulkan umpan balik dari ahli pemasaran dan pelanggan, lalu menggunakan informasi tersebut untuk membangun kembali halaman pendaratannya. Sebagai hasilnya, versi yang lebih baru dengan visual dan teks yang diperbaiki menggandakan tingkat konversinya menjadi 4.7%.
Pertanyaan Umum (FAQ)
Apa praktik terbaik untuk desain situs web bisnis kecil?
Beberapa praktik terbaik untuk membuat situs web bisnis kecil termasuk memilih font yang mudah dibaca, mempertahankan skema warna yang konsisten, menempatkan foto produk berkualitas tinggi, mengoptimalkan untuk seluler, dan bereksperimen dengan penempatan CTA. Untuk informasi lebih lanjut, lihat artikel kami tentang membuat situs web yang indah untuk bisnis kecil Anda.
Apa yang harus disertakan dalam desain situs web bisnis kecil?
Situs web bisnis kecil harus memiliki testimoni, panggilan aksi yang menarik, peta situs yang dapat dinavigasi, informasi kontak, judul, dan informasi relevan terkait bisnis Anda. Selain yang disebutkan di atas, ada elemen situs web atau informasi lain yang harus Anda masukkan berdasarkan kebutuhan bisnis dan harapan pelanggan Anda.
Apa contoh situs web?
Beberapa contoh situs web meliputi situs web e-commerce, situs web portofolio, situs web blog, dan situs web bisnis kecil.
Apakah HTML terbaik untuk membuat situs web?
Meskipun HTML adalah dasar untuk semua halaman web statis, sebagian besar situs web sekarang menggunakan CSS untuk gaya dan JavaScript, serta peningkatan lainnya. Perangkat lunak desain web dapat memiliki fitur-fitur ini sudah dibuat untuk Anda dengan menggunakan templat.
Apakah alat SEO disertakan dengan pembuat situs web?
Ya, banyak layanan terkemuka menawarkan alat untuk membantu Anda meningkatkan visibilitas situs Anda di mesin pencari. Sebagian besar pembuat situs dirancang dengan infrastruktur yang membantu mesin pencari dengan mudah menemukan informasi. Selain itu, banyak platform dilengkapi dengan alat untuk menyesuaikan deskripsi meta situs Anda, penandaan data otomatis, dan integrasi media sosial yang mudah untuk membantu berbagi konten Anda di berbagai platform.
Perangkat lunak mana yang terbaik untuk desain web?
Pembuat situs web seperti Squarespace dan GoDaddy adalah yang terbaik untuk desain web karena mereka adalah platform all-in-one yang juga menyediakan web hosting, registrasi domain, dan editor bawaan untuk pengguna. Namun, Anda dapat memeriksa penyedia layanan alternatif berdasarkan kebutuhan spesifik Anda.
Kesimpulan
Tidak perlu menjadi ahli untuk membuat desain situs web bisnis kecil yang menghasilkan konversi tinggi dan menarik. Selama Anda mengetahui tips dan trik yang tepat, Anda akan dapat membuat halaman landing yang indah yang menyampaikan kepribadian dan pesan merek Anda. Selain itu, jika Anda baru dalam desain situs web bisnis kecil, bisa menjadi ide bagus untuk menggunakan pembuat situs web, seperti Squarespace atau Wix, yang membuat proses tersebut sangat mudah—bahkan untuk pemula mutlak.
Demikianlah Praktik Terbaik Desain Website untuk Bisnis Kecil Berikut Contohnya. Terima kasih telah berkunjung dan semoga bermanfaat. Selamat melanjutkan aktivitas Anda kembali.
Sumber: Monique Danao.
Blog ini didukung oleh pembaca. Kami dapat memperoleh komisi afiliasi ketika Anda membeli melalui tautan di situs web kami. Ikuti kami juga di Google News Publisher untuk mendapatkan notifikasi artikel terbaru. Terima kasih.