Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Conversion

Bagaimana Menjadi Seorang Desainer yang Memfokuskan Konversi

by
Length:MediumLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Abdul Mutholib (you can also view the original English article)

Jadi Anda ingin menjadi seorang desainer template landing page?  Anda mungkin berpikir itu mudah - lagipula, template landing page hanya satu halaman.  Itu lebih mudah daripada membuat situs yang lengkap.  Tapi aturan desain sedikit berubah ketika membuat landing page yang memfokuskan konversi.

Apa itu Landing Page?

Sebelum masuk ke dalam prinsip desain dibalik landing page, mari kita lihat apa definisinya terlebih dahulu:

Landing page adalah halaman web yang berdiri sendiri, spesifik untuk kampanye tertentu.  Ini dimaksudkan untuk membuat pengunjung melakukan satu tujuan.   Ini bukan situs Anda, dan tentu saja ini bukan halaman utama Anda.

Website adalah pusat dari merek Anda dan adalah untuk orang yang secara organik mencari situs Anda atau butuh untuk referensi atau melihatnya sebagai mode research dalam siklus pembelian mereka.  Dan ini tidak cocok untuk kampanye pemasaran.

Kampanye pemasaran berdasarkan pada satu tujuan - beli ini, berlangganan kesini - dan sebagainya yang membutuhkan pengalaman yang difokuskan.  Alasan terbesar menggunakan landing page vs halaman utama untuk menargetkan semua jenis lalu lintas kampanye (PPC, email, sosial) adalah sesuatu yang disebut attention ratio

Attention ratio adalah rasio dari poin interaksi (tautan) pada halaman, dengan angka aksi yang di harapkan pada halaman tersebut (dimana untuk kampanye selalu bernilai 1).  Pada halaman utama ini biasanya berkisar 40:1 artinya ada 39 aksi yang menggangu dan 1 aksi yang diharapkan.

Landing page yang terfokus di sisi lain memiliki ratio perhatian 1:1.  Untuk alasan ini, seorang pemasar yang pintar menggunakan promosi spesifik, landing page yang di fokuskan untuk setiap kampanye yang mereka jalankan.

Apa artinya ini bagi saya seorang desainer?

Hilang hari dimana ketika mendesain pengalaman web yang cantik dapat diterima, letakan kuas kita dan lalu pergi dengan cek di saku kita.

Konversi adalah salah satu kata yang populer pada web saat ini.  web yang Anda desain merupakan “konten yang harus dapat dipertanggungjawabkan”.  Artinya tujuan, dampak, dan kesuksesannya, dapat dan sedang, diukur. Jika   tidak berhasil memainkan peran mengubah pengunjung menjadi pelanggan, maka ini tidak di desain secara benar.

Desain bukan satu-satunya faktor terbesar dalam tingkat konversi.  Teks copy juga berperan besar.  Tapi teks copy sebaik apapun tidak akan membantu jika pengunjung terganggu, tersinggung - kita semua tahu desain yang buruk bisa benar-benar menyinggung - atau bingung.

Dengan mengombinasikan beberapa prinsip desain yang sederhana dan beberapa psikologi dasar Anda bisa secara sempurna memfokuskan diri untuk mendesain pengalaman web yang menyenangkan dan juga mengkonversi.

Saya menyebutnya Desain Berfokuskan pada Konversi (Conversion-Centered Design).  Disingkat CCD.

Ini adalah kursus mengenai CCD, jadi saya akan mendiskusikan 7 prinsip, membuat Anda bersemangat dengan Psych 101, lalu memperlihatkan beberapa template landing page yang cantik dan berkonversi tinggi yang saya tambahkan sebagai latihan sehingga Anda bisa belajar dari contoh.

Siap untuk menjadi Desainer yang Memfokuskan pada Konversi?

7 Prinsip dari Desain Berfokuskan pada Konvers

Prinsipnya adalah sederhana.  Pelajari mereka, praktikan mereka dan Anda akan melihat tingkat konversi Anda akan meningkat.

Prinsip 1: Enkapsulasi

Membungkus sesuatu menjadi satu adalah praktik yang cerdas.  Ini bekerja untuk kepala Anda di temperatur dingin, memanggang kentang dalam panas, dan ini membuat Natal lebih menyenangkan.  Jadi ambil hal terpenting di halaman Anda (Tujuan konversi Anda) dan bungkus menjadi satu dalam sesuatu untuk mendemonstrasikan bahwa itu layak mendapat perhatian dari pengunjung Anda.

Prinsip 2: Kontras

Banyak pemasar bicara tentang warna tombol.   Ini adalah sebuah kesalahan.  Desainer yang Memfokuskan pada Konversi yang baik tahu bahwa warna sebuah tombol tidak relevan.  Kontrasnya yang penting.  Jika Anda memiliki halaman bernuansa warna primer hijau, tombol bewarna merah akan terlihat menonjol untuk pengunjung Anda.  Jangan mengkhawatirkan itu terlihat seperti sedang marah; pengunjung potensial Anda bukan lah banteng.

