Bugün Kopyalayabileceğiniz 20 Muhteşem Popup Tasarım Örneği

E-posta açılır pencerelerinin e-posta listenizi ikiye katlamanıza yardımcı olabileceğini biliyor muydunuz?

Bu, Wisepops müşterileri tarafından bildirilen ortalama sonuçtur.

E-posta listeniz de iki katına çıksa harika olmaz mıydı ? Bu kulağa hoş geliyorsa, web sitenizin ziyaretçilerine bağlanmak için açılır pencereleri denemenin zamanı geldi. Atmanız gereken ilk adım: ilgi çekici bir açılır pencere tasarımının ne olduğunu öğrenmek.

İşte başlamanıza yardımcı olacak 20 güzel açılır tasarım örneği.

Bölüm 1: Masaüstü e-posta açılır tasarımları

Masaüstü e-posta yakalama açılır pencereleriyle başlayalım (masaüstü açılır pencerelerini ve mobil açılır pencereleri neden ayırdığımızı merak ediyor musunuz? Nedenini ikinci bölümde açıklayacağız).

Bu seçime her türlü katılımlı açılır tasarım örneğini ekledik. Ancak, güzel görünen pop-up'lar oluşturmak için kıdemli bir tasarımcı olmanız gerekmediğini kanıtlamak için basit örneklerle başlamak istedik.

Uçuş Kulübü: Doğrudan noktaya açılır pencere

Flight Club'dan alınan bu açılır pencere örneği, arka plan görseli olmadan siyah beyazdır. Tasarım, web sitesinin genel renk paletine uyuyor ve bu da onu doğal gösteriyor. Teklif çok açık ve harekete geçirici mesaj da öyle. Bu, doğrudan noktaya açılan bir açılır pencere olarak adlandırdığımız şeydir.

Weebly: Müdahaleci olmayan ve zorlayıcı

Weebly'nin açılır pencere tasarımı örneğinde ilginç olan şey çubuk biçimidir. Bu biçim, açılır pencereyi her zaman görünür kılar.

Deneyimlerimiz, çubuklardan abonelik oranlarının açılır pencerelerden daha düşük olduğunu gösteriyor. Yine de, ona zıt bir renk ve çekici bir metin verirseniz, çok sayıda ziyaretçinin ilgisini çekebilirler.

Peter Shankman: İnce bir sürgülü açılır pencere

Etkileyici Peter Shankman, kullanıcılar aşağı kaydırdıkça görünen ince bir açılır pencere tasarladı. Bu açılır pencere tasarımı müdahaleci değildir ve işini ziyaretçilerin ilgisini çok iyi çeker.

Nike: Basit ama etkili

E-postaların yanı sıra ziyaretçilerden daha fazla bilgi toplamak ister misiniz? Daha fazla alan ziyaretçiler için caydırıcı olabilir. Ancak, açılır pencereyi tasarlarken kullanıcı deneyimini ön planda tutarak bunu önleyebilirsiniz. Nike'ın açılır örneği, bunu nasıl basit ve etkili bir şekilde yapabileceğinizi gösterir.

MeUndies: Gerçekten açılan bir açılır pencere

Şimdi renkli bir açılır pencere tasarımı görelim. MeUndies'in bu açılır penceresi harika bir örnek: dikkat çekici, yaratıcı ve ilgi çekici. Bu açılır pencere tasarımında, görselden renk seçimine ve hemen açılan CTA'ya kadar her şey yolunda.

Volusion: Topluluğu yansıtmak

Ürünlerinizin fotoğraflarını kullanmak bir sorun olduğunda (çoğu SaaS bu durumda), neden topluluğunuzdan resimler seçmiyorsunuz? Bu e-posta yakalama açılır tasarımında Volusion'ın yaptığı şey budur.

Canlı sohbet: Eğlenceli illüstrasyon

Açılır pencere tasarımlarında illüstrasyon kullanmak başka bir iyi seçenektir. Kampanyanızı kesinlikle öne çıkarabilir ve eğlenceli hale getirebilir. İşte LiveChat'in blogunda harika bir resimli açılır pencere örneği.

KlientBoost: Çizimi daha ileriye taşımak

Görünüşe göre KlientBoost bu kampanya için kendi tasarımcılarından biraz yardım almış. Yaratıcı çizimleri, açılır pencere tasarımına eğlence katar. Bu, insanlardan bir bültene abone olmalarını istemenin harika bir yolu!

Kelly Harrop: Kullanıma hazır tasarım

İşte süper yaratıcı bir açılır pencere tasarımının başka bir örneği. Kopya etkileyicidir ve kontrast oluşturan renk ve oyuk şekli sayesinde gözler harekete geçirici mesaja çekilir.

Carbon 38: Ekranı işgal edin

