Kıdemli Görsel Tasarımcı Freddierick Mesias ile Açılış Sayfası Tasarımı Soru-Cevap

Instapage'de kendimizi en yüksek beklentilere bağlıyoruz: sizinki. Pek çok pazarlamacıdan, platformumuzun sezgisel olduğunu ve kampanyalarının daha yüksek dönüşüm oranları kazanmasına yardımcı olduğunu duyuyoruz. Özellikle tasarımcıların, son birkaç yılda yayınladığımız bazı belirli özellikler nedeniyle oluşturucumuzu kullandığını biliyoruz.

Ekibimiz, kullanılabilirlik testi, moderatörlü görüşmeler ve NPS Puanlarında tasarımcılardan sürekli olarak geri bildirim alıyor. Bu geri bildirimi, yalnızca tasarımcıların mevcut ihtiyaçlarına değil, aynı zamanda gelecekteki arzularına da hitap eden bir platform oluşturmaya devam etmek için çok ciddiye alıyoruz.

Kıdemli Görsel Tasarımcımız Freddierick Mesias ile, tıklama sonrası açılış sayfaları ve Instapage platformuyla ilgili deneyimini almak için oturdum.

BW: Tasarım geçmişiniz nedir ve Instapage'deki rolünüz nedir?

FM: Tasarım deneyimim web tasarımı, marka bilinci oluşturma ve kullanıcı arayüzü tasarımına kadar uzanıyor. Kullandığım ana tasarım araçları Sketch (yüksek kaliteli maketler oluşturmak için), Adobe Photoshop ve Illustrator'dır (simgeler, fotoğraf düzenleme, çizimler vb. gibi tıklama sonrası açılış sayfası görsel varlıkları oluşturmak için)

Instapage'de tasarım ekibimiz çeşitli becerilerle tamamlanıyor: web tasarımı, illüstrasyon ve marka iletişimi. Ana hedefimiz, görseller aracılığıyla hedef kitlemizle etkin bir şekilde iletişim kurmaktır. Özellikle benim rolüm, pazarlama ekibimiz için güzel, yüksek dönüşüm sağlayan tıklama sonrası açılış sayfaları tasarlamaktır.

BW: Instapage ile bir tıklama sonrası açılış sayfası tasarlarken ilk deneyiminiz nasıldı?

FM: Benim için çok fazla bir öğrenme eğrisi yoktu çünkü Kasım 2016'da katıldığımda ürün zaten oldukça ilerlemişti. Instapage ile ilk başladığımda, platformun tasarımcılar düşünülerek nasıl oluşturulduğundan çok etkilenmiştim. . Oluşturucu, kaybolabileceğiniz bir sürü menü seçeneğiyle karışık değildi.

Elbette, oluşturucuda öğeleri hizalamaya yardımcı olacak yeşil kılavuzlar vardı, ancak mobil, gruplama ve hizalama özelliği ilk tıklama sonrası açılış sayfamı tasarladığımda beni şaşırttı. Her bir öğeyi mobil için hizalamak ve aralarında boşluk bırakmak yerine, artık öğeleri birlikte gruplayabilir ve mobil için en boy oranını korurken hepsini aynı anda taşıyabilirim.

Bu son parça özellikle özeldir çünkü internet mobil cihazları daha sık kullandığından, pazarlamacıların tıklama sonrası açılış sayfalarının mobil cihazlar için optimize edilmesi kritik önem taşır. Bu özellik sayesinde, tamamlanmış masaüstü sürümümü alıp bir düğmeye basarak otomatik olarak mobil hale getirebildim. Bunu yapmak bana çok zaman kazandırdı ve ekibimiz için sayfaları daha hızlı yayınlamamı sağladı.

Instapage için iki özellik tanımlayacak olsaydım, bunun özelleştirilebilir ve acısız olduğunu söylerdim.

BW: Instapage'i kullanmaya başlamanız ne kadar sürdü?

FM: Hiç de uzun değil. Instapage ile ilgili olan şey, tasarımcı dostu olmasıdır. Sketch, Illustrator veya Photoshop gibi diğer tasarım araçlarına aşinaysanız, platforma alışmakta sorun yaşamayacaksınız.

Oluşturduğum HubSpot entegrasyonu tıklama sonrası açılış sayfasını alın. Tüm sayfa Instapage'de oluşturuldu, ancak Photoshop'ta üç katmanlı sayfa grafiği oluşturdum ve güzel bir görsel bileşen ekleyen platformumuza ekledim (tıklama sonrası açılış sayfasının tamamını görmek için buraya gidin):

BW: Tasarımcıların tıklama sonrası açılış sayfaları oluştururken karşılaştıkları tipik hayal kırıklıkları nelerdir?

FM: Tasarımcılar doğaları gereği mükemmeliyetçidir; işimiz bu özelliğe bağlıdır. Yani bir şey mükemmel örneğin, eğitimsiz göze hizalanmış bak olsa bile - ama değil - Derin tasarımcı aşağı daha iyi olabilir bilecektir.

Bu nedenle, Satır İçi Stil Düzenleyici özelliğimiz özellikle yararlıdır çünkü öğe düzeyinde özel stil değişiklikleri yapmanıza olanak tanır. Metin doldurma değişikliklerinden, kenarlık yarıçapından, satır yüksekliğinden ve daha fazlasından herhangi bir şey. Artık hiçbir şeye göz yummak zorunda değilsin. Oluşturucumuz, tam olarak istediğinizi oluşturabilmeniz için en son piksele kadar özelleştirmenize olanak tanır.

