O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Anatomi Hero Section

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 9 Anúncio

Anatomi Hero Section

Baixar para ler offline

Pernah tidak teman, ketika mengunjungi link sebuah website teman-teman merasa bingung. Bingung ini website apa? mau hubungi pemiliknya tapi tidak ada tombol kontaknya.

Mau dapat informasi lebih, dan ketika di scroll. Masih lorem ipsum ternyata 😁

Akhirnya merasa gimana gitu, atau mungkin malah merasa rugi sudah meluangkan waktu untuk cek websitenya.

Artinya informasi yang mau disampaikan oleh website ini itu kurang.

Dan salah satu bagian terpenting yang pertama kali pengunjung lihat saat mengunjungi sebuah website itu adalah bagian hero sectionnya.

Hero section ini adalah bagian paling atas yang terdapat di suatu Website dan merupakan bagian paling krusial.

Pada saat beriklan di facebook ataupun di google, bagian inilah yang akan diotak atik. Mulai dari headline, sub-headline, button, color, image, kemudahan dalam melakukan navigasi, dan bahkan copywritingnya.

Lalu, hal-hal apa saja yang perlu ada di dalam hero section yang menjadikannya powerfull untuk membuat pengunjung melakukan action.

Berikut di antaranya:

1. Headline
2. Text (headline/sub-headline)
3. Navigasi menu
4. Image/video
5. Button
6. Testimoni/brand partner

Kalau menurut teman-teman bagaimana? sudahkah element ini masuk ke dalam websitenya.

-----
#wordpress #wordpressdeveloper #wordpresswebsite #wordpressdesign #webdevelopment #wordpressindonesia

Pernah tidak teman, ketika mengunjungi link sebuah website teman-teman merasa bingung. Bingung ini website apa? mau hubungi pemiliknya tapi tidak ada tombol kontaknya.

Mau dapat informasi lebih, dan ketika di scroll. Masih lorem ipsum ternyata 😁

Akhirnya merasa gimana gitu, atau mungkin malah merasa rugi sudah meluangkan waktu untuk cek websitenya.

Artinya informasi yang mau disampaikan oleh website ini itu kurang.

Dan salah satu bagian terpenting yang pertama kali pengunjung lihat saat mengunjungi sebuah website itu adalah bagian hero sectionnya.

Hero section ini adalah bagian paling atas yang terdapat di suatu Website dan merupakan bagian paling krusial.

Pada saat beriklan di facebook ataupun di google, bagian inilah yang akan diotak atik. Mulai dari headline, sub-headline, button, color, image, kemudahan dalam melakukan navigasi, dan bahkan copywritingnya.

Lalu, hal-hal apa saja yang perlu ada di dalam hero section yang menjadikannya powerfull untuk membuat pengunjung melakukan action.

Berikut di antaranya:

1. Headline
2. Text (headline/sub-headline)
3. Navigasi menu
4. Image/video
5. Button
6. Testimoni/brand partner

Kalau menurut teman-teman bagaimana? sudahkah element ini masuk ke dalam websitenya.

-----
#wordpress #wordpressdeveloper #wordpresswebsite #wordpressdesign #webdevelopment #wordpressindonesia

Anúncio
Anúncio

Mais Conteúdo rRelacionado

Semelhante a Anatomi Hero Section (20)

Mais de Muhamad Edison A (20)

Anúncio

Mais recentes (20)

Anatomi Hero Section

  1. 1. ANATOMI HERO SECTION Langkah Mudah Untuk Membuat Desain Herco Section Yang Wuz Wuzzzz heyedison.me heyedison.me
  2. 2. Hero Section Hero Section Hero section adalah bagian paling atas di dalam sebuah landing page. Dan bagian ini yang selalu dilihat pengunjung ketika mendatangi sebuah landing page Selanjutnya, yuk kita bahas satu-satu. Element-element apa saja yang harus ada di dalam sebuah Landing Page. Dengan begitu, nanti teman- teman bisa melakukan audit secara cepat tentang bagian hero section tersebut.
  3. 3. Gambar/Video Dibagian ini bisa diletakkan gambar maupun video. Gambar/video ini mesti mewakili apa yang mau disampaikan di websitenya. Yang ujungnya mendorong pengunjung untuk melakukan scroll ke bawah untuk mengetahui informasi lebih lanjut. Sebenarnya, ketika pengunjung mengunjungi sebuah website dan melihat gambarnya, mereka tau. Tentang apa isi/garis besar website ini. Misal, kalau websitenya jualan hijab, meski gunakan gambar yang berhubungan dengan hijab jangan yang lain. Gambar yang relevant
  4. 4. Text Headline Sub headline Text ini ada dua, yaitu Headline dan Sub Headline. Headline ini digunakan untuk mempengaruhi pengunjung untuk melakukan tindakan tertentu. Seperti, untuk melakukan pembelian atau download sebuah ebook. Maka dari itu, button tidak jauh dari headline letaknya. Sedangkan sub headline, adalah penjelasan singkat dari headline tersebut. Jadi tujuan dari headline ini sudah jelas, yaitu membuat pengunjung untuk mengetahui informasi singkat tentang isi websitenya, lalu membuatnya melakukan klik.
  5. 5. 80% pengunjung akan membaca headlinemu, sementara hanya 20% yang membaca sampai pada kontennya. Dikutip dari copyblogger - salah satu top resources yang berisi panduan untuk membuat blog dari dasar sampai menghasilkan. Mereka bilang seperti ini Maka dari itu, headline ini sangatlah krusial. Dan beberapa hal berikut adalah hal yang tidak boleh dilakukan saat membuat headline: Jangan gunakan frasa kata yang tidak jelas, atau tidak berbungan dengan website. Jangan jadikan tagline perusahaan sebagai hadline. Kenapa? Karena tagline, tidak mendorong orang untuk melakukan klik. Jangan masukkan nama produk. jasa di bagian headline Silahkan teman-teman isi sendiri
  6. 6. Call to Action (CTA) CTA merupakan button yang mendorong pengunjung untuk melakukan action. Seperti, daftar, download, bagikan, pesan, beli sekarang, Dapatkan, dll. Selain itu, kalau tidak ada CTA-nya, membuat pengunjung bingung juga. kalau mereka mau membeli produk/menghubungi pemilik jasa, pengunjung mesti kemana? Maka dari itu, button CTA ini sangat memudahkan pengunjung, ketika mereka ingin melakukan action di website tersebut. Button CTA
  7. 7. Contoh CTA Daftar Sekarang Daftar Sekarang Beli Sekarang Beli Sekarang Gabung Gabung Selengkapnya Selengkapnya Subscribe disini Subscribe disini Konsultasi Gratis Konsultasi Gratis Upgrade Upgrade Hubungi Hubungi Coba gratis Coba gratis
  8. 8. Logo & Menu Logo ini biasanya diletakkan dibagian kiri pojok atas sebuah website. Fungsi dari logo ini adalah menunjukkan identitas maupun brand dari suatu website. Salah satu yang membedakan antara website dengan service yang sama, adalah brandnya atau logonya. Selain itu ada juga navigation menu, yang digunakan untuk mempermudah pengunjung mengunjungi halaman-halaman tertentu. Logo Navigation Menu
  9. 9. Terimakasih Sudah membaca sampai disini... Sudah membaca sampai disini... by Muhamad Edison A. Follow @edisonwp_ Komen2 ya.... Simpan untuk nanti Tap 2X untuk likenya

×