Buat Desain Beranda yang Manis: Panduan 10 Langkah

Beranda adalah fitur yang menentukan dari situs web apa pun; potensi mereka untuk mengesankan target pasar Anda tidak terbatas. Apakah itu seharusnya menarik dan mengundang atau langsung ke intinya, beranda perlu disampaikan.

Tantangan muncul begitu Anda mulai memikirkan berbagai cara untuk mendesainnya. Bagaimana Anda bisa tahu gaya mana yang paling cocok untuk merek Anda? Berikut rincian lengkap desain beranda kami.

Aturan 10 Detik

Homepage adalah kesan pertama sebuah situs. Ini seperti intro sebuah lagu, halaman pertama sebuah novel, atau episode pertama dari sebuah serial. Terus terang, jika tidak menggaet audiens Anda, tidak masalah jika sisanya bagus. Anda mungkin percaya bahwa sisa situs web Anda luar biasa, dan Anda mungkin benar. Tetapi tanpa desain beranda yang menarik, sebagian besar audiens Anda tidak akan melihat lebih jauh.

Anda mungkin cenderung hanya mempercantik beranda Anda ke surga. (Saya benar-benar bersalah dalam hal ini.) Anda mungkin terkejut mengetahui bahwa desain beranda lebih dari sekadar estetika. Ini tentang menggabungkan tampilan dengan segala sesuatu yang lain di kotak peralatan Anda untuk menjaga perhatian pemirsa.

Masukkan aturan 10 detik. Aturan 10 detik didasarkan pada penelitian yang dilakukan oleh Chao Liu. Dan tidak, itu tidak ada hubungannya dengan makan makanan di lantai (sayangnya).

Apa yang dideteksi Liu adalah bahwa beranda memiliki jendela 10 detik untuk membuat koneksi. Jika berhasil, periode singkat ini secara tidak sadar akan meyakinkan pembaca untuk tetap berada di halaman. Jika tidak berhasil, pengguna akan mengklik segera setelah mereka datang. Biasanya, itu yang terakhir; apakah beranda itu membosankan, tidak dapat diakses, sombong, atau tidak seperti yang dicari pengguna. Tujuan Anda sebagai pemilik adalah membuat salah satu dari sedikit beranda tempat orang-orang tetap berada.

Jadi, untuk menghormati aturan 10 detik, saya merasa terdorong untuk memberi Anda 10 tips berguna tentang cara membuat beranda. Bukan sembarang beranda, ingatlah, tetapi beranda yang akan menghasilkan lalu lintas abadi.

10. Komunikasikan Dasar-dasarnya

Pikirkan situs web apa pun yang Anda kunjungi secara teratur. Apakah Anda membutuhkan waktu ekstra lama untuk memeriksa setiap bagian kecil dari beranda sebelum memutuskan untuk tetap tinggal? Apakah Anda awalnya berencana untuk mengunjungi situs web itu? Atau apakah Anda cukup mengeklik tautan, memindai beranda, dan memutuskan bahwa situs web ini yang Anda cari?

90% orang yang pertama kali menemukan beranda Anda sedang mencari sesuatu. Biasanya sesuatu yang spesifik. Entah mereka direkomendasikan situs web Anda oleh seorang teman, mengklik salah satu iklan Anda, atau mencari kata kunci di Google. Terlepas dari itu, sebagian besar pengguna pertama kali berinteraksi dengan beranda Anda sebagai sarana untuk mencapai tujuan.

Jadi, Anda ingin memastikan pengguna tahu persis apa yang ditawarkan situs web Anda segera. Siapa Anda dan apa yang Anda lakukan harus menjadi pokok pembicaraan utama.

9. Pikirkan Pengunjung Pertama dan Terutama

Hal pertama yang harus Anda ketahui tentang audiens potensial Anda adalah bahwa manusia itu egois. Itu mungkin terdengar agak kasar, tapi itu benar. Saat mengunjungi beranda, orang umumnya tidak peduli dengan perusahaan Anda atau bagaimana hal itu terjadi. Mereka peduli tentang apa yang dapat diberikan situs web Anda kepada mereka. Baik Anda menjual barang kepada mereka, menyediakan sumber daya, atau menawarkan layanan, orang ingin mengetahui manfaatnya.