(Bir öğeyi nasıl izole edebileceğinize ve özel stil kullanarak bir düğmeye nasıl alt gölge ekleyebileceğinize bir örnek :)

BW: Bir sayfa tasarlarken en çok kimlerle işbirliği yaparsınız?

FM: Kampanyaya bağlı olarak, en az 3 ila 5 paydaşımız var: 1 metin yazarı, 1-2 tasarımcı ve 1-2 pazarlama lideri. Metin yazarı, teklifin değer önerisini ve temel faydalarını göstermek için ikna edici bir dil kullanır, kopyayı son tasarım için bana verir ve pazarlama liderleri projeyi denetler ve yol boyunca onaylar. Ayrıca, tıklama sonrası açılış sayfasının tasarım ihtiyaçlarına bağlı olarak, bazen mesajın iletilmesine yardımcı olacak gifler veya başka görseller oluşturmak için grafik tasarımcımızla iletişim kurarım.

Bir geliştirici eklemediğimi fark edeceksiniz. Çok nadir durumlarda, karmaşık tasarım uygulaması için bir geliştirici getireceğiz. İşbirliği çözümümüzle bir tıklama sonrası açılış sayfası oluştururken, işbirliği yapmak ve birbirinize geri bildirim vermek 2 kat daha verimli hale geldi. Slack veya üçüncü taraf araçlar üzerinden gönderilen ekran görüntülerini kullanmak yerine, bir tıklama sonrası açılış sayfası öğesine bir etkin nokta yerleştirebilir ve gerekli güncellemeleri yapması için tasarımcıyı (metin yazarı veya başka bir paydaş) bilgilendirebiliriz.

(İşbirliğine daha iyi bakmak için aşağıdakileri izleyin - etkin noktalar aracılığıyla iletişim kurun ve sayfayı pazarlama ekibinizle paylaşın. Veya buraya gidebilirsiniz.)

BW: En sevdiğiniz Instapage özelliği nedir ve neden?

FM: Bir tasarımcı olarak bunu yanıtlamak benim için zor, ancak en sevdiğim Instapage özelliğinin Haziran 2017'de duyurduğumuz üç yeni tasarım özelliği olduğunu söylemeliyim:

• Kenar Ölçümleri
• Eksen Kilidi
• Klavye kısayolları

Tanıdığım çoğu tasarımcı, tasarım sürecini daha verimli hale getirmek için her zaman doğru aracı kullanmak ister. Ancak aynı zamanda piksel mükemmelliğindeki tasarım çalışmaları yaratması gerekiyor. Bununla birlikte, Instapage'in tam da bunu yaptığına inanıyorum.

Sketch Uygulamasını kullanmaya benzer şekilde, Edge Measurement ve klavye kısayollarına sahibiz. Kenar ölçümü özellikle harika çünkü öğeleri piksel piksel veya piksel aralığını hareket ettirip hizalayabiliyor ve her şeyi tam olarak istediğiniz yere götürebiliyorsunuz. Eksen kilidi, herhangi bir dağınık kılavuzla uğraşmak zorunda kalmadan öğeleri X veya Y ekseni boyunca sorunsuz bir şekilde hareket ettirmenizi sağlar.

Bu özellikler bir araya geldiğinde, platformun kendisinde güzel, piksel açısından mükemmel bir tıklama sonrası açılış sayfası oluşturmamı sağlıyor. Artık sınırsız tasarım yapabilirsiniz! (Kenar ölçümü ve eksen kilidi hakkında daha fazla bilgi için bunları izleyin :)

Tıklama sonrası açılış sayfamızı vahşi ortamda başlattıktan sonra ilk tasarımımızı optimize etmek ve yinelemek en önemli aşamalardan biridir. Bu, Instapage A/B test yeteneklerinin kullanışlı olduğu yerdir.

BW: En çok gurur duyduğunuz belirli bir tıklama sonrası açılış sayfası var mı?

FM: Elbette! Birkaç ay önce İşbirliği Çözümü lansmanımız için bir tıklama sonrası açılış sayfası tasarlamak ve oluşturmak için bir projem vardı. Takımda nispeten yeniydim, bu nedenle marka yönergelerimizi ve stil kılavuzumuzu öğrenmek ve bunlara uymak bu süreçte çok büyük bir rol oynadı. Tıklama sonrası açılış sayfasını oldukça kolay bir şekilde oluşturabildim ve şu anda %24'lük bir dönüşüm oranına sahip olduğunu söylemekten gurur duyuyorum (tam sayfayı görmek için buraya gidin).

Eklememizi istediğiniz bir tasarım özelliğiniz mi var?

Her zaman müşterilerimizden geri bildirim istiyoruz ve daha iyi, yüksek dönüşüm sağlayan tıklama sonrası açılış sayfaları oluşturmanıza yardımcı olmak istiyoruz. Oluşturucumuza eklememizi istediğiniz bir tasarım özelliği varsa, lütfen bize geri bildiriminizi gönderin. Capterra, Trustpilot veya G2 Crowd'da Instapage'i incelemenizi bekliyoruz.

Ardından, Instapage ile %100 özelleştirilebilir tıklama sonrası açılış sayfanızı oluşturmaya başlayın. Tasarımcı dostu platformumuz ve gelişmiş A/B testi yeteneklerimizle yanlış gidemezsiniz; dönüşüm oranınız size teşekkür edecek. Bugün bir Instapage Enterprise demosu için kaydolun.