Skip to main content

Landing Page Nasıl Hazırlanır? High-Converting Landing Page Tasarımı

Landing page, web pazarlamadaki en güçlü araçlardan biridir. Bir ürün veya hizmeti promotelemek, email kampanyasına trafik yönlendirmek veya lead toplamak için, sayfanız özellikle o amaca tasarlanmalıdır.

Maalesef, çoğu şirket bir landing page yapıp, trafik yolundığında hayal kırıklığı yaşıyor. Neden? Çünkü landing page tasarımının, normal web sitesinden tamamen farklı bir psycholoji ve yapısı vardır.

Bu rehberde, high-converting landing page'ler tasarlamanın tüm yönlerini öğreneceksiniz.

Landing Page Nedir?

Landing page (iniş sayfası), tek bir amaca tasarlanmış basit bir web sayfasıdır. Örneğin:

  • E-book indirmesi
  • Webinar katılımı
  • Ücretsiz trial başlatması
  • Demo talepleri
  • Newsletter abone olması

Landing page'nin amacı çeşitlilik değil, odaklama'dır.

Landing Page vs Web Sitesi Sayfası

Öğe Landing Page Web Sitesi
Amaç Tek action Multiple actions
Navigation Minimal/Yok Tam menu
Uzunluk 1-5 section Değişken
CTA Button'u 2-5 kez Çok sayıda
Sideshow Yok Var
Contact form Optimize edilmiş Standart
Exit intent Sık Az
Conversion tracking Kapsamlı Partial

Landing page'ler daha dar, daha fokuslu.

Landing Page'nin Yapı ve Elemanları

Başarılı bir landing page şu bölümleri içermelidir:

1. Hero Section (Başlık ve Alt-başlık)

Başlık (Headline):

  • Ziyaretçinin asıl problemi (pain point) çözdüğün anlatmalı
  • 6-10 kelime (maksimum)
  • Power kelimeler kullanın (İndir, Çöz, Öğren, Edin vb)

Kötü başlık: "Yazılım Çözümlerimizi İnceledikten Sonra Bizimle Çalışmanız Lazım"

İyi başlık: "CRM'iniz ile 40% Daha Hızlı Satış Yapın"

Alt-başlık (Subheading):

  • Başlığı açıkla
  • Temel fayda
  • 1-2 cümle

Görsel:

  • Ürün görseli veya aşana fotoğraf
  • Logo + testimoni
  • Video thumbnail

2. Value Proposition (Değer Önerisi)

Ziyaretçiye "neden BU ürünü, bu şirketten?" cevabını verin.

3-5 bullet point'de:

  • Temel faydalar
  • Neden farklı olduğunuz
  • İstatistikler ("5000+ şirket güvenüyor")

Örnek:

  • ✓ Kurulum 1 dakika (rakip: 1 saat)
  • ✓ Türk dil desteği (rakip: İngilizce)
  • ✓ 24/7 whatsapp desteği
  • ✓ 30 gün para iade garantisi

3. Problem-Solution Bölümü

Ziyaretçinin sorunun tanındığını gösterin, çözümü sunun.

Yapı:

  • Problem başlığı: "Pazarlama ekibiniz neden lead kaybediyor?"
  • Problem açıklaması: 2-3 paragraf
  • Çözüm başlığı: "Platform'u kullanarak problem çözüldü"
  • Çözüm açıklaması: Nasıl çalışır
  • Görsel: Before-after veya infografik

4. Features/Benefits Bölümü

Ürün/hizmetin özellikleri ve hangi faydaları getirdiği.

İyi yapılması:

  • Feature başlığı
  • 1-2 cümle açıklama
  • İcon veya görsel
  • Benefit vurgusunda (not feature)

Örnek:

Feature: "AI-Powered Analytics" Hatalı açıklama: "Machine learning algoritmasında kullanılır" Doğru açıklama: "Müşteri davranışını önceden tahmin ederek, doğru zamanda doğru mesajı gönder"

