Apakah Anda ingin mencari tajuk terbaik untuk menginspirasi desain Anda?

Di masa lalu, "header" dalam desain web biasanya mengacu pada strip yang selalu ada di bagian atas situs web yang berisi logo, bilah navigasi, dan mungkin beberapa informasi kontak dan bilah pencarian. Saat ini, "header" lebih sering mengacu pada seluruh ruang di atas halaman beranda.

Tingkatkan kualitas halaman Anda dengan menemukan Cara Meningkatkan Halaman Blog yang Buruk

Kecuali jika seseorang menemukan situs web Anda melalui berbagi blog di media sosial atau rujukan ke situs web lain, kemungkinan besar mereka ada di sana melalui laman. Dan hal pertama yang pasti mereka lihat adalah header Anda.

Dengan merancang situs web untuk memenuhi harapan pengunjung dan meningkatkan kenyamanan dengan membuat pengalaman yang sedikit lebih mudah diprediksi, Anda dapat secara efektif tingkatkan klik-tayang dan tingkat konversi.

Sekarang, pikirkan ruang header ini di beranda ini.

Sebagian besar orang bergantung pada beranda untuk memberi mereka gambaran tentang apa yang dapat dilakukan oleh bisnis atau situs web, yang berarti Anda tidak dapat menyia-nyiakan kesempatan ini untuk memenuhi harapan itu. Tentu saja, desain tajuk beranda mungkin unik untuk merek Anda, tetapi elemen yang ditemukan seharusnya tidak ada. Pengunjung berharap bahwa pengguliran tidak diperlukan untuk mengetahui apa yang akan dilakukan situs web untuk mereka. Pada dasarnya, tajuk Anda harus berupa cerita 10 detik yang terbukti bermanfaat bagi pengunjung Anda.

Jadi apa yang akan Anda lakukan dengan ruang ini untuk menarik minat pengunjung Anda?

Kami akan berbicara tentang beberapa tren dalam desain header 2017, bagaimana memanfaatkan real estat yang sangat kasat mata ini dan melihat beberapa contoh header yang menarik.

5 tren tajuk

Ini bukan seolah-olah pengunjung Anda tidak menyadari kemampuan mereka untuk menggulir ke bawah halaman atau mengklik navigasi untuk mengetahui lebih lanjut tentang situs web Anda. Tetapi mengapa mereka harus dipaksa melakukan ini? Ada cukup ruang di header untuk menampilkan pesan singkat yang memberi tahu mereka apa yang perlu diketahui. Dan jika 50 kata atau kurang tidak cukup, belum tentu bagian dokumen lainnya yang akan menjelaskan lebih banyak.

Pertama dan terutama, tajuk beranda dapat membuat atau menghancurkan tayangan pertama pengunjung Anda.

Jika Anda kesulitan menemukan cara untuk memperkenalkan situs web Anda ke lokasi ini, mungkin Anda akan menemukan inspirasi dalam tren desain header tahun 2017 berikut ini:

1. Gambar pahlawan kebesaran

Berkat gaya modular desain web agar responsif, sebagian besar desain kini dibagi menjadi beberapa bagian dan blok terpisah. Gaya desain ini berhasil menyatu dengan baik dengan gambar lebar penuh yang mengisi banyak situs web.

Lihat juga: Cara membuat lebar halaman penuh di WordPress

Ambil contoh situs web Cleverbird Creative. Ini menggunakan gambar tunggal dan mencolok berlapis dengan teks sederhana untuk menyambut pengunjung. Tidak ada kesalahan dalam apa yang mereka lihat di sini: disederhanakan dalam keindahan.

2. Penggeser gambar

Saya pikir ada suatu masa, tidak terlalu jauh di masa lalu, ketika banyak dari kita melihat slider sebagai bagian desain yang layak. Begitu banyak desainer telah melakukan pekerjaan dengan baik menggunakannya di header.

Ada gambar geser yang menggulir secara otomatis dengan gambar resolusi tinggi dan lainnya yang meminta pengunjung untuk mengontrol pengalaman ini sendiri.

3. Menggunakan animasi paralaks

Parallax scrolling masih berkembang pesat dan header telah terbukti menjadi tempat yang tepat untuk menampilkan visual "ilusi" semacam ini pada desain web. Apa yang akan Anda lihat baru-baru ini, bagaimanapun, adalah pemberian desainer efek paralaks untuk menggulir perbatasan sementara, mungkin mengejutkan pengunjung dengan hasil yang tidak terduga.

