Tanya Jawab Desain Halaman Arahan dengan Desainer Visual Senior Freddierick Mesias

Di Instapage, kami berpegang pada harapan tertinggi: harapan Anda. Kami mendengar dari banyak pemasar bahwa platform kami intuitif dan membantu kampanye mereka mendapatkan tingkat konversi yang lebih tinggi. Kami tahu bahwa desainer, khususnya, menggunakan pembuat kami karena beberapa fitur spesifik yang telah kami rilis selama beberapa tahun terakhir.

Tim kami terus-menerus mendapatkan umpan balik dari desainer dalam pengujian kegunaan, wawancara yang dimoderasi, dan Skor NPS. Kami menanggapi umpan balik itu dengan sangat serius untuk terus membangun platform yang tidak hanya memenuhi kebutuhan desainer saat ini tetapi juga keinginan masa depan.

Saya duduk dengan Senior Visual Designer kami, Freddierick Mesias, untuk mendapatkan pengalamannya dengan halaman arahan pasca-klik dan platform Instapage.

BW: Apa latar belakang desain Anda dan apa peran Anda dengan Instapage?

FM: Pengalaman desain saya berkisar dari desain web, branding, dan desain antarmuka pengguna. Alat desain utama yang saya gunakan adalah Sketch (untuk membuat mockup high-fidelity), Adobe Photoshop, dan Illustrator (untuk membuat aset visual halaman arahan pasca-klik seperti ikon, pengeditan foto, ilustrasi, dll.)

Di Instapage, tim desain kami dilengkapi dengan beragam keahlian: desain web, ilustrasi, dan komunikasi merek. Tujuan utama kami adalah untuk berkomunikasi secara efektif kepada audiens kami melalui visual. Peran saya secara khusus adalah merancang halaman arahan pasca-klik yang indah dan berkonversi tinggi untuk tim pemasaran kami.

BW: Seperti apa pengalaman pertama Anda mendesain landing page pasca-klik dengan Instapage?

FM: Bagi saya, tidak ada banyak kurva pembelajaran karena produknya sudah cukup maju pada saat saya bergabung pada November 2016. Ketika saya pertama kali memulai dengan Instapage, saya terkesan dengan bagaimana platform itu dibangun dengan mempertimbangkan desainer . Pembuatnya tidak berantakan dengan banyak opsi menu di mana Anda bisa tersesat.

Tentu saja, ada pemandu hijau di pembuatnya untuk membantu menyelaraskan elemen, tetapi fitur seluler, pengelompokan, dan penyelarasan membuat saya takjub ketika saya mendesain halaman arahan pasca-klik pertama saya. Alih-alih harus menyelaraskan setiap elemen dan memisahkannya untuk seluler, saya sekarang dapat mengelompokkan item bersama-sama dan memindahkan semuanya sekaligus sambil menjaga rasio aspek tetap utuh untuk seluler.

Bagian terakhir itu sangat istimewa karena karena internet lebih sering menggunakan seluler, sangat penting bahwa halaman arahan pasca-klik pemasar dioptimalkan untuk seluler. Dengan fitur itu, saya dapat mengambil versi desktop saya yang telah selesai dan secara otomatis mengonversinya ke seluler dengan mengklik tombol. Melakukan hal ini menghemat banyak waktu saya dan memungkinkan saya untuk menerbitkan halaman lebih cepat untuk tim kami.

Jika saya mendefinisikan dua karakteristik untuk Instapage, saya akan mengatakan itu dapat disesuaikan dan tidak menyakitkan.

BW: Berapa lama Anda merasa nyaman menggunakan Instapage?

FM: Tidak lama sama sekali. Hal tentang Instapage adalah ramah desainer. Jika Anda terbiasa dengan alat desain lain seperti Sketch, Illustrator, atau Photoshop, Anda tidak akan kesulitan untuk merasa nyaman dengan platform ini.

Ambil halaman arahan pasca-klik integrasi HubSpot yang saya buat. Seluruh halaman dibangun di Instapage, tetapi saya membuat grafik halaman tiga lapis di Photoshop dan memasukkannya ke dalam platform kami yang menambahkan komponen visual yang bagus (buka di sini untuk melihat halaman arahan pasca-klik lengkap):

BW: Apa frustrasi khas yang dihadapi desainer saat membuat halaman arahan pasca-klik?

FM: Desainer pada dasarnya adalah perfeksionis; pekerjaan kita bergantung pada atribut itu. Jadi meskipun sesuatu mungkin terlihat sangat selaras dengan mata yang tidak terlatih, misalnya — tetapi tidak — jauh di lubuk hati desainer akan tahu itu bisa lebih baik.

Itulah mengapa fitur Editor Gaya Sebaris kami sangat membantu karena memungkinkan Anda membuat perubahan gaya kustom tingkat elemen. Apa pun mulai dari perubahan padding teks, radius batas, tinggi garis, dan banyak lagi. Anda tidak perlu melihat apa-apa lagi. Builder kami memungkinkan Anda untuk menyesuaikan turun ke pixel yang terakhir sehingga Anda dapat membuat apa yang Anda inginkan.