Bu açılır pencere örneği daha da ileri gider. Yuvarlak açılır pencere (açılır pencere tasarımında nadir görülen bir şekil) sağdaki model tarafından vurgulanmıştır. Tam ekran bir açılır penceredir, bu nedenle ziyaretçilerin dikkatini etkili bir şekilde çeker.

Frank Body: Marka kişiliğinizi kullanın

"Pantolon indirim, ilk alışverişinizde %10 indirim"—bu yaratıcı, dikkat çekici başlık Frank Body'nin ses tonuyla uyumludur. Metnin geri kalanı aynı stratejiyi izleyerek markanın ilginç ve oyuncu kişiliğini destekliyor.

Taylor Stitch: Büyük bir kahraman resmi kullanın

Taylor Stitch'in web sitesine göz atıyorsunuz ve bam - dışarıda duruyorsunuz, güzel bir dağ silsilesine bakıyorsunuz. Tamam, bu olmadı (laboratuvardaki insanlar hala ışınlanma üzerinde çalışıyorlar), ancak bu açılır pencere tasarımı bu etkiyi güzel bir şekilde yaratıyor. Tam ekran formatı ve şaşırtıcı arka plan görüntüsü, çarpıcı bir kombinasyon.

Bölüm 2: Mobil e-posta açılır tasarımları

Trafiğin yarısından fazlasının mobil olduğu bir dünyada, mobil cihazlara uyarlanmış bir pop-up pazarlama stratejisine ihtiyacınız var.

Ve Google'ın mobil geçiş reklamlarıyla ilgili yönergeleri sayesinde, yalnızca tasarımlarınızı duyarlı hale getirmeye çalışamazsınız.

Patagonya: Basit tutun

Mümkün olan en basit açılır pencere örneğiyle başlayalım: açık renkli bir arka plan üzerinde siyah kopya. Patagonya, ziyaretçilerin açılış sayfası içeriğine erişmesini ve aynı renk paletini kullanmasını engellemeyen bir açılır pencereyle Google yönergelerine uyar.

Timberland: Rengi seçici olarak kullanın

Timberland, Patagonia ile aynı tasarımı izledi. Tek fark, markanın biraz daha renk katarken, yine de web sitesinin tarzında tutmasıydı.

Açılış Töreni: E-posta aboneleri için içerik alaka düzeyini artırın

Bu açılır pencere tasarımı bize masaüstü açılır pencerelerini hatırlatıyor. E-posta alanına ek olarak, ziyaretçilerin moda tercihlerini (erkek, kadın veya her ikisi) seçmelerine de olanak tanır. Abonelere alakalı içerik göndermenizi sağlamanın iyi bir yolu.

Vans: Daha fazla alan yaratmak için bir CTA kullanma

Daha büyük mobil açılır pencereleri görüntülemenin ve Google'ı mutlu etmenin bir yolu var: Pop-up'ınızı görüntülemeden önce bir harekete geçirici mesaj ekleyin. Bu açılır pencere örneğinde Vans bunu yaptı. Açılış sayfasının sağ alt köşesindeki sekmeye bakın. Akıllı.

OverstockArt: Temel avantajı vurgulayın

Bu açılır pencere tasarımı (daha koyu bir arka plan ve daha açık metin), ana avantajı açıkça ortaya koymaktadır. "Şimdi %20 indirim kazanın" yazan zıt CTA düğmesi, ziyaretçileri eylemi sahiplenmeye teşvik eder.

Master Dynamic: Öne çıkmak için parlak renkler kullanın

Master Dynamic, bu web sitesi açılır pencere tasarımını yaparken bir zorlukla karşılaştı. Markanın web sitesinde zaten güçlü renkler kullanılıyor ve açılır pencerenin abonelik oluşturmak için öne çıkması gerekiyordu. Bu soruna mükemmel çözüm, zıt parlak sarının kullanılmasıydı.

Pot Değil: Site tasarımını yansıtın

Web sitesi görsellerine ve tasarımına uygun bir açılır pencere tasarımı arıyorsanız, işte bu. Hem site hem de açılır pencere dikkat çekicidir. Tasarım tutarlılığı, açılır pencerenin web sitesinin bir parçası gibi görünmesini sağlar. Açılır pencerenin başlığı “Spam Değil” bile markanın adıyla uyumludur.

Sarmak

Bu açılır pencere tasarım örneklerinin sizin için ilginç ve ilham verici olduğunu umuyoruz.

Ama… tasarım yapbozun sadece bir parçası. Kampanyalarınızın olabildiğince etkili olması için güçlü bir kopyaya ve iyi bir teklife ihtiyacı var. Bu unsurlar birlikte, potansiyel müşteriler ve dönüşümler oluşturan yüksek performanslı kampanyalar oluşturabilir.

İlk açılır pencere tasarımınızı oluşturmak ister misiniz? İlk açılır pencerenizi beş dakikadan kısa sürede oluşturmak için Wisepops'a (14 günlük ücretsiz deneme, kredi kartı gerekmez) kaydolun.