İçeriğe atla
ÖzelliklerFiyatlandırmaİş OrtaklığıBlogYardımHakkımızdaİletişim
BaşlaGiriş Yap
Bloga Dön
tips2027-08-066 dk okuma

Restoran Website CRO: Online Rezervasyon Dönüşümünü 2.8% → 5.4% Çıkarmak

Beşiktaş 60 masalı brasserie'de A/B testler, Hotjar heatmap ve Microsoft Clarity ile rezervasyon dönüşümü 1.9 katına çıktı.

th

thMenu Team

thmenu.com

İstanbul Beşiktaş'ta 60 masalı bir brasserie, website rezervasyon dönüşümünü 2.8% seviyesinde sıkışmış görüyordu. 12 hafta süren A/B test programıyla oran 5.4%'e çıktı — 1.9 kat artış. Bu yazıda hangi varyantları test ettiğimizi, hangi metrikleri izlediğimizi ve hangi sürprizlerin çıktığını anlatıyoruz.

CTA Metin ve Form Alan Sayısı Testleri

İlk test: "Masa Ayır" vs "Rezervasyon Yap" CTA butonu. İki hafta, eşit trafik dağılımı, 4.200 ziyaret. "Masa Ayır" %23 daha fazla tıklama getirdi — fiil daha somut, eylem odaklı algılandı. İkinci test: 5 alanlı form (ad, telefon, e-posta, tarih-saat, kişi sayısı, not) vs 3 alanlı (ad, telefon, tarih-saat). 3 alanlı form tamamlanma oranı %71 idi; 5 alanlıda %48.

E-posta alanını silmek riskliydi çünkü onay maili için gerekiyordu. Çözüm: opsiyonel hale getirdik ve SMS onayı default yaptık. Telefon zaten alındığı için ek alan gerekmedi.

OpenTable Embed vs Custom Modal

OpenTable'ın embed widget'ı kolay entegre ama mobil deneyimi yavaş — Türkiye'de %78 mobil trafikte 3.2 saniye TTI ölçtük. Custom modal'a geçince TTI 0.8 saniyeye indi ve dönüşüm %34 arttı. Hotjar heatmap'inde OpenTable iframe'inde kullanıcıların scroll yapmadığını, üst kısımda takıldığını gördük.

Custom modal arka planı dim eder, ESC ile kapanır, focus trap içerir. Erişilebilirlik için ARIA-modal ve role-dialog ekledik. Screen reader testlerini VoiceOver ve NVDA ile yaptık.

Microsoft Clarity ile Friction Tespiti

Clarity'nin rage-click ve dead-click özelliği, tarih seçicide günleri tıklayıp yanıt alamayan kullanıcıları gösterdi — geçmiş tarihleri disable etmeyi unutmuşuz. Düzeltme sonrası modal tamamlanma %12 yükseldi. Session recording'lerde mobil kullanıcıların kişi sayısı dropdown'unu açamadığını gördük; tap hedefi 32px'ten 44px'e çıkardık.

Heatmap'te "Masa Ayır" butonunun fold üstünde olması gerektiğini doğruladık. Mobile'da hero görsel altına taşıdık; desktop'ta hero ile aynı satıra koyduk. Dönüşüm bu iki düzenlemeden sonra 4.1%'e çıktı.

SSS

Hangi araç ücretsiz başlamak için iyi? Microsoft Clarity tamamen ücretsiz ve session recording sınırı yok. Hotjar 35 sessions/gün ücretsiz.

Test başına minimum trafik? Pratik olarak haftada 1000+ ziyaret ve %95 güven için varyant başına 200+ dönüşüm hedefleyin.

OpenTable'dan tamamen vazgeçtiniz mi? Hayır — masaüstü desktop kullanıcıları için secondary CTA olarak kaldı; mobile primary akış custom modal.

Faydalı buldunuz mu? Paylaşın.