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. Biliyoruz ki, özellikle tasarımcılar, son birkaç yılda piyasaya sürdüğümüz bazı özel özelliklerden dolayı oluşturucumuzu kullanıyor.

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

Tıklama sonrası açılış sayfaları ve Instapage platformuyla ilgili deneyimlerini öğrenmek için Kıdemli Görsel Tasarımcımız Freddierick Mesias ile görüştüm.

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ı arasında değişiyor. Kullandığım ana tasarım araçları Sketch (yüksek kaliteli maketler oluşturmak için), Adobe Photoshop ve Illustrator (simgeler, fotoğraf düzenleme, illüstrasyonlar vb. gibi tıklama sonrası açılış sayfası görsel varlıkları oluşturmak için)

Instapage'de tasarım ekibimiz, çeşitli becerilerle tamamlanmaktadır: web tasarımı, illüstrasyon ve marka iletişimi. Hedef kitlemizle görseller aracılığıyla etkili iletişim kurmak temel amacımızdır. Benim rolüm özellikle, 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ı tasarladığınızda 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 gelişmişti. Instapage ile ilk başladığımda, platformun tasarımcılar düşünülerek nasıl inşa edildiğinden etkilendim . Oluşturucu, kaybolabileceğiniz bir dizi menü seçeneğiyle darmadağın değildi.

Elbette, oluşturucuda öğeleri hizalamaya yardımcı olan yeşil kılavuzlar vardı, ancak ilk tıklama sonrası açılış sayfamı tasarladığımda mobil, gruplandırma ve hizalama özellikleri beni şaşırttı. Mobil cihazlar için her bir öğeyi hizalamak ve aralarında boşluk bırakmak yerine, artık öğeleri bir arada gruplayabilir ve mobil cihazlar için en boy oranını aynı tutarken hepsini aynı anda taşıyabilirim.

Bu son parça özellikle özel çü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şıyor. Bu özellikle, tamamlanmış masaüstü versiyonumu alıp tek bir tuşa basarak otomatik olarak mobile çevirebildim. 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, özelleştirilebilir ve zahmetsiz olduğunu söylerdim.

BW: Instapage'i kullanmaya alışmanız ne kadar sürdü?

FM: Hiç 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şina iseniz, platforma alışmakta sorun yaşamazsınız.

Oluşturduğum HubSpot entegrasyonu tıklama sonrası açılış sayfasını ele alalım. Sayfanın tamamı Instapage'de oluşturuldu, ancak üç katmanlı sayfa grafiğini Photoshop'ta oluşturdum ve onu 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: Tıklama sonrası açılış sayfaları oluştururken tasarımcıların karşılaştığı tipik hayal kırıklıkları nelerdir?

FM: Tasarımcılar doğaları gereği mükemmeliyetçidir; İşlerimiz bu niteliğe bağlıdır. Bu nedenle, örneğin eğitimsiz bir göze mükemmel bir şekilde hizalanmış bir şey görünse de - ama öyle değil - tasarımcı derinlerde bir yerde bunun daha iyi olabileceğini 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şiklikleri, kenarlık yarıçapı, satır yüksekliği ve daha fazlasından her şey. Artık hiçbir şeye göz kırpmanıza gerek yok. 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ğinizi ve özel stil kullanarak bir düğmeye gölge ekleyebileceğinizi burada görebilirsiniz :)

BW: Bir sayfa tasarlarken en çok kiminle işbirliği yapıyorsunuz?

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 teklifini ve temel faydalarını göstermek için ikna edici bir dil geliştirir, nihai tasarım için kopyayı bana verir ve pazarlama liderleri projeyi denetler ve yol boyunca onaylar verir. Ayrıca, tıklama sonrası açılış sayfasının tasarım ihtiyaçlarına bağlı olarak, mesajın iletilmesine yardımcı olacak gif'ler veya başka görseller oluşturmak için bazen 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 birbirimize geri bildirimde bulunmak 2 kat daha verimli hale geldi. Slack veya üçüncü taraf araçlar üzerinden gönderilen ekran görüntülerini kullanmak yerine, tıklama sonrası bir açılış sayfası öğesine bir etkin nokta yerleştirebilir ve tasarımcıya (metin yazarı veya başka bir paydaş) gerekli güncellemeleri yapması için bildirimde bulunabiliriz.

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

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

FM: Bir tasarımcı olarak buna cevap vermek benim için zor ama 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üreçlerini daha verimli hale getirmek için her zaman doğru araca aç. Ama aynı zamanda mükemmel piksel tasarım çalışması yaratması gerekiyor. Bununla birlikte, Instapage'ın tam da bunu yaptığına inanıyorum.

Sketch Uygulamasını kullanmaya benzer şekilde Kenar Ölçümü ve klavye kısayollarımız var. Kenar ölçümü özellikle harikadır, çünkü öğeleri piksel piksel veya piksel aralığında hareket ettirebilir ve hizalayabilirsiniz - her şeyi tam olarak istediğiniz yere getirebilirsiniz. Eksen kilidi, dağınık kılavuzlarla uğraşmak zorunda kalmadan öğeleri X veya Y ekseni boyunca sorunsuz bir şekilde taşımanıza olanak tanır.

Bu özellikler bir araya geldiğinde, platformun içinde 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ı kullanıma açtıktan sonra ilk tasarımımızı optimize etmek ve yinelemek en önemli aşamalardan biridir. Instapage A/B testi yeteneklerinin kullanışlı olduğu yer burasıdır.

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

FM: Tabii ki! Birkaç ay önce, İşbirliği Çözümü lansmanımız için bir tıklama sonrası açılış sayfası tasarlama ve oluşturma projem vardı. Ekipte nispeten yeniydim, bu nedenle marka yönergelerimizi ve stil kılavuzumuzu öğrenmek ve bunlara uymak, süreçte büyük 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?

Müşterilerimizden her zaman geri bildirim almak istiyoruz ve daha iyi, yüksek dönüşüm sağlayan tıklama sonrası açılış sayfalarını geniş ölçekte 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. Instapage Enterprise demosuna bugün kaydolun.