4. Latar belakang video

Latar belakang video adalah tren terbaru lainnya yang benar-benar berfungsi paling baik saat diterapkan ke tajuk beranda. Salah satu dari situs web "28" melakukan pekerjaan yang sangat baik dalam mengatur suasana hati untuk situs web restoran, memamerkan video bagian depan dan belakang tempat makan.

Lihat juga: Menambahkan latar belakang video di Wordpress: pro dan kontra

5. Navigasi tersembunyi

Meskipun dapat dikatakan bahwa menu hamburger adalah milik situs web yang dibaca di perangkat seluler (sesuai rencana awal), namun harus dikatakan bahwa dalam konteks navigasi minimalis beberapa situs web sering menggunakannya. Situs web rehabstudio adalah contoh yang bagus untuk ini. Saat Anda masuk kembali, navigasi dapat terlihat, perhatian langsung Anda tertuju pada visual yang menarik dengan simbol plus… dan kemudian Anda menyadari bahwa ada sedikit sentuhan animasi yang mengelilinginya.

Baca juga: Cara memberi gaya pada menu navigasi Anda

Itu saja untuk berbagai sumber inspirasi ini. Bagaimana menurut anda ?

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Post Layout: Berita Ticker

Addon WordPress premium ini dari Visual Composer Permettra meningkatkan situs WordPress Anda dengan menawarkan kemungkinan membuat pengumuman mendesak atau penting di situs web Anda. Ini adalah ekstensi yang pasti ideal untuk situs web majalah.

Fitur utamanya meliputi: 

Jenis gulir 3 tergolong, dukungan untuk 3 lokasi tempat Anda dapat menempatkan iklan, kemampuan untuk menyembunyikan atau menampilkan gambar unggulan, personalisasi sumber iklan, tata letak yang sepenuhnya dapat disesuaikan dan responsif, Dukungan multibahasa, dll ...

Download | Demo | Hébergement Web

2. Smush It

WP Smush adalah WordPress Plugin kompresi gambar populer. Ini secara otomatis mengompresi gambar saat mengunggah dan juga dapat digunakan untuk mengompresi dan mengoptimalkan gambar yang sudah ada. 

Anda juga dapat menetapkan resolusi gambar maksimum dan gambar Anda akan diperkecil ke ukuran yang lebih masuk akal saat dikompresi. Versi gratis dari plugin ini tidak mengharuskan Anda melakukannya buat akun untuk menggunakan server kompresi penerbit. 

Jangan ragu untuk berkonsultasi dengan Plugin 7 WordPress untuk mengoptimalkan SEO gambar di situs web Anda

Fitur Pengoptimal Massal juga akan memungkinkan Anda untuk mengoptimalkan hingga 50 gambar sekaligus, dan Anda dapat menjalankan kembali Pengoptimal Massal untuk mengompresi lebih banyak gambar.

Download | Demo | Hébergement Web

3. FAQPlus

FAQPlus pasti salah satunya plugin WordPress FAQ premium yang dalam hal fungsionalitas adalah yang terbaik yang disediakan dalam daftar ini. Jumlah penyesuaian yang Anda inginkan sangat mengesankan.

Di antara fitur-fiturnya Anda akan menemukan bahwa itu mendukung plugin Visual Composer. Ini sepenuhnya responsif dan kompatibel dengan beberapa browser. Ini menawarkan berbagai jenis FAQ, khususnya: FAQ dalam format pertanyaan dan jawaban.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

• 10 tema WordPress multiguna untuk membuat situs web apa pun
• Plugin 9 Easy Digital Downloads untuk mengelola unduhan digital
• Cara menjaga pengunjung Anda lebih lama di situs web Anda
• Bagaimana mengoptimalkan gambar Anda dan meningkatkan SEO Anda

Kesimpulan

Di sini! Itu saja untuk tutorial ini, saya harap ini akan memungkinkan Anda untuk mempersonalisasi desain web Anda dengan mengambil inspirasi dari 5 header ini.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

merasa bebas untuk bagikan tip dengan teman-teman Anda di jejaring sosial Anda. Namun, sementara itu, beri tahu kami tentang file komentar dan saran di bagian khusus.

...