5. Social Proof (Sosyal Kanıt)

Başkaları da güveniyorsa, yeni ziyaretçi de güvenir.

Sosyal Kanıt Türleri:

  • Müşteri testimonialları (fotoğraf + isim + şirket)
  • Müşteri sayısı ("5000+ şirket")
  • Case studies (2-3 hızlı örnek)
  • Star rating (4.8/5 yıldız, 300+ review)
  • Media mentions ("Forbes'de öne çıktı")
  • Expert endorsements
  • Money-back guarantee

Önemli: Fake testimonial hiçbir zaman. Müşteriye izin al.

6. CTA (Call-To-Action) Button

En önemli eleman. Button:

  • Açık, action verb kullan: "Şimdi Al", "Deneme Başlat", "Kaydol"
  • Kontrast renk: Sayfanın renginden net farklı
  • Yeterli büyüklük: 48x48px minimum
  • Hover state: Fare üzerine gelince değişim

Button metin tavsiyeler:

  • ✓ "Şimdi Başla" (sense of urgency)
  • ✓ "Ücretsiz Trial" (risk removal)
  • ✓ "30 gün para iade" (guarantee)
  • ✗ "Gönder" (vague)
  • ✗ "OK" (weak)

7. Fiyatlandırma (Eğer ürün satıyorsa)

Fiyat tarifesi açık olmalı.

Ne gösterilmeli:

  • Paket adları
  • Fiyat
  • İçindekiler (bullet list)
  • CTA button (varsa different pricing)

Yapılması gerekenler:

  • En popüler paket vurgula
  • Bir paket "recommended" markı koy
  • Para iade garantisi mention et

8. FAQ Bölümü

Sık sorulan soruların cevapları, last-minute doubts temizler.

Örnek sorular:

  • Trial'dan sonra ücret kesilir mi?
  • Kontrat yok mu?
  • Ödeme metotları neler?
  • Destek süresi?
  • Veri güvenliği?

Basit, kısa cevaplar (maksimum 2-3 cümle).

9. Final CTA ve Footer

Sayfanın en altında, bir kez daha CTA.

Footer'da:

  • Şirket adı
  • İletişim bilgisi
  • Privacy policy linki
  • Sosyal medya profilleri

10. Yapılmaması Gereken Elemanlar

Landing page'de şu hiçbir zaman olmalı değil:

  • Üst menu (navigation) - ziyaretçi "daha fazla ara" ve gitmez
  • Sidebar - dikkat dağıldı
  • Harici linkler - sayfayı terkeder
  • Çok fazla form alanı - 3-5 alanı yeterli
  • Auto-play video - ziyaretçiyi şaşırtır
  • Popuplar - (exit intent dışında)
  • Stock fotoğraf - generic, fake hissi
  • Çok renkli tasarım - profesyonel değil

Landing Page Tasarım Prensipleri

1. AIDA Model

Landing page yazarken AIDA model'ini takip et:

A - Attention (Dikkat): Başlık ile dikkat çek. "Müşteriler neden bana bakmalı?"

I - Interest (İlgi): Value proposition ile ilgi uyandır. "Bu bana ne getiriyor?"

D - Desire (Arzu): Benefits ve social proof'la arzu oluştur. "Ben bunu istiyorum!"

A - Action (Aksiyon): CTA'yla aksiyon al. "Şimdi kaydol"

2. Visual Hierarchy

Ziyaretçi neye bakması gerektiğini net olarak bilmeli.

Hierarchy sırası:

  1. Başlık (en büyük, en dikkat çekici)
  2. Alt-başlık
  3. CTA button
  4. Features
  5. Testimonials
  6. Footer

Fazladan ayrıntı, sürü kütüphanesi kat olurken alt sıralardan sunun.

3. Whitespace (Boş Alan)

