WEB TASARIM REHBERİ

Web Tasarım Nedir? Süreç, Maliyetler ve İyi Sitenin Kriterleri 2026

Web tasarım, bir web sitesinin görsel kimliğini, kullanıcı deneyimini ve teknik yapısını kapsayan disiplinler bütünüdür. Sadece "güzel görünüm" değil — doğru web tasarımı dönüşüm oranını doğrudan etkiler. Bu rehberde süreçten maliyete, UX'den Core Web Vitals'a kadar her şeyi bulacaksınız.

Yazar: Serdar Gürsoy · Güncelleme: Temmuz 2026 · ~11 dakika okuma

Web tasarım, bir web sitesinin kullanıcı arayüzünü (UI), deneyimini (UX) ve görsel kimliğini oluşturan süreçtir. 2026'da iyi bir web sitesi; hızlı yüklenir (LCP <2.5s), mobilde mükemmel görünür, arama motorlarına teknik olarak uyumludur ve ziyaretçiyi eyleme yönlendirir. Estetik ve performans birbirinin rakibi değil, tamamlayıcısıdır.

1. Web Tasarım Nedir?

Web tasarım, bir web sitesinin tüm görsel ve işlevsel bileşenlerini planlama, tasarlama ve geliştirme sürecidir. Renk paleti, tipografi ve mizanpajın ötesinde; sayfa hızı, mobil uyumluluk, erişilebilirlik ve SEO performansını da kapsar.

Geçmişte "web tasarım = grafik çalışması" şeklinde algılanırdı. Günümüzde ise web tasarım = çok disiplinli bir sistem tasarımıdır. Bir tasarımcı aynı zamanda UI/UX ilkelerini, Core Web Vitals gereksinimlerini ve marka iletişimini dengeli biçimde yönetmek zorundadır.

Web Tasarım vs. Web Geliştirme

Boyut	Web Tasarım	Web Geliştirme
Odak	Görsel ve kullanıcı deneyimi	Kod ve teknik altyapı
Araçlar	Figma, Adobe XD, Photoshop	HTML/CSS/JS, framework'ler
Çıktı	Mockup, prototip, style guide	Çalışan web sitesi / uygulama
Ölçüm	Kullanıcı memnuniyeti, dönüşüm oranı	Yükleme hızı, hata oranı, uptime

2. Web Tasarım Türleri

Responsive Tasarım: Ekran boyutuna göre otomatik uyum sağlar. Günümüzde zorunlu standart — Türkiye'de mobil trafik %65+.
Single Page Application (SPA): Sayfa yenilenmeden içerik güncellenir (React, Vue.js). Hızlı UX, ancak SEO için ek optimizasyon gerekir.
Landing Page Tasarımı: Tek hedefe odaklanan, yüksek dönüşüm için optimize edilmiş sayfa.
E-Ticaret Tasarımı: Ürün listeleme, sepet, ödeme akışı UX'i. Güven unsurları ve hız kritik.
Kurumsal Web Sitesi: Çok sayfalı, CMS tabanlı, içerik yönetimi gerektirir. SEO ve authority building odaklı.
Web Uygulama (SaaS) Tasarımı: Dashboard, kullanıcı akışları, form sistemleri. UX derinliği ön planda.

3. Profesyonel Web Tasarım Süreci — 6 Adım

Keşif ve Strateji

Hedef kitle analizi, rakip incelemesi, marka konumlandırma, teknik gereksinimler. Bu aşamada projenin "neden" ve "kim için" sorularını yanıtlıyoruz.

Wireframe ve Bilgi Mimarisi

Sayfa yapısı ve içerik hiyerarşisi. Renk veya görsel olmadan sadece düzen. Bu aşamada dönüşüm odaklı sayfa akışları tasarlanır.

UI Tasarımı ve Prototip

Görsel kimlik, renk paleti, tipografi, ikonlar ve bileşen sistemi. Figma'da tıklanabilir prototip ile gerçek site deneyimini simüle ediyoruz.

Geliştirme (Front-end + Back-end)

Tasarımın koda dönüştürülmesi. Semantic HTML, CSS performansı, JavaScript optimizasyonu. CMS entegrasyonu veya Next.js/headless yapısı.

Test ve Optimizasyon

Cross-browser test, CWV ölçümü, erişilebilirlik (WCAG), form ve sayfa hızı optimizasyonu. PageSpeed Insights 90+ hedefi.

Yayın ve İzleme

Canlıya geçiş, redirect yönetimi, GA4/GSC kurulumu, CWV izleme. İlk 30 günde performans raporu ve iyileştirme döngüsü.

4. UX Prensipleri ve Dönüşüm Oranına Etkisi

UX (Kullanıcı Deneyimi) sorunları, tüm dijital pazarlama yatırımlarını boşa çıkarabilir. Kullanıcılar sitenize tıklasa da sitede ne yapacaklarını bulamıyorlarsa bütçeniz havaya uçar.

❌ Dönüşümü Öldüren Tasarım

3'ten fazla farklı renk ailesi
Küçük, okunamayan yazı boyutu
CTA butonu görünmez veya belirsiz
Mobilde küçük dokunma hedefleri
Form çok uzun (10+ alan)
Güven sinyali yok (logo/belge/referans)