Pikirkan esai persuasif yang Anda tulis di sekolah menengah. Satu-satunya tujuan adalah untuk meyakinkan pembaca tentang sesuatu yang penting. Itulah tujuan beranda Anda—untuk meyakinkan mereka, dengan kata atau frasa singkat, bahwa mereka harus melihat seluruh situs web Anda.

Mulai dari, Anda ingin mengumpulkan informasi tentang apa yang pengunjung Anda ingin lihat. Pikirkan jenis orang yang akan menarik tautan atau iklan Anda. Mungkin Anda sudah memiliki orang yang mengikuti merek Anda di media sosial. Pastikan untuk memantau minat, kebutuhan, dan perilaku mereka.

Selanjutnya, pikirkan tentang siapa yang Anda inginkan untuk menarik halaman web Anda di masa mendatang. Sebuah homepage yang ditargetkan untuk wanita paruh baya, misalnya, akan terlihat sangat berbeda dari yang ditujukan untuk remaja laki-laki. Skema warna, tata letak, dan citra Anda dapat sangat bergantung pada demografi target Anda.

Sekarang Anda tahu siapa pengunjung potensial Anda, saatnya untuk melayani mereka. Menahan diri dari berbicara tentang diri Anda sebagai merek atau perusahaan. Ingat, orang hanya peduli pada Anda ketika mereka tahu apa yang dapat Anda berikan kepada mereka. Komunikasikan nilai apa yang dimiliki perusahaan Anda. Jadilah cepat dan sederhana. Meskipun slogan dan permainan kata-kata dapat membantu, itu tidak perlu. Yang benar-benar penting adalah keterbacaan.

Tata bahasa yang benar dan kalimat lengkap tidak selalu diperlukan. Bahkan, kadang-kadang dapat mengambil dari beranda Anda. Pikirkan tentang cara orang berinteraksi satu sama lain di dunia nyata. Mereka tidak menggunakan kalimat yang bertele-tele dengan kosakata yang luas. Tidak, kecuali mereka sedang diwawancarai, atau di tengah-tengah perdebatan sengit.

Umumnya, orang menghargai tulisan yang relatable. Kalimat pendek dan tidak lengkap tidak masalah, asalkan dapat dimengerti.

8. Tentukan Tata Letak Anda

Tentu saja, mendesain beranda tidak hanya tentang kata-kata yang Anda gunakan. Sebagai pemilik situs web, Anda juga harus menyusun beranda dengan cara yang dapat ditemukan dan dipelajari.

Apa artinya, tepatnya?

• Findability menjelaskan betapa mudahnya pengguna menemukan sesuatu di situs Anda.
• Learnability adalah seberapa cepat pengguna dapat mengetahui cara menavigasi situs.

Desain UI memainkan peran besar dalam mencapai kemampuan belajar dan dapat ditemukan. Berikut adalah beberapa panduan umum yang harus diikuti saat membuat UI:

• Pastikan halaman utama situs web Anda terdaftar langsung di beranda Anda.
• Pertimbangkan untuk menyertakan bilah pencarian sehingga pengguna dapat dengan mudah membuka halaman mana pun yang mereka cari.
• Jika Anda memiliki obral atau pengumuman lain yang ingin Anda promosikan, letakkan di bagian depan beranda Anda.

Yang paling penting untuk diingat adalah bahwa orisinalitas tidak selalu bermanfaat. Sebagai perancang web baru, Anda mungkin merasakan dorongan untuk membuat UI Anda unik dan kompleks agar menonjol dari persaingan. Orisinalitas memang bagus, tetapi tata letak yang sama sekali asing pasti akan membingungkan orang. Jadi, saran saya adalah menggunakannya dengan hemat.

Dalam hal desain beranda Anda, Anda dapat mengatakan bahwa sering kali lebih disukai untuk tidak orisinal. Kecuali jika pengguna Anda belum pernah mengunjungi situs web sebelumnya, mereka akan lebih mudah menavigasi tata letak yang mengikuti standar dasar yang biasa mereka gunakan.

Berikut adalah contoh dari apa yang saya bicarakan:

Meskipun saya menyukai tata letak ini secara pribadi, Anda harus mengakui bahwa akan sulit bagi pengguna baru untuk menavigasi. Mungkin tujuan situs web ini adalah untuk membingungkan pengguna, dan tentu saja, lebih banyak kekuatan untuk mereka.

Tetapi jika tujuan Anda adalah memberikan kemampuan untuk ditemukan dan dipelajari, maka lebih baik menggunakan tata letak seperti ini:

