Bir ziyaretçi sitenize girdiğinde kararını saniyeler içinde verir: kalacak mı, geri tuşuna mı basacak? Bu kararı belirleyen şey çoğu zaman yazdığınız metinler bile değil, web sayfası tasarımıdır — yani sayfanın ilk ekranda ne gösterdiği, gözü nereye yönlendirdiği ve ziyaretçiden ne yapmasını istediği. Bu yazıda iyi bir web sayfasını parça parça masaya yatırıyoruz: yukarıdan aşağıya, ziyaretçiyi müşteriye çeviren bir sayfanın anatomisi.
İlk Ekran: Sayfanızın En Değerli Arsası
Kullanıcı sayfayı kaydırmadan önce gördüğü alana "ilk ekran" (above the fold) denir ve sayfanın en kritik bölgesidir. İyi bir web sayfası tasarımında ilk ekran üç soruya anında cevap verir:
- Burası neresi? — Logo ve net bir başlık
- Bana ne sunuyor? — Tek cümlelik, fayda odaklı bir alt başlık
- Şimdi ne yapmalıyım? — Görünür bir eylem butonu (teklif al, ara, incele)
Bu üç cevabı vermeyen ilk ekran, ziyaretçinin zihninde "yanlış yerdeyim" hissi yaratır — ve o his geri tuşundan hızlı çalışır.
Görsel Hiyerarşi: Gözün İzleyeceği Yolu Siz Çizin
İnsanlar web sayfasını okumaz, tarar. İyi tasarım bu taramayı rastgele bırakmaz; büyüklük, renk ve boşluk kullanarak gözü sırasıyla başlığa, faydaya ve butona taşır. Pratikte bunun üç kuralı vardır:
- Tek odak: Her ekran bölümünün bir ana mesajı olmalı; her şeyin vurgulandığı sayfada hiçbir şey vurgulanmış olmaz.
- Boşluktan korkmayın: Elemanların nefes aldığı sayfa, dolu sayfadan daha profesyonel görünür ve daha kolay okunur.
- Tutarlı düzen: Aynı türdeki bilgiler (hizmet kartları, fiyat kutuları) aynı biçimde tekrarlanmalı; düzen tutarlılığı beynin sayfayı "güvenilir" olarak etiketlemesini sağlar.
Renk ve Tipografi: Marka Kişiliğinizin Dili
Renk paleti bir estetik tercihten fazlasıdır: kurumsal güven mi (lacivert, gri), enerji mi (turuncu, kırmızı), doğallık mı (yeşil, toprak tonları) iletmek istediğinize göre seçilir. Pratik kurallar:
- Bir ana renk + bir vurgu rengi + nötr tonlar — toplamda 3-4 rengi geçmeyin
- Vurgu rengini yalnızca butonlar ve önemli eylemler için saklayın; her yerde kullanılan vurgu, vurgu olmaktan çıkar
- Yazı boyutunu mobilde de rahat okunacak seviyede tutun, satır uzunluğunu ve satır aralığını sıkıştırmayın
- En fazla iki yazı tipi ailesi kullanın; başlık ve metin fontu birbirini tamamlasın
Eylem Çağrısı (CTA): Sayfanın Var Oluş Nedeni
Her web sayfası bir amaç için tasarlanır: telefon ettirmek, form doldurtmak, ürüne yönlendirmek... Bu amaca giden buton — yani eylem çağrısı — sayfanın en görünür elemanı olmalıdır. İyi bir CTA:
- Sayfada zemin ve çevresinden net ayrışan renktedir
- "Gönder" gibi ruhsuz değil, "Ücretsiz Teklif Al" gibi fayda söyleyen bir metin taşır
- Uzun sayfalarda belirli aralıklarla tekrar eder — ziyaretçi karar verdiği anda butonu aramak zorunda kalmaz
Tek sayfada birbiriyle yarışan üç farklı teklif sunmak, en sık görülen dönüşüm katilidir: seçenek arttıkça karar zorlaşır.
Güven Öğeleri: "Bunlara Güvenebilir miyim?" Sorusunun Cevabı
Ziyaretçi butona basmadan önce içinden hep aynı soruyu geçirir. İyi bir web sayfası tasarımı bu soruyu sözle değil, kanıtla yanıtlar:
- Gerçek müşteri yorumları ve çalışılan marka logoları
- Somut rakamlar: tamamlanan proje, yıl, müşteri sayısı
- Gerçek fotoğraflar — her sektörde aynı gülümseyen stok fotoğraflar güveni artırmaz, azaltır
- Görünür iletişim bilgileri: adres, telefon ve hızlı ulaşım için WhatsApp hattı
Mobil ve Hız: Tasarımın Görünmeyen Yarısı
Trafiğin çoğu artık telefondan geliyor; bu yüzden modern web sayfası tasarımı önce mobil ekrana göre kurgulanır, masaüstüne oradan genişletilir. Mobilde başparmakla basılabilir buton boyutları, tek sütunlu akış ve sıkışmayan menü standarttır. Hız da tasarımın parçasıdır: dev görseller ve gereksiz animasyonlarla yavaşlayan bir sayfa, hem ziyaretçi hem Google gözünde puan kaybeder — en şık tasarım bile açılmadığı sürece yoktur.
Sayfa Türüne Göre Tasarım Değişir
Her sayfanın görevi farklıdır ve iyi tasarım bu göreve göre şekillenir:
- Ana sayfa: Yol ayrımıdır — ziyaretçiyi doğru iç sayfaya en kısa yoldan yönlendirir.
- Hizmet/ürün sayfası: Tek konuya odaklanır; faydayı anlatır, itirazları cevaplar, eyleme çağırır.
- Hakkımızda: Güven sayfasıdır — hikâye, ekip ve kanıtlar burada konuşur.
- İletişim: En az sürtünmeli sayfa olmalı: kısa form, tıklanabilir telefon, harita.
Sayfaların içeriğini yayın sonrasında kendiniz güncelleyebilmeniz de tasarım kadar önemlidir; bu konuyu içerik yönetim paneli yazımızda ayrıntılı anlattık.
Sık Sorulan Sorular
Web sayfası tasarımı ile web tasarım aynı şey mi?
İç içe kavramlar: web tasarım sitenin bütününü (yapı, süreç, yazılım) kapsar; web sayfası tasarımı ise tek tek sayfaların kurgusuna odaklanır. Bütünün nasıl planlandığını web tasarım rehberimizde bulabilirsiniz.
Sayfamı güzel buluyorum ama satış gelmiyor — sorun nerede?
Güzellik ile dönüşüm farklı şeylerdir. Çoğu zaman sorun estetikte değil kurgudadır: ilk ekran ne sunduğunuzu söylemiyor, buton kaybolmuş ya da güven öğeleri eksiktir. Sayfayı bu yazıdaki anatomiye göre yukarıdan aşağı denetlemek, sorunu genellikle ortaya çıkarır.
Kaç sayfalık site yaptırmalıyım?
Sayfa sayısı değil, her sayfanın bir görevinin olması önemlidir. Küçük bir işletme için doğru kurgulanmış 5-6 sayfa; görevi belirsiz 20 sayfadan her zaman daha çok iş getirir.
Sonuç: Güzel Sayfa Değil, Çalışan Sayfa
İyi web sayfası tasarımı bir sanat eseri değil, görevi olan bir kurgudur: ziyaretçiyi karşılar, yönlendirir ve eyleme geçirir. İlk ekran, hiyerarşi, renk, CTA, güven ve hız — bu altı parça doğru kurulduğunda sayfa yalnızca beğenilmez, çalışır.
Sayfalarınızın bu anatomiye göre tasarlanmasını ya da mevcut sitenizin dönüşüm odaklı yenilenmesini isterseniz Web Sitesi Tasarım hizmetimizi inceleyebilir veya ücretsiz keşif görüşmesi için bizimle iletişime geçebilirsiniz. Yazılım Üssü olarak ziyaretçiyi müşteriye çeviren, hızlı ve SEO uyumlu web sayfaları tasarlıyoruz.