Bugün Kopyalayabileceğiniz En İyi 12 Popup Tasarımını Bulduk
Yayınlanan: 2022-04-06Pop-up'lar, e-posta listenizi büyütmenin ve e-ticaret dönüşüm oranlarınızı artırmanın kesin bir yoludur. En iyi e-ticaret markalarının, dönüşüm oranlarını %37'ye kadar artırmak ve alışveriş sepetini terk etme oranlarını en az %20 azaltmak için pop-up'ları kullandığını gördük .
Bunun gibi başarı öyküleri, son derece spesifik bir kitleyi hedefleyen güzel tasarlanmış açılır pencerelere dayanır. Bir önceki yazımızda , her e-ticaret mağazasının pop-up'larla hedeflemesi gereken kullanıcı segmentlerinden bahsetmiştik. Bugün ikinci faktöre odaklanacağız: açılır pencere tasarımı.
Kendi açılır pencere tasarımınızı oluşturmanıza yardımcı olmak için ilham kaynağı olarak 12 çarpıcı açılır pencere örneği topladık.
Başlayalım!
12 yüksek dönüşüm sağlayan açılır tasarım örneği
Bu gerçek dünya pop-up tasarım örneklerinin 12'sinin tamamı OptiMonk kullanılarak oluşturuldu. Bu, birçok farklı şablonumuzu ve sürükle ve bırak düzenleyicimizi kullanarak tüm tasarım öğelerini kolayca kopyalayabileceğiniz anlamına gelir.
1. Keto'mu Öp
Bu hoş geldiniz açılır penceresi, müşterileri daha iyi tanıyarak onlarla kalıcı bir ilişki kurma sürecini başlatır.
Basit soru ve aynı derecede basit düğme kopyası, ziyaretçileri açılır pencereyle etkileşime geçmeye teşvik eder (%10 indirimli promosyon kodu vaadinden bahsetmiyorum bile).
Kiss My Keto ayrıca hem ürünlerini sergileyen hem de eğlenceli, kaygısız marka kimliklerini güçlendiren yüksek kaliteli bir görsel kullandı.
2. Christopher Cloos
Christopher Cloos , İskandinav kökenli bir markadır ve pop-up tasarımları tipik İskandinav estetiğini takip eder: düz çizgiler ve basit yazı tipleriyle şık. Bu, markanın stilini güçlendiren sağlam bir açılır pencere tasarımının harika bir örneğidir.
Pop-up tasarımının bir diğer önemli yönü de, ziyaretçilerin dikkatini çeken ve aciliyet duygusunu artırarak indirim kodlarını kullanma olasılıklarını artıran geri sayım sayacıdır .
Ve son olarak, Christopher Cloos tasarım ekibi, tema haline gelen şeyde, güneş gözlüklerinin "hissini" mükemmel şekilde temsil eden bir görüntü seçti.
3. Obvi
Tüm açılır pencereler, müşterilerin dikkatini çekmek için resimlere ihtiyaç duymaz. Bazen bir açılır pencerenin kopyası tek başına yeterince güçlü olabilir.
Bu, özellikle açılır pencere, aşağıdaki sıcak pembe ve siyah kombinasyon gibi göze çarpan cesur renkler kullandığında geçerlidir. Obvi'nin mesajlarını emojilerle nasıl güçlendirdiğine dikkat edin, bu da pop-up tasarımını daha genç hissettiriyor.
Açılır pencerenin mesajını daha kolay özümsemek için sol üst köşedeki daire teklifi özetler.
4. Karışım Jeti
Bu örnek, açılır pencerenizin web sitenizin tasarımına uygun olduğundan emin olmanın ne kadar önemli olduğunu göstermektedir. Renk seçiminde göze çok hoş gelen bir uyum var.
Renk paletindeki tek zıtlık, teklifi gösteren resimlerden gelir (müşteriler neleri ücretsiz alacak). Ürünler sayfadan fırlıyor ve hedef tam olarak bu.
5. Oodie
The Oodie'den bu harika pop-up tasarım örneği hakkında yapılması gereken birkaç nokta var.
İlk olarak, görüntünün açılır pencereyle birleşme şekli görsel olarak çarpıcıdır ve kopyayı destekler: "Sarılmak ister misiniz?"
Kapüşonun daha yumuşak pembesinin aksine, açılır pencere için parlak kırmızı seçimi örnek niteliğindedir. Mavi bir harekete geçirici mesaj düğmesi göze çarpıyor ve ziyaretçilerin çekici CTA'yı gözden kaçırmamalarını sağlıyor: "Kodumu Göster."
Son olarak, en büyük ve en göze çarpan kopya, pop-up'ın ana mesajına dikkat çekmenin dikkat çekici bir yolu olan “Ve 25 Dolar İndirim”dir.
6. Zerdeçal Şirketi
Turmeric Co., tekliflerini vurgulamak için belirgin bir daire tasarım öğesi kullanır.
Bu açılır pencere tasarımı basittir, site ziyaretçilerini bunaltmaktan kaçınmak için yeterli beyaz alana sahipken yine de bir geri sayım sayacı ve açıklayıcı harekete geçirici mesaj düğmesi içerir.
Küçük resim sadece ürünü göstermekle kalmaz, aynı zamanda markanın aktif, sağlıklı imajını da yakalar.
7. Hindistan Cevizi Bulutu
Coconut Cloud, tüm dikkatini ürünlerine verir. Ve bu mantıklı… lezzetli görünüyorlar!
Bu açılır pencere tasarımı, bir Cadılar Bayramı hediyesini desteklemek için geliştirildi. Coconut Cloud, ziyaretçilere kazanabilecekleri her şeyi göstererek onları kendine çekiyor ve katılmaya teşvik ediyor.
Son olarak, bu açılır pencere bir son tarih içerir. Bir geri sayım sayacı gibi, kesin bir son tarih bir aciliyet duygusu yaratır.
8. STEMÇocukları
Bu TheSTEMKids açılır tasarım örneğindeki akıllı kopya, gösteriyi gerçekten çalıyor.
Açılır pencerenin içeriği, "$10.00" sayısının üstü çizili olarak başlar. Cesur "Nakliye İçin Hiçbir Şey" ile birleştirildiğinde, teklifin tam değerini site ziyaretçileri için açıkça ortaya koyuyor.
9. Bibado
Bu listedeki diğer birçok açılır pencere tasarımı örneği gibi, Bibado da harekete geçirici mesaj düğmesi için zıt bir renk kullandı. Bir gösterimin başarısı, bir müşterinin CTA düğmesini tıklayıp tıklamadığına göre belirlenir, bu nedenle onu öne çıkarmak mantıklıdır.
Bidabo'nun teklifi kendi başlangıç dikdörtgeninde vurgulama şeklini de seviyoruz.
10. Kur'an
Qure'un açılır pencere tasarımı, aynı anda iki teklifin nasıl yapılacağına iyi bir örnektir.
Ana başlık (%5 indirim) büyük metinle vurgulanır, ancak vurgu için ekstra teklife kendi kutusu verilir. Size alacağınız ücretsiz hediyeyi gösteren güzel bir küçük resim var.
Daha büyük görüntü, Qure'un taze, fütürist markasıyla süreklilik sağlama konusunda harika bir iş çıkarıyor.
11. Evet Lütfen Sağlık
Pop-up'larınıza bakacak kişilerin insanlar olduğunu hatırlamak önemlidir. Bu, açılır pencereleri tasarlarken duyguların her zaman önemli bir husus olduğu anlamına gelir.
Evet Lütfen Sağlık, gülümseyen ve ürünü gösteren bir kişinin renkli bir görüntüsü ile müşterilerinin teklif hakkında heyecanlanmasına yardımcı olur.
Bu görüntüyü açılır pencerenin arka planıyla karıştırarak birbirine çok iyi bağlanmış görünmesini sağlarlar.
Son olarak, müşteriyi çekmek için eğlenceli, eğlenceli bir metin kullanırlar.
12. Fuller'ın Çevirmeleri
Fuller's Flips, bu açılır pencerede harika bir etki yaratmak için görüntüleri kullanır. Bir öncesi ve sonrası görüntüsü göstererek, hizmetlerinin sağladığı değeri açıkça gösteriyorlar.
Çapa emojisinin kullanımı da hoş bir dokunuş, size bazı "kıyı Hamptons stili" getirme vaatleriyle iyi bir şekilde eşleşiyor.
Özet
Pop-up tasarımı kesin bir bilim değildir. Bu açılır pencere örneklerinin gösterdiği gibi, uygulayabileceğiniz birçok farklı yaklaşım vardır.
Kendi yaklaşımınız markanızın kişiliği, web sitesi tasarımınız ve iletmeye çalıştığınız mesajla tutarlı olmalıdır. OptiMonk'un 300'den fazla güçlü Şablon Kitaplığında üç kutuyu da işaretleyen bir şablon bulacağınızdan emin olabilirsiniz !
Yüksek dönüşüm sağlayan pop-up'lar oluşturma hakkında daha fazla bilgi edinmek için Ultimate Pop-up Rehberimize göz atın.