Saat ini, tidak cukup hanya menarik pengunjung ke situs Anda, Anda juga harus membuat mereka terkesan, ketika mereka tiba di beranda Anda. Lagi pula, ada ribuan situs lain yang menawarkan layanan atau konten serupa dengan situs Anda, jadi mengapa mereka harus memilih Anda daripada yang lain?

Itu Splash halaman Apakah solusi elegan untuk masalah ini. Mereka dapat bertindak seperti kartu panggil, atau bahkan membantu Anda meningkatkan konversi jika digunakan dengan benar. Dalam tutorial ini, kita akan menjelajahi konsep " halaman splash ” atau “halaman sampul” dalam desain web modern. Selanjutnya, kami akan menunjukkan kepada Anda beberapa contoh halaman sampul yang berbeda dan menawarkan beberapa plugin yang dapat membantu Anda mengintegrasikan konten tersebut di situs web Anda. blog Anda.

Apa itu halaman pembuka?

Masih disebut " Halaman sampul "Atau" Halaman awal Ini adalah bagian dari situs Anda yang dilihat pengunjung sebelum membuka konten utama. Mereka biasanya memiliki konten yang ditargetkan, terutama dengan tombol ajakan bertindak (CTA), dan bertindak sebagai corong ke konten di situs Anda. Berikut ini contoh halaman muka dengan tampilan modern:

Contoh halaman splash Wordpress

Meskipun penggunaan halaman ini agak menurun (sebagian karena masalah pengalaman pengguna), mereka menawarkan keuntungan besar seperti:

  • Daya tarik pengunjung memperhatikan pesan tertentu atau barang tertentu.
  • Ini memungkinkan Anda untuk mengkomunikasikan informasi penting kepada pengunjung Anda.
  • Ini memberikan kesempatan untuk meningkatkan konversi Anda dengan menyajikan kepada mereka petunjuk berlangganan, atau serupa.

Meskipun kepentingannya telah menurun, konsep halaman pembuka telah berkembang untuk menyertakan header layar penuh akhir-akhir ini, karena dapat memberikan jumlah manfaat yang sama seperti "halaman pembuka".

Yang mengatakan, halaman startup tradisional masih layak untuk beberapa aplikasi seperti:

  • Untuk pembuatan pendahuluan visual yang luar biasa untuk situs Anda.
  • Tampilan pemberitahuan hukum untuk situs yang membutuhkannya.
  • Pilihan bahasa favorit Anda.
  • Berbagi berita penting dengan pengunjung Anda (meskipun kami benar-benar tidak mendorong praktik ini).
  • Mendorong pengguna untuk berlangganan a buletin.

Sekarang kita akan mengeksplorasi beberapa contoh yang bisa menginspirasi Anda.

Contoh halaman splash

Untuk bagian ini, kita akan fokus pada halaman awal dengan desain yang luar biasa, kemudahan penggunaan yang luar biasa, atau yang menggabungkan kedua kriteria tersebut. Seperti yang telah kita diskusikan, banyak halaman awal sebenarnya adalah header layar penuh.

1 - CoLofts

Contoh Colofts

http://colofts.ca/

Situs web CoLofts memiliki tajuk layar penuh dengan latar belakang tidak aktif yang menyoroti logonya. Untuk semua maksud dan tujuan, tajuk ini bertindak sebagai halaman awal. Itu ada di sana karena alasan estetika murni, dan satu-satunya fitur navigasi yang tersedia, mendorong lebih jauh ke bawah untuk melihat sisa halaman.

2 - Jadikan Sempurna

Jadikan itu contoh yang sempurna

Kunjungi situs web

Contoh kami selanjutnya adalah " Make It Sempurna "Yang menyajikan" splash page »Tren retro. Ini termasuk bilah pemuatan, yang cukup langka di situs web modern hari ini, dan dengan alasan yang bagus. Kecepatan internet rata-rata diyakini telah meningkat dan karenanya memasang indikator pemuatan, yang mungkin membuat pengunjung kecewa. Idealnya, elemen ini tidak penting, tetapi bilah pemuatan yang menarik secara visual.

3 - Unit Kera

Contoh apeunit

Kunjungi situs web

Beranda ini menawarkan perpaduan yang baik antara kegunaan dan desain. Faktanya, Anda dapat mengatakan bahwa seluruh halaman utama adalah rangkaian " halaman splash Mengarah ke berbagai studi kasus. Jika Anda seorang profesional desain, ini tentu akan menjadi sumber inspirasi bagi Anda.

Namun, ini bukannya tanpa kekurangan. Banyak orang akan lebih nyaman dengan sistem navigasi tradisional. Menurut kami, menambahkan menu navigasi dapat meningkatkan pengalaman pengguna.

Beberapa plugin menambahkan halaman splash di WordPress

Idealnya adalah menggunakan tema yang menawarkan fungsionalitas ini. Namun, jika tema Anda tidak menawarkannya, Anda dapat menggunakan salah satu plugin berikut:

1 - Halaman Pembuka WP

Plugin wp halaman splash

Unduh pengaya

Plugin ini memungkinkan Anda untuk menambahkan halaman Splash yang dapat disesuaikan. Yang terakhir mungkin tidak ada hubungannya dengan tema Anda, dan ini mungkin salah satu kesalahannya. Hanya dengan sedikit penyesuaian CSS, Anda akan mencapai hasil yang baik.

2 - Halaman Percikan Sangat Sederhana

Halaman pembuka yang sangat sederhana

Unduh pengaya

WP Splash Page adalah plugin yang berguna, jika Anda ingin membuat halaman splash di blog WordPress. Secara khusus, ini memungkinkan Anda untuk menampilkan gambar di latar belakang dan teks dan tombol di tengah. Ini adalah solusi yang menurut saya cukup elegan dan saya harap Anda menyukainya.

Itu saja untuk tutorial ini, saya harap ini akan membantu Anda memahami prinsip halaman splash Di WordPress.