7. Pikirkan Tipografi Anda

Beranda bukanlah beranda tanpa semacam teks. Begitulah cara halaman online berkomunikasi dengan pengunjung, dan Anda akan kesulitan menemukan situs web yang berfungsi tanpanya.

Saat pertama kali membuat situs web, Anda mungkin cenderung menggunakan font paling mewah dengan warna paling cerah. Ketika saya masih kecil, saya senang menggunakan wix.com untuk membuat beranda yang diisi dengan setiap skrip kursif mewah yang tersedia. Begini masalahnya: tidak ada yang ingin situs web mereka terlihat seolah-olah dirancang oleh anak-anak. Jika Anda terlalu berlebihan dengan tipografi, itulah yang akan dipikirkan pengguna.

Tipografi strategis sangat penting untuk menjaga orang-orang di beranda Anda. Tidak hanya memberikan informasi kepada pengguna, tetapi juga merupakan perpanjangan dari seluruh merek Anda. Secara umum, sebaiknya gunakan font yang sederhana dan/atau memiliki bobot yang bervariasi. Arial adalah contoh yang bagus untuk ini. Tidak hanya itu font yang aman dan terkenal untuk digunakan, tetapi juga hadir dalam Arial Bold dan Arial Black.

Sekarang Anda mungkin bertanya-tanya, "bagaimana jika saya tidak ingin aman?" Mungkin Anda ingin tipografi situs web Anda rumit atau unik sambil tetap terlihat profesional. Nah, saya punya kabar baik untuk Anda: itu sangat mungkin. Namun, itu akan membutuhkan lebih banyak strategi.

Saran saya adalah memilih dua atau tiga font yang dapat Anda padu padankan di seluruh situs web Anda. Jika Anda ingin font yang lebih abstrak atau tebal, gunakan untuk heading dan pasangkan dengan font yang lebih lembut. Secara keseluruhan, ini semua tentang membuat hierarki dan menghubungkan elemen yang saling melengkapi.

Saya akan merekomendasikan membaca artikel ini tentang teknis pemasangan font.

6. Pikirkan Gambar Anda

Pencitraan sangat penting saat mendesain beranda. Sama seperti tipografi, beranda bukanlah beranda tanpa visual apa pun. Citra memengaruhi perasaan dan harapan pengguna secara keseluruhan terhadap situs web Anda. Ini seperti seni sampul pada novel terlaris; itu bisa sama pentingnya dengan judul itu sendiri.

Saya berani bertaruh bahwa kebanyakan mata manusia lebih tertarik pada visual daripada kata-kata. Alasan kami menulis kata-kata adalah karena kami senang berkomunikasi melalui gambar. Jadi untuk mengatur nada situs web Anda, Anda harus memiliki gambar yang sesuai dengan perasaan apa pun yang ingin Anda panggil.

Pastikan bahwa setiap gambar berkualitas tinggi. Juga bijaksana untuk mengoptimalkan gambar dengan cara yang membuatnya mudah dimuat. Pengguna online memiliki sedikit kesabaran dan akan pergi jika gambar terlalu lama muncul.

5. Pikirkan Komposisi

Dalam hal desain beranda, komposisi mengacu pada kombinasi mulus antara citra dan tipografi. Singkatnya, Anda ingin memastikan bahwa tipografi yang Anda pilih sesuai dengan gambar yang dipilih. Ini adalah hal yang cukup sulit untuk diseimbangkan, terutama karena komposisinya agak subjektif.

Secara umum, Anda ingin komposisi tersebut mendorong orang untuk berinteraksi. Beranda Anda harus dirancang untuk membuat orang menggulir ke bawah, berinteraksi dengan bilah menu, atau mengklik tautan tertentu.

Perhatikan tujuan dari fitur beranda ini. Gambar dan teks harus memiliki tujuan yang sesuai. Misalnya, banyak situs web menggunakan citra untuk menceritakan sebuah kisah. Tipografi yang sesuai membantu menyampaikan suatu poin sambil menggerakkan cerita.

Merek-merek mewah melakukan pekerjaan yang sangat hebat dalam hal ini. Saat menawarkan produk di beranda mereka, mereka menampilkan gambar berkualitas tinggi, dengan teks untuk merinci apa yang dilihat pemirsa.

4. Pikirkan Warna

