Fiyatlandırma sayfası tasarımı, paketi satmaktan çok karar vermeyi kolaylaştırmaya odaklanır. Bu rehberde paket kartları, özellik tablosu, vurgulu plan ve “iletişime geç” eşiklerini adım adım ele alıyoruz. Amacımız seçim sürtünmesini düşürüp ziyaretçiyi net bir sonraki adıma taşımaktır.
Fiyatlandırma sayfası tasarımı, ziyaretçinin “hangi paket bana uygun?” sorusuna hızlı ve güvenli cevap bulmasını sağlar. Landing page’deki vaat ve CTA rehberlerinden farklı olarak burada asıl iş, paket kartları, özellik tablosu, vurgulu plan ve “iletişime geç” eşikleriyle seçim sürtünmesini azaltmaktır. Bu rehber, ticari niyetle gelen okuyucuya uygulanabilir bir UX çerçevesi sunar.
İyi kurgulanmış bir fiyat sayfası, yalnızca rakam göstermez; kapsam farkını, kim için uygun olduğunu ve bir sonraki adımı da netleştirir. Aşağıdaki bölümlerde kart düzeninden mobil akışa kadar karar noktalarını sırayla ele alıyoruz.
Fiyatlandırma sayfasının asıl görevi nedir?
Fiyat sayfası bir vitrin değil, karar destek ekranıdır. Ziyaretçi genelde üç şeyi arar: paketler arasındaki fark, kendi ihtiyacına uyum ve riski düşük bir sonraki adım. Bu üçü bulanık kaldığında sayfa “bilgi sayfası” gibi okunur ama dönüşüm üretmez.
Bu nedenle sayfayı şu sorularla tasarlayın:
- Ziyaretçi 10 saniyede kaç paket görüyor ve hangisi “önerilen”?
- Özellik farkları cümlelerle mi, tabloda mı daha net?
- Fiyat herkese açık mı, yoksa nitelikli teklif mi daha doğru?
- CTA metni satın alma mı, demo mu, teklif mi istiyor?
KepezWeb tarafında kurumsal ve hizmet sitelerinde sık gördüğümüz hata, fiyat sayfasını “paket isimleri + üç buton”a indirgemektir. Asıl değer, karşılaştırma mantığını ve seçim eşiğini netleştirmektir.
Paket kartları: bilgi hiyerarşisi ve görsel denge
Paket kartı, fiyat sayfasının temel birimidir. Her kart aynı iskeleti paylaşmalı; ziyaretçi gözünü bir karttan diğerine kaydırdığında alanlar yer değiştirmemelidir. Tutarlı hiyerarşi, karşılaştırma yükünü düşürür.
Kartta olması gereken çekirdek alanlar
- Paket adı: kısa, jargonsuz (ör. Başlangıç, Büyüme, Kurumsal).
- Kim için uygun: tek cümlelik hedef kitle (ör. “Tek şubeli işletmeler”).
- Fiyat veya fiyat eşiği: açık rakam, “teklife özel” veya “iletişime geç”.
- Öne çıkan 4–7 özellik: en ayırt edici maddeler; uzun listeyi karta sıkıştırmayın.
- Tek CTA: birincil eylem metni net olsun.
Kartlarda “her şeyi yazma” isteği seçimi zorlaştırır. Detay özellikler için altta tablo veya “tüm özellikleri karşılaştır” alanı kullanın. Kart, kararın ilk turunu; tablo ikinci turu yönetir.
Görsel denge kuralları
Üç kart en yaygın ve okunaklı düzendir. Dört ve üzeri pakette yatay kaydırma veya filtre riski artar. Kart genişlikleri eşit olmalı; vurgulu plan hariç gölge, border ve boşluk sistemi aynı kalmalıdır. Aşırı süsleme, “hangisi daha iyi?” algısını bozar; vurgu tek kartta toplanmalıdır.
Özellik karşılaştırma tablosu ne zaman gerekir?
Özellikler paketler arasında “var/yok” ve “limit farkı” içeriyorsa tablo şart hale gelir. Kartlardaki madde listesi benzer göründüğünde ziyaretçi farkı kaçırır ve ya en ucuza ya da en pahalıya kaçar; ikisi de bilinçli seçim değildir.
Tabloyu şu durumlarda tercih edin:
- Limitler sayısal (kullanıcı, depolama, dil, entegrasyon).
- Destek seviyesi veya SLA farkı var.
- Kurumsal pakette özel güvenlik / özel geliştirme maddeleri bulunuyor.
- Satış ekibi sıkça “X pakette Y var mı?” sorusu alıyorsa.
Tabloyu sade tutun: satır başlıkları net, hücreler kısa, mobil için yatay kaydırma veya “paket seç → özellikler” deseni planlı olsun. Uzun açıklamaları tablo hücresine gömmeyin; tooltip veya alt not kullanın.
| Durum | Kart listesi yeterli mi? | Tablo önerisi |
|---|---|---|
| 3 paket, farklar net ve az | Evet | İsteğe bağlı özet tablo |
| Limit ve “var/yok” çok | Hayır | Tam özellik tablosu |
| Fiyat gizli, teklif odaklı | Kısmen | Kapsam farkı tablosu + teklif CTA |
| Tek özel çözüm satılıyor | Hayır (paket yanıltır) | Paket yerine kapsam / faz anlatımı |
Vurgulu plan nasıl konumlandırılır?
Vurgulu plan (çoğu sitede “En popüler” veya “Önerilen”), ziyaretçiye varsayılan bir yol gösterir. Yanlış kullanılırsa manipülasyon hissi yaratır; doğru kullanılırsa karar süresini kısaltır.
Vurguyu neye dayandırmalısınız?
- Gerçekten en çok tercih edilen veya en dengeli kapsam.
- Hedef müşteri profilinizin ana kitlesine uyan paket.
- Satış sürecinde en az revizyon üreten paket.
“En pahalıyı öner” refleksi güveni zedeler. Vurgu, değer/uyum dengesi üzerinden kurulmalıdır. Görsel olarak border rengi, hafif arka plan veya “Önerilen” etiketi yeterlidir; diğer kartları soluklaştırmayın.
Vurgulu planda metin disiplini
Etiket kısa olsun. Kartın CTA’sı diğerleriyle aynı eylem tipinde kalabilir; sadece birincil stil (dolu buton) vurgulu planda kullanılır, diğerleri outline olabilir. Bu, CTA butonu tasarımı kararlarıyla da uyumludur: tek sayfada bir ana eylem hiyerarşisi korunur.
Seçim sürtünmesi: ziyaretçiyi durduran noktalar
Seçim sürtünmesi, ziyaretçinin paket seçmek istediği halde emin olamayıp sayfadan çıkmasıdır. Fiyat yüksekliği tek başına sürtünme değildir; belirsizlik asıl maliyettir.
Sık görülen sürtünme kaynakları
- Belirsiz kapsam: “Gelişmiş raporlama” gibi ölçülemeyen maddeler.
- Gizli limit: kartta yazmayan ama sonra çıkan kısıtlar.
- Çok fazla paket: 5+ benzer plan, karşılaştırma yorgunluğu.
- Çelişkili CTA’lar: aynı kartta “Satın al”, “Demo”, “Ara” yan yana.
- Fiyat birimi belirsizliği: aylık mı, yıllık mı, kullanıcı başı mı?
- Sosyal kanıt eksikliği: kimin seçtiği, ne için uygun olduğu belirsiz.
Sürtünmeyi düşürmek için her belirsiz maddeyi ya sayısallaştırın ya da çıkarın. “Sınırsız” iddiası varsa gerçekten sınırsız olup olmadığını net yazın; değilse adil limit koyun. Güven sinyalleri için abartısız referans, sektör örneği veya süreç şeffaflığı kullanın; bu yaklaşım E-E-A-T ve güven sinyalleri ile de örtüşür.
Karar yardımcıları
Kısa bir “hangi paketi seçmeliyim?” bloğu seçim yükünü azaltır. Üç madde yeterlidir: “X ise Başlangıç”, “Y ise Büyüme”, “özel entegrasyon varsa Kurumsal / teklif”. Quiz benzeri uzun araçlar her markaya gerekmez; metinle yönlendirme çoğu hizmet sitesinde yeterlidir.
“İletişime geç” eşiği: ne zaman fiyat, ne zaman teklif?
Her üründe sabit fiyat göstermek doğru değildir. Hizmet kapsamı projeden projeye değişiyorsa “iletişime geç” veya “teklif al” eşiği daha dürüst bir tasarımdır. Kritik olan, fiyatı gizlemek değil; neden teklif istendiğini ve sürecin nasıl işlediğini açıklamaktır.
Açık fiyat ne zaman uygundur?
- Paket kapsamı sabitse ve ek iş nadirse.
- Self-servis satın alma mümkünse.
- Rakip karşılaştırma yapan ziyaretçi bilgisini hızlıca doğrulamak istiyorsa.
Teklif / iletişim eşiği ne zaman uygundur?
- Keşif görüşmesi olmadan kapsam yazılamıyorsa.
- Entegrasyon, veri göçü veya özel geliştirme baskınsa.
- Fiyatın tek başına yanıltıcı olacağı B2B senaryolarda.
Teklif modelinde kartta yine değer anlatın: teslimat kapsamı, süreç adımları, kimlerin dahil olduğu. “Fiyat için arayın” tek satırı, sayfayı boş hissettirir. Ziyaretçiye “ne anlatacağı, ne alacağı” görünür olmalıdır.
Form veya teklif adımında da sürtünmeyi düşük tutun: az alan, net beklenti süresi, gereksiz zorunlu soru yok. E-ticaretteki ödeme adımı sürtünmesine benzer mantık burada da geçerlidir; gereksiz alanlar terk oranını artırır. Paralel bir çerçeve için checkout optimizasyonu yaklaşımındaki sadeleştirme ilkelerine bakabilirsiniz.
Mobilde fiyatlandırma sayfası düzeni
Masaüstünde yan yana duran üç kart, mobilde uzun bir dikey akışa döner. Bu akışta vurgulu planın yeri ve tablo erişimi yeniden düşünülmelidir.
- Önerilen paketi mobilde ilk veya ikinci sıraya koyun; en alta gömmeyin.
- Kartlar arası boşluğu koruyun; sıkışık kartlar tıklamayı zorlaştırır.
- Özellik tablosunu mobilde yatay kaydırmalı yapın veya paket sekmeli gösterin.
- Sabit alt CTA çubuğu kullanacaksanız içeriği kapatmayacak yükseklikte tutun.
- Sticky özet (“seçili paket + devam”) yalnızca gerçekten yardımcıysa eklensin.
Mobilde en sık kırılan şey, özellik farkının kaybolmasıdır. Kartta 4 madde, detayda tablo düzeni bu sorunu çözer.
Uygulanabilir kontrol listesi
Yayına almadan önce fiyatlandırma sayfanızı şu listeyle kontrol edin:
- Paket isimleri ve “kim için?” cümleleri jargonsuz mu?
- Her kartta aynı alan sırası var mı?
- Vurgulu plan tek ve gerekçeli mi?
- Fiyat birimi (ay/yıl/kullanıcı) açık mı?
- Belirsiz özellik maddeleri sayısallaştırıldı mı?
- Tablo gerçekten gerekli mi, yoksa gürültü mü?
- CTA tek eylem mi söylüyor (satın al / teklif / demo)?
- Teklif modelinde süreç ve sonraki adım yazıyor mu?
- Mobilde önerilen paket erken görünüyor mu?
- Güven unsurları abartısız ve doğrulanabilir mi?
Bu liste, tasarımı “güzel kartlar” tartışmasından çıkarıp ölçülebilir bir karar ekranına çevirir. Web tasarım sürecinde fiyat sayfası genelde sona bırakılır; oysa ticari niyetli trafikte en çok incelenen sayfalardan biridir. Erken wireframe aşamasında paket mantığını kilitlemek, metin ve görsel revizyonunu azaltır.
Sıkça Sorulan Sorular
Fiyatlandırma sayfasında kaç paket olmalı?
Çoğu senaryoda 3 paket okunabilirlik ve karşılaştırma için dengelidir. 2 paket “ucuz/pahalı” ikilemine, 5+ paket ise seçim yorgunluğuna kayabilir. Dördüncü plan ancak gerçekten ayrı bir segmenti temsil ediyorsa eklenmelidir.
Fiyatları tamamen gizlemek doğru mu?
Kapsam her projede değişiyorsa gizlemek yerine “teklife özel” demek ve nedenini açıklamak daha iyidir. Sabit paketlerde açık fiyat, karşılaştırma yapan ziyaretçiye hız kazandırır. Gizleme, açıklamasız yapıldığında güvensizlik üretebilir.
Aylık / yıllık geçiş (toggle) her sitede gerekir mi?
Abonelik modelinde ve yıllık indirim gerçekten sunuluyorsa toggle faydalıdır. Tek seferlik proje veya hizmet tekliflerinde toggle gereksiz karmaşa yaratır. Varsa varsayılan görünümü hedef kitlenizin ödeme alışkanlığına göre seçin.
Vurgulu plan her zaman ortadaki kart mı olmalı?
Masaüstünde ortadaki kart doğal odak noktasıdır; bu yüzden sık tercih edilir. Asıl kural konum değil, tutarlı vurgu ve gerekçedir. Mobilde sıra değişebileceği için etiket ve CTA hiyerarşisi konuma göre bozulmamalıdır.
Özellik listesi mi, karşılaştırma tablosu mu önce gelmeli?
Üstte sade paket kartları, altta “tüm özellikleri karşılaştır” tablosu genelde en az sürtünmeli akıştır. Tablonun en üste konması, henüz paket hikâyesini okumadan detaya boğar. Önce yön, sonra detay verin.
Fiyatlandırma sayfanızı paket kartlarından teklif formuna kadar sade ve karşılaştırılabilir hale getirmek istiyorsanız, KepezWeb ekibiyle ihtiyaçlarınıza uygun bir yapı üzerinde çalışabilirsiniz. Sayfa kurgusu ve bir sonraki adım için teklif al üzerinden bize ulaşmanız yeterli.
