Kurumsal
Web Tasarım
Profesyonel Şirket Web Sitesi
Next.js, Astro, Webflow veya WordPress — hangi teknoloji uygunsa. Kurumsal kimlik, dönüşüm mimarisi ve teknik mükemmeliyetle.
Teknoloji
Araç,
Strateji
Hedef.
Kurumsal web sitesi bir dijital kartvizit değildir. B2B pazarda web sitesi en güçlü satış aracıdır: şirketinizi ilk araştıran potansiyel müşteri tam da burada sizi değerlendirip elemeye ya da ilerlemeye karar verir. Bu sürecin her saniyesi tasarım kararlarıyla şekillenir.
Doğru teknoloji seçimi bu sürecin temelini oluşturur. Next.js dinamik ve veri yoğun kurumsal portallar için; Astro içerik ağırlıklı, SEO öncelikli kurumsal siteler için; Webflow tasarım kalitesi ve düşük bakım yükü için; WordPress geniş içerik yönetimi ve ekosistemi için; TypeScript / Vanilla JS ise platform bağımsız özel geliştirmeler için tercih edilir.
Her proje, iş hedeflerinizi ve teknik gereksinimlerinizi karşılayan platform seçimiyle başlar. Ardından bilgi mimarisi, UX tasarımı, bileşen sistemleri ve teknik implementasyon tek bir çizgide ilerler. Dönüşüm hunisinin her noktası — ilk tıklamadan form gönderimine kadar — kasıtlı olarak tasarlanır.
Sonuç: Google'da görünür, ziyaretçiyi müşteriye dönüştüren ve teknik altyapısı gelecek büyümeyi kaldıracak bir kurumsal web sitesi.
Hangi Teknoloji Ne Zaman Doğru?
Meta'nın React üzerine inşa ettiği full-stack framework. App Router mimarisiyle SSR, SSG ve ISR aynı projede bir arada kullanılabilir. API Routes ile backend mantığı da aynı repoda yaşar.
- ◆SaaS ve yazılım şirketleri
- ◆Büyük kurumsal portallar
- ◆Gerçek zamanlı veri gerektiren siteler
- ◆E-ticaret ve Headless Commerce
- ◆Çok dilli global markalar
- ✓Tam esneklik — statik + dinamik aynı projede
- ✓En büyük React ekosistemi
- ✓Vercel edge network ile küresel hız
- —Öğrenme eğrisi (React bilgisi gerekir)
- —Hosting maliyeti sunucu gerektirir
- —Küçük projeler için overkill olabilir
Sıfır JavaScript varsayımı üzerine inşa edilmiş modern static site framework. Sadece etkileşim gerektiren bileşenler JavaScript yükler (Islands). Sonuç: rakipsiz Core Web Vitals ve SEO.
- ◆İçerik odaklı kurumsal siteler
- ◆Hız ve SEO öncelikli landing page
- ◆Blog ve bilgi bankası
- ◆Çoklu framework entegrasyonu gereken projeler
- ◆Bu sitenin kendi altyapısı
- ✓En yüksek Core Web Vitals skoru
- ✓Minimum JavaScript yükü
- ✓Herhangi bir UI framework ile çalışır
- —Dinamik özellikler ek konfigürasyon gerektirir
- —WordPress kadar büyük ekosistem yok
- —Büyük SaaS için tek başına yetmeyebilir
Kod yazmadan profesyonel tasarım üretmeyi sağlayan no-code platform. CSS'in görsel karşılığı olan Webflow, piksel mükemmeliyetinde tasarım + temiz kod çıktısı + dahili hosting sunar.
- ◆Tasarım öncelikli kurumsal siteler
- ◆Pazarlama landing page'leri
- ◆İçerik pazarlama siteleri
- ◆Ajans ve kreatif portföyler
- ◆Hızlı prototipleme ve MVP
- ✓Mükemmel tasarım çıktısı
- ✓Düşük bakım yükü
- ✓Dahili hosting — hosting derdi yok
- —Aylık platform ücreti
- —CMS kayıt sınırı (plan bazlı)
- —Karmaşık backend mantığı zor
Web sitelerinin %43'ünü destekleyen açık kaynaklı CMS. Full-stack WordPress veya Headless (WordPress + Next.js/Astro frontend) olarak kullanılabilir. Geniş plugin ekosistemi ve içerik yönetimi kolaylığı.
- ◆İçerik yoğun kurumsal siteler
- ◆Blog ve haber portalları
- ◆WooCommerce e-ticaret
- ◆Headless CMS (API backend)
- ◆Teknik ekip olmayan şirketler
- ✓En geniş ekosistem
- ✓Kolay içerik yönetimi
- ✓WooCommerce güçlü e-ticaret
- —Güvenlik güncellemesi gerektirir
- —Çok plugin = yavaşlama riski
- —Hosting kalitesi kritik
Tüm modern web'in temel dili. TypeScript ile tip güvenliği eklenerek büyük ölçekli projelerde hata oranı dramatik düşer. Vanilla JS performansı ve framework overhead'i olmadan özel çözümler için idealdir.
- ◆Framework'süz özel geliştirmeler
- ◆Micro-interactions ve animasyonlar
- ◆Web API entegrasyonları
- ◆Performance-critical modüller
- ◆Mevcut sisteme eklenti
- ✓Sıfır framework bağımlılığı
- ✓En küçük bundle boyutu
- ✓Her platforma entegre edilebilir
- —Büyük projede yapı yönetimi zorlaşır
- —Modern toolchain gerektir (Vite, esbuild)
- —TypeScript öğrenme eğrisi
| Özellik | Next.js | Astro | Webflow | WordPress | JS / TS |
|---|---|---|---|---|---|
| Render Modu | SSR + SSG + ISR | SSG + SSR | SSG | SSR + Caching | Statik |
| Core Web Vitals | Yüksek | Mükemmel | Yüksek | Orta* | Mükemmel |
| Öğrenme Eğrisi | Orta (React) | Düşük-Orta | Düşük | Düşük | Değişken |
| Dinamik Özellikler | Tam destek | Islands | Sınırlı | Plugin ile | Manuel |
| CMS / İçerik Yönt. | Headless | Collections | Dahili CMS | Yerleşik | Harici |
| E-ticaret | Headless | Entegrasyon | Sınırlı | WooCommerce | Harici |
| Hosting | Vercel/Node | Netlify/CDN | Dahili | Herhangi | CDN/Static |
| Başlangıç Hızı | Orta | Hızlı | Çok hızlı | Hızlı | Orta |
| Ölçeklenebilirlik | Çok yüksek | Yüksek | Orta | Yüksek | Yüksek |
| Topluluk | Çok büyük | Büyüyor | Büyük | Dev büyük | Dev büyük |
* WordPress performansı hosting kalitesi ve optimizasyonla büyük ölçüde iyileştirilebilir.
Kurumsal Web Tasarım Başarı Hikayeleri
TechFlow — B2B SaaS Platformu
Next.js App Router, headless CMS, çok dilli landing page ve ROI hesaplayıcı.
LexGroup — Hukuk Bürosu
Astro statik site, branş sayfaları, SSS yapısı ve müvekkil portalı entegrasyonu.
Vertex Yapı — Proje Portföyü
Webflow CMS, 3D görsel galeri, proje bazlı sayfa yapısı ve form entegrasyonu.
CapitalMind — Yatırım Danışmanlığı
Next.js SSR, gerçek zamanlı veri widget'ları, KVKK uyumlu müşteri portalı.
Nomad Studio — DTC Marka Sitesi
Astro + Shopify headless, ürün detay animasyonları, çok para birimi.
EduPrime — Online Eğitim Platformu
WordPress + LMS entegrasyonu, kurs sayfaları, ödeme altyapısı ve panel.
SwiftLog — Lojistik Platformu
Next.js + teklif hesaplama motoru, çok dilli B2B portal ve tracking entegrasyonu.
TechMetal — Endüstriyel Katalog
Webflow CMS, 500+ ürün kataloğu, teknik PDF indirme ve bayi portalı.
Tasarım Süreci
Keşif & Araştırma
Şirketin hedefleri, hedef kitlesi ve rekabet ortamı analiz edilir. Mevcut site varsa kullanıcı deneyimi denetimi yapılır. Projenin başarı metrikleri (KPI) bu aşamada tanımlanır.
Bilgi Mimarisi & UX
Sayfa hiyerarşisi ve navigasyon yapısı tasarlanır. Kullanıcının siteye giriş noktasından dönüşüm hedefine kadar her adım planlanır. İçerik önceliklendirmesi ve URL şeması belirlenir.
Wireframe & Prototip
Önce siyah-beyaz iskelet sayfalar (wireframe) oluşturulur; içerik önceliği ve düzen kararları alınır. Ardından tıklanabilir prototip ile kullanıcı yolculuğu test edilir.
UI Tasarımı & Design System
Marka rehberine uygun tipografi, renk paleti, spacing sistemi ve bileşen kütüphanesi oluşturulur. Her sayfa tüm breakpoint'lerde (mobil, tablet, masaüstü) tasarlanır. Animasyon ve micro-interaction'lar prototipleştirilir.
Geliştirme & Entegrasyon
Tasarım kodlanır. Seçilen platforma göre (Next.js, Astro, Webflow, WordPress) geliştirme yapılır. API entegrasyonları, form yapıları, CMS bağlantıları ve SEO altyapısı bu aşamada kurulur.
Test, Lansman & Büyüme
Tüm cihaz ve tarayıcılarda test. Core Web Vitals, SEO ve erişilebilirlik denetimleri. Lansman sonrası 30 gün izleme. Analytics ve conversion tracking doğrulaması. Aylık performans raporları.
Kurumsal Web Tasarımda Neler Var?
Strateji & UX Araştırma
Hedef kitle analizi, rakip incelemesi, kullanıcı yolculuğu haritası ve dönüşüm hedefi tanımlaması.
Figma Design System
Tipografi, renk sistemi, spacing, bileşen kütüphanesi ve design tokens. Tutarlı ve ölçeklenebilir UI.
Hizmet & Çözüm Sayfaları
Her hizmet için ayrı, SEO optimize edilmiş derinlemesine sayfalar. Rakip anahtar kelimeleri hedefler.
B2B Lead Generation
Teklif formu, demo talebi, whitepaper indirme — huninin her noktasına yerleştirilmiş dönüşüm CTA'ları.
CMS & İçerik Yönetimi
Blog, haber, case study, ekip üyeleri — teknik bilgi gerektirmeyen panel üzerinden tam kontrol.
Çok Dilli Mimari
TR / EN / DE / AR — her dil için ayrı hreflang, SEO meta verisi ve URL yapısı.
Performans & Core Web Vitals
LCP, CLS, INP optimizasyonu. Lighthouse 90+ hedefi. CDN, resim sıkıştırma, lazy load standart.
Analitik & Dönüşüm İzleme
GA4, Search Console, form dönüşümü, heatmap entegrasyonu. Veriye dayalı büyüme kararları.
Kurumsal Web Tasarımda Kritik Detaylar
Marka Mimarisi Önce
Renk, tipografi, boşluk ve görsel dil sistematik bir design token yapısına oturtulur. Tasarım tutarlılığı sağlanır; her sayfa marka dilini konuşur.
İçerik Önce (Content-First)
Wireframe ve prototip aşamasında gerçek içerikle çalışılır. "Lorem ipsum" sonradan doldurulan bir şablon değil; içerik mimariyi şekillendirir.
Performans Sözleşmesi
Her proje için Core Web Vitals hedef değerleri (LCP, CLS, INP) baştan belirlenir ve lansmandan önce bu eşikler test edilir. Performans sözleşme kapsamındadır.
Mobil-Önce Geliştirme
Tasarım ve kodlama mobil ekrandan başlar, masaüstüne doğru genişler. Kurumsal B2B trafiğinin %60'ından fazlası artık mobil cihazdan geliyor.
Erişilebilirlik (A11y)
WCAG 2.1 AA standartlarına uyum: renk kontrastı, klavye navigasyonu, ekran okuyucu uyumu ve ARIA etiketleri. Hem etik hem yasal bir zorunluluk.
SEO Lansmanla Birlikte
Teknik SEO altyapısı — title, meta, schema, sitemap, canonical, robots.txt — ilk günden hazır. SEO sonradan eklenen bir katman değil, temele gömülü bir bileşen.
Güvenlik Altyapısı
HTTPS, CSP başlıkları, form koruması (bot filtreleme, rate limiting), güvenli bağımlılık yönetimi. Kurumsal site güvenlik açığı kabul etmez.
Uzun Vadeli Bakım
Aylık bakım planları: güvenlik güncellemeleri, platform sürüm takibi, içerik değişiklikleri, uptime izleme ve aylık performans raporu.
Hangi Sektörlerde Kurumsal Web Sitesi Yapıyorum?
Sıkça Sorulan Sorular
Karar, projenin işlevsel gereksinimlerine, bakım kapasitesine ve büyüme hedeflerine göre şekillenir. SaaS, portal veya gerçek zamanlı veri gerektiren projeler için Next.js; içerik ağırlıklı, SEO öncelikli kurumsal siteler için Astro; tasarım kalitesi ve düşük bakım yükü için Webflow; geniş içerik yönetimi ve ekosistem için WordPress tercih edilir. Ön görüşmede birlikte en uygun platformu belirleriz.
Kesinlikle. Astro, JavaScript yükünü minimumda tutarak mükemmel Core Web Vitals skoru üretir — içerik odaklı kurumsal siteler için idealdir. Next.js ise kullanıcı oturumu, gerçek zamanlı veri, API entegrasyonları ve karmaşık iş mantığı gerektiren projeler için gereklidir. İkisi birbirini dışlamaz; Next.js projelerinde Astro'nun yaklaşımından esinlenen optimizasyonlar uygulanabilir.
Orta ölçekli kurumsal siteler için kesinlikle güçlüdür. Webflow CMS, şirket haberleri, blog, proje portföyü ve ekip sayfaları gibi içerikleri yönetebilir. Ancak kullanıcı oturumu, karmaşık form işleme, veritabanı entegrasyonu veya özel iş mantığı gerektiriyorsa Webflow kısıtlı kalır; bu durumda Next.js veya özel geliştirme daha uygun olur.
Evet, ancak doğru kullanım senaryosunda. WordPress'in güçlü olduğu alanlar: zengin içerik ekosistemi, blog/haber yönetimi, WooCommerce e-ticaret ve teknik ekibi olmayan şirketler için kolay yönetim. Headless WordPress (WordPress backend + Next.js/Astro frontend) ise hem içerik esnekliğini hem modern frontend performansını bir arada sunar.
Orta ve büyük ölçekli projelerde TypeScript'i kesinlikle tercih ediyorum. Statik tip kontrolü runtime hatalarını derleme zamanında yakalar; özellikle API entegrasyonları ve büyük bileşen kütüphanelerinde hata oranı dramatik biçimde düşer. Küçük projeler veya hızlı prototipleme için JavaScript yeterlidir, ancak proje büyüdükçe TypeScript'e geçmek zorunlu hale gelir.
Design system olmadan büyüyen bir site kaotik hale gelir: farklı sayfalarda farklı buton boyutları, tutarsız renk kullanımı, tekrarlayan bileşenler. Design tokens (renk, tipografi, spacing) ve bileşen kütüphanesi; hem tasarım tutarlılığını hem de geliştirme hızını garantiler. Yeni sayfa veya özellik eklemek, var olan sistemi genişletmek demektir.
Google, Mayıs 2021'den itibaren sayfa deneyimi sinyallerini (LCP, CLS, INP) sıralama faktörü olarak kullanıyor. LCP (en büyük içerik çizimi) 2.5 saniyenin altında olmalı; CLS (kümülatif düzen kayması) 0.1'in altında olmalı; INP (etkileşime yanıt süresi) 200ms altında olmalı. Bu eşikleri aşan kurumsal siteler, rakiplerine göre sıralama kaybı yaşar.
B2B satın alma süreci genellikle 3–6 ay sürer ve birden fazla karar vericisi vardır. Bu süreçte ziyaretçiyi besleyen içerik (whitepaper, case study, ROI hesaplayıcı), güven unsurları (müşteri logoları, sertifikalar, referanslar) ve funnel'ın her aşamasına yerleştirilmiş dönüşüm noktaları (demo talebi, ücretsiz deneme, teklif formu) kritik rol oynar. Tek bir büyük CTA yerine çok adımlı dönüşüm hunisi kurgulanır.
Headless CMS, içerikleri bir backend'de yönetip API ile istediğiniz frontend'e sunar (WordPress, Contentful, Sanity, Strapi). Frontend teknoloji seçimi özgürleşir; aynı içerik web, mobil uygulama ve dijital panel için kullanılabilir. Büyük kurumsal projeler, çok kanallı dijital varlık veya performans öncelikli siteler için ideal tercih.
Her platform farklı yaklaşım gerektirir: Next.js'te i18n routing ve statik generateStaticParams; Astro'da dil bazlı route yapısı; WordPress'te WPML veya Polylang; Webflow'da Localize özelliği. Her dil için ayrı hreflang etiketi, SEO meta verileri ve URL yapısı (örn. /en/, /de/, /ar/) zorunludur. Arapça ve Farsça için RTL tasarım desteği ayrıca uygulanır.
Webflow veya WordPress ile 5–10 sayfalık temel kurumsal site: 3–5 hafta. 15–30 sayfalık orta ölçek, CMS entegrasyonlu: 6–10 hafta. Next.js veya özel geliştirme, portal özellikleri içeren büyük kurumsal: 10–16 hafta. İçerik hazırlığı, onay döngüleri ve üçüncü taraf entegrasyonlar süreci etkiler.
Aylık bakım paketleri: güvenlik yamaları, platform sürüm güncellemeleri, küçük içerik değişiklikleri, uptime izleme ve aylık performans raporu. Next.js ve Astro projeleri için bağımlılık güncellemeleri ve deployment yönetimi dahildir. WordPress için otomatik yedekleme, güvenlik taraması ve plugin yönetimi standart kapsamdadır.