Ya, bahkan warna adalah faktor yang layak dibicarakan. Pertama-tama, warna berperan dalam memastikan tipografi Anda dapat dibaca. Teks kuning dengan latar belakang putih, misalnya, tidak boleh digunakan. Hal yang sama berlaku untuk teks hitam dengan latar belakang biru laut. Tidak memiliki kontras yang cukup adalah kesalahan umum tetapi merugikan dalam hal desain beranda. Harus menyipitkan mata untuk membaca teks adalah pemecah kesepakatan langsung bagi sebagian besar pengguna.

Tentu saja, tidak semuanya tentang fungsi. Skema warna memainkan peran utama dalam menciptakan estetika yang menarik. Beberapa kombo warna akan menarik mata manusia, sementara yang lain akan menyebabkan orang mengerut secara internal. Ada alasan mengapa Anda tidak akan melihat banyak situs web yang terdiri dari teks hijau dan latar belakang oranye. (Yuk!)

Meskipun bentrokan warna dapat berhasil menarik perhatian pemirsa, sebaiknya gunakan sedikit teori warna saat mendesain beranda Anda. Berkat internet, ada banyak sumber daya di luar sana untuk membantu Anda mengatasinya.

3. Pertimbangkan Platform Pengguna

Orang tidak hanya akan melihat situs web Anda di desktop biasa. Dalam banyak kasus, Anda akan mendapatkan pengunjung yang melihat beranda Anda dari perangkat seluler. Orang-orang memiliki iPhone, tablet, konsol, dan sejumlah perangkat pintar lainnya. Terserah Anda untuk memutuskan apakah Anda ingin membuat situs Anda dioptimalkan untuk produk ini. (Jawabannya adalah ya. Anda tahu.)

Saat mempertimbangkan platform, ingatlah bahwa banyak perangkat seluler lebih kecil dari rata-rata laptop Anda. Smartphone dan tablet memiliki resolusi yang berbeda-beda. Sesuatu yang tampak hebat di desktop Anda mungkin tidak rapi atau sulit dibaca di Samsung seseorang.

Inilah sebabnya mengapa banyak situs web memiliki tata letak seluler alternatif. Jika Anda memilih untuk menerapkan ini, pastikan untuk memberi orang opsi untuk beralih ke beranda reguler Anda. Anda juga dapat memformat citra, tipografi, dan komposisi sehingga terlihat bagus di desktop dan seluler. Meskipun ini merupakan tantangan, hal itu telah dilakukan.

Terlepas dari rute yang Anda pilih, penting untuk mengingat pengguna ponsel Anda.

2. Tambahkan Ajakan Bertindak

Tentu saja, setiap beranda membutuhkan setidaknya satu ajakan bertindak. Lihatlah beranda Anda sebagai iklan yang diperluas. Ketika seseorang mengunjungi situs Anda, tugas utama Anda adalah menghubungkan mereka dengan semua faktor yang disebutkan di atas.

Setelah persuasi selesai, tujuan Anda berikutnya adalah mengarahkan pengguna ke tempat yang Anda inginkan, biasanya dengan tautan yang disorot. Anda akan sering melihat ini di situs web e-niaga. Mereka akan mencantumkan kategori populer di beranda mereka dengan tombol "Belanja Sekarang" yang tebal.

1. Saat Ragu, Pekerjakan Seorang Profesional

Pikirkan Anda tidak memiliki apa yang diperlukan untuk mendesain beranda? Yah, tidak perlu khawatir. Untuk itulah profesional ada di sini.

Sekarang, Anda dapat melalui proses yang membosankan seperti memasang iklan pekerjaan, melakukan wawancara, dan menegosiasikan persyaratan. Tetapi jika Anda membutuhkan beranda profesional dengan cepat, Anda bisa bekerja dengan Penji. Dengan ratusan desainer dari seluruh dunia, kami menawarkan layanan desain grafis termasuk situs web, tata letak seluler, dan banyak lagi.

Jika Anda memiliki proyek desain grafis lain yang membutuhkan pekerjaan, kami dapat menanganinya juga. Dengan tarif bulanan tetap, Anda dapat meminta desain sebanyak yang Anda mau. Itu berarti semua citra, tipografi, dan bagian lain dari beranda Anda dapat dicakup.

Desain beranda bisa menjadi hal yang sulit untuk dikuasai. Tetapi dengan jumlah semangat dan strategi yang tepat, merek Anda akan memiliki beranda yang luar biasa dan waktu yang singkat.