Boş alan elemanları ayırır ve okunaklılığı artırır. İyi landing page'lerde bol boş alan vardır.

4. Form Design

Form kaç alan içermeli?

  • 1-3 alan: %70-80% conversion
  • 4-5 alan: %50-60% conversion
  • 10+ alan: %10-20% conversion

Kural: Mümkün olan en az alan iste.

Minumum form:

  • Email
  • Telefon
  • Mesaj (opsiyonel)

5. Mobil Uyumluluk

Landing page'ler %50+ mobil'den gelir.

Mobil kontrol edilmesi gerekenler:

  • Butonlar 48x48px+
  • Form alanları vertical stack
  • Font size 16px+
  • Hamburger menu (varsa)
  • Resimler responsive

6. Loading Speed

Hızlı site = daha yüksek conversion

Optimization'lar:

  • Image compression
  • Lazy loading
  • Minimal CSS/JS
  • CDN kullanımı
  • Caching

LCP hedef: 1.5-2 saniye

Landing Page Türleri

1. Lead Magnet Landing Page

Email adresi karşılığında ücretsiz içerik (e-book, template, etc).

Örnek: "Satış Funnel Şablonu İndir" Form: Email CTA: "Şablonu İndir"

2. Product Demo Landing Page

Ürün deneme/demo talipleri için.

Yapı:

  • Ürün tanıtımı
  • Video
  • Features
  • Demo talep formu
  • Testimonials

3. Webinar/Event Landing Page

Etkinlik katılımı için.

Özel elemanlar:

  • Konuşmacı profili
  • Tarih ve saat
  • Konular (agenda)
  • Ödeme (free/paid)
  • Countdown timer

4. Free Trial Landing Page

Ürün trial başlatmak için.

Vurgulanacak:

  • Trial süresi ("14 gün ücretsiz")
  • Hiç kredi kartı gerekli yok
  • Money-back guarantee
  • Basit signup

5. Waitlist Landing Page

Beta ürün veya yeni özellik için.

Elemanlar:

  • Upcoming date
  • Why waitlist
  • Referral incentives ("Arkadaş çağır, bölüş")
  • Early bird benefits

Landing Page Yazma İşlemleri: Adım Adım

1. Define Your Goal ve Target Audience

Belirle:

  • Exact goal (e-mail? Demo? Satış?)
  • Target audience (kim?)
  • Objection'lar (ne şüpheler var?)
  • Motivators (ne onları harekete geçirir?)

2. Competitor Spy

İlgili landing page'leri incele:

  • Nasıl başlık yazıyorlar?
  • CTA metni ne?
  • Form alanı kaç?
  • Testimonials var mı?
  • Video kullanıyorlar mı?

Fikir topla (copy etme değil!).

3. Copy Yazma

Landing page yazısı persuasive olmalı.

İyi copy'nin özellikleri:

  • Customer-centric (müşteri odaklı)
  • Pain point adlandıran
  • Benefit-driven ("ne kazanıyor" değil, "ne yapabiliyor")
  • Short sentences
  • Action-oriented
  • Social proof integrated

4. Design Konsepti

Wireframe veya mockup yap:

  • Bölüm sırası
  • Visual hierarchy
  • Button placement
  • Form konum

5. Development

HTML/CSS/JS ile yap veya template kullan (Unbounce, Leadpages, Instapage).

6. A/B Testing

Başlık, buton rengi, form alanları, resim - herşeyi test et.

Test edilmesi gerekenler:

  • Headline variations (3 farklı başlık)
  • Button color (red vs green vs blue)
  • Button text ("İndir" vs "Ücretsiz Al")
  • Form fields (email+phone vs email only)
  • Hero image (ürün vs person vs abstract)
  • Social proof location
  • CTA placement (multiple times vs 1x)

Test süresi: En az 100 conversion veya 1-2 hafta.

7. Analysis ve Optimization