Prinsip 3: Penunjuk Arah

Di beberapa budaya, dianggap tidak sopan ketika menunjuk sesuatu.  Ketika seseorang datang ke landing page,  desain Anda harus menunjukan mereka ke arah tujuan yang Anda ingin capai.  Gunakan panah dan triangulasi untuk membuat poin focal.  Dengan fotografi, gunakan garis pandang yang langsung mengarahkan perhatian mereka kepada Call-To-Action (CTA) Anda.

Prinsip 4: Ruang Kosong

Yang satu ini sederhana Jangan menjejalkan semua hal menjadi satu.  Minimnya ruang kosong merupakan desain yang menyinggung.  Dengan membiarkan mata orang-orang untuk bernafas (mereka bisa melakukan itu?)  Anda membuat pengalaman yang lebih menyenangkan yang memberikan Anda tambahan detik yang berharga untuk mengkomunikasikan pesan kampanye Anda.

Prinsip 5: Urgensi dan Kelangkaan

Ini adalah prinsip berdasarkan psikologi pertama.  Membuat urgensi atau kelangkaan adalah latihan menulis utama, tapi ini terserah kepada Anda untuk bagaimana menampilkan informasi ini dengan desain yang bagus.  Kedekatan ke tujuan konversi dari landing page adalah kunci ketika berbicara mengenai kelangkaan.  Dengan memastikan pengunjung Anda bahwa mereka punya waktu deadline, Anda bisa membuat klik tersebut bisa saja terjadi.

Expedia melakukan pekerjaan yang baik disini dengan menggunskan enkapsulasi untuk menyorot pernyataan kelangkaan (“Hanya 3 tiket tersisa dengan harga ini!’) pada gambat di bawah ini.

Prinsip 6: Coba Sebelum Anda Membeli

Apa Anda pernah mencoba anggur di supermarket?  Itu adalah pratinjau dari kualitas dan membantu orang untuk melakukan keputusan untuk membeli.  Contoh dalam dunia digital adalah menyertakan chapter sebuah ebook atau slideshow yang memberikan sorotan penting pada laporan industri, kursus online atau cuplikan video teaser/trailer untuk acara mendatang.  Amazon benar-benar membuat standar dengan fitur pratinjau buku mereka “Look Inside”.

Dengan membuka produk Anda secara teliti sebelum pembelian, Anda terlihat berwibawa dan kredibel.  Ini akan meningkatkan kepercayaan, dan bisa menjadi faktor penting untuk meningkatkan konversi.

Sebagai Desainer yang Memfokuskan pada Konversi, Anda harus bisa mencari cara kreatif untuk menampilkan pratinjau tersebut.

Prinsip 7: Bukti Sosial

Elemen kepercayaan adalah bagian terpenting dalam landing lage apapun.  Mereka mendukung klaim Anda, dan bila dilakukan dengan benar, seolah berbicara dengan pengunjung Anda dari perspektif konsumen yang berpemikiran sama.  Testimoni adalah pendekatan paling populer.  Seperti prinsip ke 5, ini adalah elemen tertulis yang utama, tapi Anda bisa menggunakan aspek desain konten yang pintar - dalam hirarki tertentu - untuk mendorong orang untuk membacanya.

Menambahkan sebuah headline penjelasan di atas testimoni (atau logo pelanggan dan lain lain) bisa meningkatkan kekuatan dari bukti sosial.

Desain Berfokus pada Konversi dalam Aksi: 5 Template Landing Page

Siapkan diri Anda dengan alat desain baru, mari kita lihat 5 template landing page Unbounce untuk menginspirasi Anda saat Anda membuat template Anda sendiri.

1. Lockwood: Real Estate

  • Enkapsulasi tujuan konversi adalah form, jadi ini di posisikan di depan dan di tengah dan di enkapsulasi di dalam kontainer yang mengizinkan konten kritikal di atasnya bisa terkoneksi secara visual.
  • KontrasTombol CTA menonjol sangat jelas pada halaman dengan warna kontras yang vibrant.
  • Penunjuk ArahTerdapat arah panah yang di posisikan di akhir dari konten utama yang mengalihkan perhatian Anda langsung kepada CTA, dan pengunaan warna orange yangsama mengoneksikan dua elemen tersebut.
  • Ruang kosong Di saat Anda bergerak ke bawah halaman, mata Anda bisa beristirahat sepuasnya melalui blok-blok konten.  Foto yang lebar dan luas dan palet yang minimalis digabungkan menjadi pengalaman yang menyenangkan.
  • Kelangkaan Pernyataan dimana hanya tersisa 3 unit di posisikan langsung di bawah CTA sebagai pengingat agar Anda bergegas. Jika Anda ingin lebih  agresif disini Anda bisa mencoba sesuatu yang lebih *mengerikan*  - tapi ingat untuk tetap berkelas. Itu bisa menjadi A/B test yang baik.
  • Bukti Sosial Bukti Sosial yang sesuai digunakan disini, memfokuskan pada penghargaan desain, daripada testimoni yang hanya akan berdampak terbatas.