(Berikut adalah contoh bagaimana Anda dapat mengisolasi elemen dan menambahkan drop shadow ke tombol menggunakan gaya kustom :)

BW: Dengan siapa Anda paling sering berkolaborasi saat mendesain halaman?

FM: Tergantung pada kampanye, kami memiliki setidaknya 3 hingga 5 pemangku kepentingan: 1 copywriter, 1-2 desainer, dan 1-2 pemimpin pemasaran. Copywriter membuat beberapa bahasa persuasif untuk menunjukkan proposisi nilai dan manfaat utama dari tawaran tersebut, memberikan salinannya kepada saya untuk desain akhir, dan pemimpin pemasaran mengawasi proyek dan memberikan persetujuan di sepanjang jalan. Juga, tergantung pada kebutuhan desain halaman arahan pasca-klik, terkadang saya berkomunikasi dengan desainer grafis kami untuk membuat gif atau visual lain untuk membantu menyampaikan pesan.

Anda akan melihat saya tidak menyertakan pengembang. Dalam kesempatan yang sangat jarang kami akan membawa pengembang untuk implementasi desain yang kompleks. Berkolaborasi dan saling memberi masukan menjadi 2x lebih efisien saat membangun halaman arahan pasca-klik dengan solusi kolaborasi kami. Alih-alih menggunakan tangkapan layar yang dikirim melalui Slack atau alat pihak ketiga, kita dapat menempatkan hotspot pada elemen halaman arahan pasca-klik dan memberi tahu perancang (copywriter atau pemangku kepentingan lain) untuk melakukan pembaruan yang diperlukan.

(Untuk melihat kolaborasi yang lebih baik, lihat di bawah ini — berkomunikasi melalui hotspot dan berbagi halaman dengan tim pemasaran Anda. Atau, Anda bisa pergi ke sini.)

BW: Apa fitur Instapage favorit Anda dan mengapa?

FM: Sebagai seorang desainer, sulit bagi saya untuk menjawabnya, tetapi saya harus mengatakan bahwa fitur Instapage favorit saya adalah tiga kemampuan desain baru yang kami umumkan pada Juni 2017:

• Pengukuran Tepi
• Kunci Sumbu
• Pintasan Keyboard

Sebagian besar desainer yang saya kenal selalu haus akan alat yang tepat untuk digunakan agar proses desain mereka lebih efisien. Tetapi itu juga perlu membuat karya desain yang sempurna piksel. Yang mengatakan, saya percaya Instapage melakukan hal itu.

Mirip dengan menggunakan Aplikasi Sketsa, kami memiliki Pengukuran Tepi dan pintasan keyboard. Pengukuran tepi sangat keren karena Anda dapat memindahkan dan menyelaraskan elemen piksel demi piksel atau rentang piksel — mendapatkan hal-hal tepat di tempat yang Anda inginkan. Kunci sumbu memungkinkan Anda untuk memindahkan elemen di sepanjang sumbu X atau Y dengan mulus tanpa harus berurusan dengan pemandu yang berantakan.

Gabungan fitur-fitur ini memungkinkan saya untuk membangun halaman arahan pasca-klik yang indah dan sempurna piksel di dalam platform itu sendiri. Sekarang, Anda dapat mendesain tanpa batas! (Untuk lebih lanjut tentang pengukuran tepi dan kunci sumbu, tonton ini :)

Mengoptimalkan dan mengulangi desain awal kami setelah meluncurkan halaman arahan pasca-klik kami di alam liar adalah salah satu tahap terpenting. Di sinilah kemampuan pengujian A/B Instapage berguna.

BW: Apakah ada halaman arahan pasca-klik tertentu yang paling Anda banggakan?

FM: Tentu saja! Beberapa bulan yang lalu saya memiliki proyek untuk merancang dan membangun halaman arahan pasca-klik untuk peluncuran Solusi Kolaborasi kami. Saya relatif baru dalam tim, jadi mempelajari dan mengikuti pedoman merek dan panduan gaya kami memainkan peran besar dalam prosesnya. Saya dapat membuat halaman arahan pasca-klik dengan cukup mudah, dan saya bangga untuk mengatakan bahwa saat ini memiliki tingkat konversi 24% (buka di sini untuk melihat halaman penuh).

Punya fitur desain yang ingin kami tambahkan?

Kami selalu mencari umpan balik dari pelanggan kami dan ingin membantu Anda membuat halaman arahan pasca-klik dengan konversi tinggi yang lebih baik dalam skala besar. Jika ada fitur desain yang Anda ingin kami tambahkan ke pembuat kami, kirimkan umpan balik Anda kepada kami. Dan kami menyambut Anda untuk meninjau Instapage di Capterra, Trustpilot, atau G2 Crowd.

Kemudian, mulailah membuat halaman arahan pasca-klik 100% Anda yang dapat disesuaikan dengan Instapage. Anda tidak bisa salah dengan platform kami yang ramah desainer dan kemampuan pengujian A/B tingkat lanjut; tingkat konversi Anda akan berterima kasih. Daftar untuk demo Instapage Enterprise hari ini.