Sonuçlara bak:

  • Hangi headline çalıştı?
  • Button rengi önemli mi?
  • Form alanı sayısı etkiledi mi?

Winners'ı tutup, yeni test'e geç.

Landing Page Performance Metriksleri

1. Conversion Rate

En önemli metrik.

Conversion Rate = (Conversions / Visitors) × 100

Örnek: 100 lead / 5000 visitor = 2% conversion rate

Benchmark'lar:

  • Kötü: < 1%
  • Orta: 1-3%
  • İyi: 3-5%
  • Excellent: 5%+

2. Cost Per Lead (CPL)

Ücretli trafik alırsan:

CPL = Ad Spend / Leads Generated

Örnek: 5000 TL harcadı, 100 lead aldı = 50 TL/lead

3. Bounce Rate

Kaç ziyaretçi hiç eksiyon almadığı?

Bounce Rate = (Single Page Sessions / Total Sessions) × 100

Landing page hedef: %40-60 bounce rate (yüksek olabilir, normal).

4. Time on Page

Ortalama ne kadar zaman harcıyor?

Hedef: 1-3 dakika (okuyorlar, düşünüyorlar).

Popüler Landing Page Platforms

Kod yazına rahatsızsan:

  • Unbounce: Drag-drop, A/B testing
  • Leadpages: Template heavy, easy
  • Instapage: Enterprise, advanced
  • ConvertKit: Yazarlar/creators için
  • Carrd: Ultra-simple, single page
  • Webflow: Design control

Sık Yapılan Hatalar

Hata 1: Çok Fazla Seçenek

Landing page'lerde "multiple CTAs" conversions düşürür.

Hatalı: Button 1: "Kaydol" Button 2: "Demo Talep Et" Button 3: "İletişime Geç"

Doğru: Bir primary button: "Şimdi Başla"

Hata 2: Hazır Template Kullanmak

Tüm rakipler aynı template'i kullanırsa, farksız olursunuz.

Hata 3: Fake Testimonial

Müşteri olmayan kişiden tavsiye yazı yazma. Yakalanırsan, credibilite kaybedersin.

Hata 4: Form'da Saklanan İnsan

Form "page source"de hidden input'lar varsa, ziyaretçi spam durumunu düşünür.

Hata 5: Hiçbir CTA Button Yok

Ziyaretçi ne yapması gerektiğini anlamadığında = hiç conversion.

Landing Page Kontrol Listesi

Son check:

  • ✓ Tek amaca focus (çok şey promise etmiyorum)
  • ✓ Başlık açık ve müşteri-centric
  • ✓ Alt-başlık başlığı açıklıyor
  • ✓ Value proposition 3-5 bullet point
  • ✓ Problem-solution bölümü
  • ✓ Features and benefits
  • ✓ Social proof (testimonials, numbers, badges)
  • ✓ FAQ bölümü
  • ✓ Clear, contrasting CTA button
  • ✓ Trust signals (guarantee, security, privacy)
  • ✓ Mobile responsive
  • ✓ Form 3-5 alan (maksimum)
  • ✓ No distracting navigation
  • ✓ Fast loading (LCP < 2.5s)
  • ✓ A/B tested
  • ✓ Analytics kurulmuş
  • ✓ Thank you page kurulmuş
  • ✓ Email automation setup'ı (leads için)

Hepsi kontrol edildiyse, launch'a hazırsın.

Sonuç

Landing page tasarlamak sanat ve bilimdir. Art: copywriting, design, psychology. Science: A/B testing, analytics, optimization.

Başarılı bir landing page:

  • %2-5 conversion rate bile
  • Aylık 10.000 ziyaretçi
  • 200-500 lead = 3-6 milyon TL yıllık value oluşturabilir.

Landing page'inizi seriously alın. Conversion-centric design, B2B satış roketleri.

Profesyonel landing page tasarlanmasında yardımcı olabiliriz. İletişime geçin.

merhaba@kreativa.com.tr