2. Lasano: Health & Wellness

  • Enkapsulasi Formulir?   Check
  • CTA yang kontras? Check
  • Ruang Kosong?  Check
  • Bukti Sosial?  Check
  • Penunjuk Arah: Disini Anda akan sadar dua bentuk penunjuk arah.   Pertama dalam bentuk arah pandangan dari gambar wanita yang membuat Anda membaca dari kiri ke kanan.  Bahkan akan lebih baik jika dia melihat ke bawah kanan, tapi ini justru malah membuat dia terlihat sedih, yang bertentangan dengan nuansa tema Kedua ada pernyataan tambahan di bawah formulir dengan arah panah yang mengingatkan untu kembali ke atas.  Hal kecil kadang tidak selalu memilki dampak yang besar, tapi ketika Anda memiliki banyak hal kecil yang bekerja dengan baik, maka ini akan berdampak.

Yuli: Software Demo

  • Enkapsulasi Formulir?  Check.
  • CTA yang kontras? Check.
  • Ruang Kosong?  Check.
  • Penunjuk Arah Bagian atas dari halaman adalah dimana konten utama hidup, jadi sebuah panah - dengan sebuah permintaan - diletakan pada lokasi dimana konten telah dibaca, mengarah ke CTA.  Perhatikan juga, bagaimana sesuatu seperti segitiga yang secara instruksional dibuat dengan menggunakan warna orange untuk mereferensikan tujuan dari halaman: “demo gratis”, “bergabung dengan kami untuk demo gratis”, “pesan demo saya sekarang.”
  • Bukti Sosial Video digunakan kali untuk kecanggihan yang lebih tinggi. Dalam pengujian A/B yang saya jalankan di halaman Unbounce.com, saya menemukan bahwa dengan mengubah teks testimoni dengan versi video, tingkat konversi meningkat sebanyak 25%.  Disini ada gabungan antara video dan teks.  Disini ada gabungan antara video dan teks. Perhatikan juga template memanfaatkan hirarki dari desain informasi untuk memperkenalkan elemen bukti sosial (video dan logo pelanggan) dengan headline yang deskriptif.

4. Wanderlust: Travel

  • CTA yang kontras? Check
  • Ruang Kosong? Check.
  • Bukti Sosial? Check.
  • Enkapsulasi Ini sedikit berbeda untuk landing page yanglebih ke arah klik karena tidak aea formulir, tapi CTA tetap diletakan dengan informasi kritikal lainnya dalam kotak di bagian header.  Elemen footer juga menggunakan warna kontras untuk mengenkapsulasi “pernyataan argumen penutup” dengan CTA yang diulang
  • Penunjuk Arah Ini memang agak meregang, namun Menara Eiffel terlihat seperti terhubung ke CTA.  Dan itu baik secara cerdik mengindikasikan dengan mengklik CTA, Anda akan di bawa pergi ke Paris, berdiri dibawah menara.  Sangat romantis.  Di bagian lain, foto circular mengarahkan mata Anda ke bawah menuju CTA penutup.

5. Polar: Not For Profit

  • Ruang Kosong? Check.
  • Bukti Sosial? Check.
  • CTA yang kontras Dalam beberapa contoh tersebut, CTA tetap. menonjol pada semua desain.   Perhatikan pula bagaimana tujuan dari kampanye (untuk mengumpulkan uang dari donasi.  Ini membuat koneksi antara tujuan emosional dan secara fisik (konversi) dari halaman tersebut.
  • Urgensi & Kelangkaan Kombinasi dari target, dan pernyataan emosional “Waktu akan segera habis untuk beruang kutub” dan “Saya memprediksikan Bahwa KitaDapat Melihat Es Graris Summer di Kutub udara selama satu dekade” membuatnya terlihat urgen dan langka.

Kesimpulan

Menjadi seorang Desainer yang berfokus pada Konversi adalah evolusi dari desain untuk bisnis, dan dipersenjatai dengan apa yang telah di pelajari, Anda akan membuat boss / klien menjadi sangat senang ketika tingkat konversi meningkat.

Jadi selama Anda mendesain template landing page Themefrost, lanjutkan tanpa perlu mebggunakan 7 prinsip dari CCD dan lihat bagaimana itu tidak akan terjadi.

Bacaan lebih lanjut

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.