✓ Dönüşümü Artıran Tasarım

Tutarlı renk sistemi (3 ana renk)
Min 16px body font, net hiyerarşi
CTA fold üstünde, yüksek kontrast
48px+ dokunma hedefleri
Kısa form (3–5 alan) + açıklama metni
Logo, sertifika, referans görünür

5. Teknik Kalite: CWV, SEO ve Güvenlik

Core Web Vitals (CWV) — 2026 Eşikleri

Metrik	İyi (<)	Geliştirilmeli	Zayıf (>)	Ne Ölçer?
LCP	2.5s	4.0s	4.0s	En büyük içeriğin yüklenmesi
INP	200ms	500ms	500ms	Kullanıcı etkileşim gecikmesi
CLS	0.1	0.25	0.25	Görsel kayma skoru

Google Sıralama Faktörü: CWV, Sayfa Deneyimi sinyali olarak Google sıralamalarını etkiler. İki aynı içerikte CWV iyi olan sayfa organik sıralamada avantaj kazanır. Sitenizi PageSpeed Insights ve CrUX ile düzenli izleyin.

Kurumsal ölçekte bir proje mi planlıyorsunuz? Sürecin tamamını — Figma onayından Lighthouse SLA'sına kadar — kurumsal web tasarım hizmetimiz sayfasında inceleyebilirsiniz.

Güvenlik Gereksinimleri

SSL/TLS: HTTPS zorunlu — Google'ın "Not Secure" uyarısı güveni doğrudan etkiler
İçerik Güvenlik Politikası (CSP): XSS saldırılarına karşı header'lar
GDPR/KVKK: Çerez onay yönetimi, Gizlilik Politikası, veri işleme kaydı
CMS güncellemeleri: WordPress/plugin güvenlik güncellemeleri erteleme = risk

6. Web Tasarım Maliyetleri — 2026 Gerçekçi Rakamlar

Proje Türü	Kapsam	Bütçe Aralığı
Landing Page	1 sayfa, yüksek dönüşüm optimizasyonu	₺15.000 – ₺35.000
Kurumsal Web Sitesi	5–15 sayfa, CMS, blog	₺35.000 – ₺120.000
E-Ticaret Sitesi	Ürün kataloğu, sepet, ödeme	₺60.000 – ₺250.000+
SaaS / Web Uygulaması	Dashboard, kullanıcı yönetimi, API	₺120.000 – ₺500.000+
Bakım/Güncelleme	Aylık izleme, güncelleme, içerik	₺3.000 – ₺15.000/ay

Uyarı — En Düşük Fiyat Tuzağı: "₺5.000'e web sitesi" teklifleri genellikle template + minimum özelleştirme anlamına gelir. SEO yapısı olmayan, yavaş yüklenen ve CWV başarısız olan bir site dijital pazarlama yatırımlarını boşa çıkarır. Kalite, maliyetin en az 3–5 katı değer üretir.

Serdar Gürsoy

Kurucu / İnovasyon Yöneticisi, Vayes Digital

2007'den bu yana 200+ web projesi. Bu rehber gerçek proje deneyimlerine dayanmaktadır.

Web Sitenizi Yenilemek mi İstiyorsunuz?

Mevcut sitenizi analiz edip büyüme fırsatlarını belirleyin. Ücretsiz web analizi için bize ulaşın.

Ücretsiz Web Analizi

7. Sık Sorulan Sorular — Web Tasarım

Web sitesi yaptırmak ne kadar sürer?

Kurumsal bir web sitesi için keşif dahil toplam süre genellikle 6–12 haftadır. Landing page 2–4 hafta, e-ticaret projesi 10–20 hafta sürebilir. Süreyi uzatan en yaygın nedenler: içerik (metin ve görseller) için bekleme süresi ve geri bildirim döngüsü.

WordPress mu, özel kod mu tercih etmeli?

İçerik ağırlıklı siteler için WordPress/Headless CMS ekonomik ve esnek bir tercih. Karmaşık iş mantığı, yüksek özelleştirme veya performans kritik projeler için Next.js gibi modern framework'ler daha uygundur. İkisi arasındaki seçim projenin özelliklerine göre yapılmalıdır.

Web tasarımı ile SEO arasındaki ilişki nedir?

Teknik açıdan iyi tasarlanmış bir site SEO'nun temelidir. Semantic HTML, düzgün heading hiyerarşisi, hızlı yükleme, mobil uyumluluk ve Core Web Vitals başarısı direkt olarak organik sıralamayı etkiler. Tasarım ve SEO, ayrı süreçler değil birlikte planlanması gereken disiplinlerdir.

Web sitesini yayına aldıktan sonra ne yapılmalı?

GA4 ve Google Search Console kurulumu, CWV izleme, düzenli içerik güncellemesi ve güvenlik yamaları yapılmalıdır. Yayın sonrası ilk 90 gün en kritik dönemdir; teknik sorunların erken tespiti ve içeriğin Google tarafından indekslenmesi bu dönemde gerçekleşir.