Web Tasarım · UI/UX · Performans
Web Tasarım Uzmanı Yusuf Karabulut: Hızlı, Akıllı ve Dönüştüren Siteler
Bir web sitesi yalnızca güzel görünmek için değil; hızlı açılmak, kolay anlaşılmak ve ziyaretçiyi müşteriye dönüştürmek için tasarlanır. Bu sayfada çalışma modelim olan 3 Katmanlı Modern Web Mimarisi‘ni, performans standartlarımı ve herkesin anlayabileceği bir web tasarım rehberini bulacaksınız.
Kısaca
Web Tasarım Uzmanı Yusuf Karabulut kimdir?
Yusuf Karabulut, performans, kullanıcı deneyimi ve arama görünürlüğünü tasarımın ilk gününden birlikte ele alan, Denizli merkezli bir web tasarım uzmanıdır. Projelerini, siteyi Çekirdek, Deneyim ve Zekâ katmanlarına ayıran 3 Katmanlı Modern Web Mimarisi ile yürütür ve her siteyi 0–100 arasındaki Web Kalite Skoru (WKS) ile ölçer.
- Uzmanlık
- Web Tasarım · UI/UX
- Odak
- Hız · Dönüşüm · SEO uyumu
- Merkez
- Denizli, Türkiye
- Hizmet bölgesi
- Türkiye geneli (uzaktan)
- Metodoloji
- 3 Katmanlı Web Mimarisi
- Ölçüm modeli
- WKS (0–100)
Kaydırın · Canlı senaryo
Boş bir sayfadan yayındaki siteye
- 1Strateji ve iskelet (wireframe)
- 2Arayüz tasarımı (UI)
- 3İçerik ve etkileşim
- 4Yayında: hızlı, güvenli, ölçülebilir
7’den 70’e web tasarım
İyi bir web sitesi neye benzer?
Web tasarım, bir işletmenin internetteki evini inşa etmektir. Ama bu ev yalnızca güzel değil; hızlı açılan, herkesin rahatça dolaşabildiği ve kapısını çalanı müşteriye dönüştüren bir ev olmalıdır.
Dijital vitrin
Dükkânınızın önünden günde yüzlerce kişi geçer. Web siteniz, o vitrinin hiç kapanmayan ve bütün Türkiye’den görülebilen halidir.
7/24 çalışan temsilci
Siz uyurken bile soruları cevaplar, fiyat verir, randevu alır. İyi tasarlanmış bir site, en çalışkan ekip arkadaşınızdır.
Güven belgesi
İnsanlar bir firmayı aramadan önce sitesine bakar. Yavaş ve eski bir site, “bu firma da böyledir” izlenimi bırakır.
5 saniye testi: Ziyaretçi ilk 5 saniyede 3 soruya cevap arar
Metodoloji
Yusuf Karabulut’un 3 Katmanlı Modern Web Mimarisi
3 Katmanlı Modern Web Mimarisi, bir web sitesini üst üste binen üç katman olarak tasarlayan yöntemdir: Çekirdek (altyapı ve performans), Deneyim (arayüz ve kullanılabilirlik) ve Zekâ (SEO/GEO, dönüşüm ve ölçüm). Bir katman zayıfsa üstündeki katman ne kadar parlak olursa olsun bina sallanır.
KATMAN 1 / ÇEKİRDEK
Görünmeyen ama her şeyi taşıyan temel
Sunucu, kod kalitesi, güvenlik ve hız. Ziyaretçi bu katmanı görmez ama hissettiği ilk şey odur: sayfa ya anında açılır ya da kaybolur.
- Performans bütçesi: sayfa başına ≤ 1 MB, JS ≤ 150 KB
- Core Web Vitals: LCP ≤ 2,5 sn, INP ≤ 200 ms, CLS ≤ 0,1
- SSL, güncel altyapı, yedekleme ve güvenlik sertleştirmesi
KATMAN 2 / DENEYİM
Herkesin anladığı, kimsenin kaybolmadığı arayüz
Görsel hiyerarşi, tipografi, mobil öncelikli yerleşim ve erişilebilirlik. Amaç “güzel” değil, “zahmetsiz” bir site.
- Mobil öncelikli (mobile-first) tasarım sistemi
- WCAG 2.2 AA erişilebilirlik: kontrast, klavye, ekran okuyucu
- Anlamlı mikro animasyonlar ve 5 saniye testi
KATMAN 3 / ZEKÂ
Bulunan, anlaşılan ve dönüştüren site
Arama motorlarının ve yapay zekânın siteyi doğru anlaması, ziyaretçinin harekete geçmesi ve her şeyin ölçülmesi bu katmanda kurulur.
- Doğuştan SEO: semantik HTML, şema, temiz URL yapısı
- Dönüşüm tasarımı: net CTA, form ve güven sinyalleri
- Analitik ve olay takibi ile ölçülebilir hedefler
Kaydırın · Responsive tasarım
Tek tasarım, her ekranda kusursuz
Çalışma prensibi
Bir web projesinin 6 adımı
Kurumsal bir sitenin fikirden yayına ortalama yolculuğu 3–6 haftadır. Her adımın sonunda onayınız alınır; sürpriz yoktur.
- 1–3 gün
Keşif ve hedefler
İşinizi, müşterinizi ve rakiplerinizi dinlerim. Sitenin tek cümlelik görevi ve ölçülebilir hedefi belirlenir.
- 3–5 gün
Bilgi mimarisi ve iskelet
Sayfa haritası, menü yapısı ve her sayfanın kaba iskeleti (wireframe) çizilir. SEO anahtar kelime planı bu aşamada eşleştirilir.
- 5–10 gün
Arayüz tasarımı (UI)
Renk, tipografi ve bileşen sistemi kurumsal kimliğinize göre tasarlanır; önce mobil, sonra masaüstü.
- 7–20 gün
Geliştirme ve içerik
Tasarım; hızlı, güvenli ve kolay yönetilen bir altyapıya dönüştürülür. İçerikler, görseller ve yapılandırılmış veri eklenir.
- 2–4 gün
Test ve kalite kontrol
Hız, erişilebilirlik, form, tarayıcı ve cihaz testleri yapılır; WKS puanı hesaplanır ve hedefin altındaki her madde düzeltilir.
- Yayın + 30 gün
Yayın ve izleme
Site yayına alınır, Search Console ve analitik bağlanır. İlk 30 gün hata, hız ve dönüşüm verileri yakından izlenir.
Özgün ölçüm modeli
Web Kalite Skoru (WKS)
WKS, bir web sitesinin teknik ve deneyimsel kalitesini 0–100 arasında ölçen, 3 Katmanlı Mimari’nin beş bileşenini ağırlıklandıran puanlama modelidir:
İnfografik
Hız neden tasarımın bir parçasıdır?
Ziyaretçi sabırsızdır: sayfa her saniye geciktiğinde siteden ayrılma ihtimali büyür. Bu yüzden her projeye bir performans bütçesi ile başlarım: tıpkı bir evin metrekaresi gibi, sayfanın da ağırlık sınırı vardır.
Yüklenme süresi uzadıkça hemen çıkma olasılığındaki artış
1 saniyeye göre karşılaştırma · Kaynak: Google / SOASTA Research (2017), mobil veriler
Yani 10 saniyede açılan bir sayfa, 1 saniyede açılana göre ziyaretçiyi kaçırma ihtimalini iki katından fazla artırır.
1 MB’lık performans bütçesi nasıl dağıtılır?
Yusuf Karabulut standardı · kurumsal sayfa şablonu
- HTML50 KB
- CSS60 KB
- JavaScript150 KB
- Web fontları100 KB
- Görseller600 KB
- Diğer40 KB
Teknik analitik tablolar
Web tasarım standartlarım, rakamlarla
Bir web sitesinin kalitesi zevke bırakılamaz. Aşağıdaki tablolar; hangi sınırlara uyduğumu, hangi site türünün ne kadar sürdüğünü ve hangi teknolojinin ne zaman doğru seçim olduğunu gösterir.
| Kaynak / Metrik | Hedef | Üst sınır | Neden önemli? |
|---|---|---|---|
| Toplam sayfa ağırlığı | ≤ 1 MB | 1,5 MB | Mobil veride hızlı açılış |
| JavaScript (sıkıştırılmış) | ≤ 150 KB | 300 KB | Etkileşim gecikmesini (INP) belirler |
| CSS | ≤ 60 KB | 100 KB | İlk görüntüyü engelleyen kaynak |
| Web fontları | ≤ 2 aile | 100 KB | Metin kayması ve görünmez metin riski |
| LCP görseli | ≤ 150 KB · WebP/AVIF | 250 KB | En büyük içeriğin yüklenme süresi |
| LCP · INP · CLS | 2,5 sn · 200 ms · 0,1 | Eşiğin üstü = başarısız | Google Core Web Vitals değerlendirmesi |
| Lighthouse Performans (mobil) | ≥ 90 | 75 | Laboratuvar ortamında genel sağlık |
| Metin kontrast oranı | ≥ 4,5:1 | Altı = başarısız | WCAG 2.2 AA okunabilirlik |
Core Web Vitals eşikleri Google’ın web.dev üzerinde yayımladığı değerlerdir; bütçe sınırları Yusuf Karabulut’un proje standartlarıdır.
| Site türü | Tipik sayfa sayısı | Ortalama süre | Tasarım önceliği | Kritik metrik |
|---|---|---|---|---|
| Kurumsal tanıtım sitesi | 8–20 | 3–5 hafta | Güven ve kolay iletişim | Form / arama dönüşümü |
| E-ticaret sitesi | 50–5.000+ | 6–12 hafta | Ürün bulma ve sade ödeme | Sepet terk oranı |
| Landing page / scrollytelling | 1–3 | 1–3 hafta | Tek hedefe odaklı hikâye | Dönüşüm oranı |
| Blog / içerik sitesi | 20+ | 2–4 hafta | Okunabilirlik ve SEO | Oturum süresi, organik trafik |
| Kişisel marka / portföy | 5–10 | 2–3 hafta | Otorite ve referans | İletişim talebi |
Süreler; içeriğin hazır olma durumuna, sayfa sayısına ve onay hızına göre değişir.
| Teknoloji | En uygun olduğu proje | Güçlü yanı | Dikkat edilmesi gereken |
|---|---|---|---|
| WordPress (blok düzenleyici) | Kurumsal, blog, KOBİ siteleri | Kolay yönetim, geniş ekosistem | Eklenti şişkinliği: performans bütçesi şart |
| WooCommerce | Küçük–orta ölçekli e-ticaret | WordPress ile tek panel | Ürün sayısı arttıkça sunucu ve önbellek ayarı |
| Headless (ör. Next.js) | Yüksek trafik, özel deneyimler | Üst düzey hız ve esneklik | Daha yüksek geliştirme maliyeti |
| Statik site (HTML / SSG) | Landing page, portföy | En hızlı ve en güvenli seçenek | İçerik güncellemesi teknik bilgi ister |
Teknoloji, projenin ihtiyacına göre seçilir; “her işe aynı tema” yaklaşımı kullanılmaz.
| Kontrol | Ne yapılır? | Atlanırsa ne olur? |
|---|---|---|
| 301 yönlendirme haritası | Her eski URL yeni karşılığına tek tek bağlanır | Sıralamalar ve backlink değeri kaybolur |
| Başlık ve meta aktarımı | Çalışan title ve açıklamalar korunur ya da iyileştirilir | Tıklama oranı düşer |
| İç link güncellemesi | Site içi linkler yeni URL’lere çevrilir | Yönlendirme zincirleri, yavaşlama |
| Yapılandırılmış veri | Şema işaretlemeleri yeni şablonlara taşınır | Zengin sonuçlar kaybolur |
| Site haritası ve Search Console | Yeni XML site haritası gönderilir, kapsam izlenir | Yeni sayfalar geç dizine girer |
| 30 günlük izleme | 404, hız ve sıralama verisi günlük takip edilir | Sorunlar haftalar sonra fark edilir |
Hizmet alanları
Web tasarım uzmanlığımın 6 alanı
Kurumsal Web Tasarım
Firmanızı doğru anlatan, güven veren ve teklif talebi toplayan kurumsal siteler.
Kurumsal web tasarımE-ticaret Sitesi
Hızlı ürün sayfaları, sade ödeme akışı ve SEO uyumlu kategori mimarisi.
Web tasarım hizmetiLanding Page ve Scrollytelling
Kaydırdıkça hikâye anlatan, tek hedefe odaklı ve hafif kodlu kampanya sayfaları (bu sayfa gibi).
Teklif alınSite Hızlandırma
Mevcut sitenizin Core Web Vitals değerlerini eşiklerin altına çeken teknik optimizasyon.
Ücretsiz teknik analizYeniden Tasarım ve Taşıma
Eski sitenizi, 301 yönlendirme haritasıyla trafik kaybetmeden yeni mimariye taşıma.
Denizli web tasarım uzmanıBakım ve Güvenlik
Düzenli güncelleme, yedekleme, güvenlik taraması ve aylık performans kontrolü.
Tüm hizmetlerTasarım ilkeleri
Her projede değişmeyen 6 ilke
Önce hız
En güzel tasarım bile 5 saniyede açılıyorsa görülmez. Performans bütçesi tasarımdan önce belirlenir.
Mobil önce
Ziyaretçilerin çoğu telefondan gelir. Tasarım küçük ekranda başlar, büyük ekrana doğru genişler.
Erişilebilirlik herkes içindir
Görme, işitme ya da motor zorluğu yaşayan herkes siteyi kullanabilmeli: WCAG 2.2 AA hedeflenir.
Her piksel bir amaç taşır
Süs için eklenen öğe yoktur; her bölüm ziyaretçiyi bir sonraki adıma taşır.
SEO doğuştan gelir
Arama uyumu sonradan eklenen bir yama değil; başlık yapısından URL’ye kadar mimarinin parçasıdır.
Siteyi siz yönetirsiniz
Kolay yönetim paneli ve kısa bir eğitimle içeriklerinizi kimseye bağımlı olmadan güncellersiniz.
Sıkça sorulan sorular
Web tasarım uzmanı hakkında merak edilenler
Web tasarım uzmanı ne yapar?
Web tasarım uzmanı; bir web sitesinin bilgi mimarisini, arayüzünü, kullanıcı deneyimini ve teknik altyapısını planlayıp hayata geçiren kişidir. Yusuf Karabulut bu işi 3 Katmanlı Modern Web Mimarisi ile yürütür: Çekirdek (performans ve altyapı), Deneyim (arayüz ve erişilebilirlik) ve Zekâ (SEO/GEO, dönüşüm ve ölçüm).
Bir web sitesi ne kadar sürede hazırlanır?
Kurumsal bir tanıtım sitesi ortalama 3–5 hafta, tek sayfalık bir landing page 1–3 hafta, e-ticaret sitesi ise ürün sayısına bağlı olarak 6–12 hafta sürer. Sürenin en büyük belirleyicisi içeriklerin hazır olma durumudur.
3 Katmanlı Modern Web Mimarisi nedir?
3 Katmanlı Modern Web Mimarisi, Yusuf Karabulut’un bir web sitesini Çekirdek, Deneyim ve Zekâ olarak üç katmanda tasarladığı yöntemdir. Çekirdek hızı ve güvenliği, Deneyim kullanılabilirliği ve erişilebilirliği, Zekâ ise arama görünürlüğünü, dönüşümü ve ölçümü kapsar.
Web Kalite Skoru (WKS) nasıl hesaplanır?
WKS = 0,25 × Hız + 0,25 × Deneyim + 0,20 × Erişilebilirlik + 0,15 × SEO Altyapısı + 0,15 × Güven ve Dönüşüm formülüyle hesaplanır. Her bileşen 0–100 arasında puanlanır; 85 ve üzeri referans kalitesinde, 45’in altı ise yenileme gerektiren bir siteyi ifade eder.
Scrollytelling nedir, siteyi yavaşlatır mı?
Scrollytelling, sayfa kaydırıldıkça öğelerin hareket ettiği, sabitlendiği ve dönüştüğü hikâye anlatımı tekniğidir. Doğru kurulduğunda yavaşlatmaz: bu sayfa harici animasyon kütüphanesi kullanmadan, yalnızca yerleşik CSS ve birkaç kilobaytlık JavaScript ile çalışır.
Mobil uyumlu (responsive) tasarım neden zorunludur?
Ziyaretçilerin büyük çoğunluğu siteye telefondan gelir ve Google siteleri mobil sürümlerine göre değerlendirir (mobile-first indexing). Mobilde zor kullanılan bir site hem müşteri hem de sıralama kaybettirir.
Web Tasarım Uzmanı Yusuf Karabulut hangi bölgelere hizmet veriyor?
Yusuf Karabulut Denizli merkezlidir ve Türkiye genelindeki işletmelere uzaktan web tasarım hizmeti verir. Denizli’deki işletmelere yönelik hizmet detayları Denizli Web Tasarım Uzmanı sayfasındadır.
İletişim
Sitenizi 3 katmanda birlikte kuralım
Mevcut sitenizin WKS puanını çıkaralım ya da yeni projenizin iskeletini birlikte çizelim. İlk görüşme ücretsizdir.
Yazar: Yusuf Karabulut · Son güncelleme: