Kurumsal Web Tasarımı

Kurumsal web tasarımı nedir, neleri kapsar?

Kurumsal web tasarımı, bir şirketin web sitesinin bilgi mimarisini, metinlerini, arayüzünü, kodunu ve arama altyapısını tek bir plan içinde kurmaktır. İş, ana sayfanın nasıl görüneceğinden çok önce, sitenin kime neyi hangi sırayla anlatacağına karar vermekle başlar.

Web sitesi tasarımı denince çoğu zaman yalnızca ekran tasarımı anlaşılıyor. Oysa ziyaretçinin aradığını bulamaması, formun mobilde zor doldurulması ya da sitenin Google'da hiç görünmemesi görsel sorunlardan değil, planlama eksikliğinden doğar. Bu yüzden kapsamı baştan bütün olarak tanımlıyoruz.

Bir kurumsal web projesinde genellikle şu parçalar birlikte ele alınır:

• Site haritası ve bilgi mimarisi: hangi sayfaların olacağı, menüde nasıl gruplanacağı
• Mesaj hiyerarşisi ve sayfa metinleri: her sayfanın tek bir ana fikri ve net bir çağrısı
• Arayüz ve bileşen tasarımı: mobil, tablet ve masaüstü için ayrı ayrı düşünülmüş ekranlar
• Geliştirme, içerik yönetim paneli ve yayına alma
• Teknik SEO, yapılandırılmış veri ve ölçüm kurulumu

Hazır tema mı, özel tasarım mı?

Hazır tema hızlı ve ekonomik bir başlangıç sunar; kısa ömürlü bir tanıtım sayfası ya da yeni kurulan bir işletmenin ilk sitesi için mantıklı olabilir. Sorun, temanın sizin içeriğinize göre değil, olabildiğince çok işletmeye uyacak şekilde yazılmış olmasıdır.

Bunun iki bedeli var. Birincisi ayırt edilebilirlik: aynı temayı kullanan siteler birbirine benzer ve ziyaretçi sizi rakipten ayıramaz. İkincisi performans: her ihtimale karşı eklenmiş özellikler, kullanmadığınız kod olarak sayfayı ağırlaştırır ve hız değerlerini düşürür.

Özel tasarımda sayfa yapısı, içerik sırası ve bileşenler markanıza göre kurulur ve yalnızca gereken kod yazılır. Aşağıdaki sorulardan çoğuna “evet” diyorsanız, tema başta ucuz görünse de sonradan yapılan uyarlamalar çoğu zaman bu farkı kapatır.

Özel tasarım, her şeyin sıfırdan kodlanması anlamına da gelmez. Sağlam ve yaygın kullanılan bir altyapının üzerine markaya özel bir arayüz kurmak, hem güvenlik güncellemelerini kolaylaştırır hem de siteyi tek bir geliştiriciye bağımlı olmaktan kurtarır.

• Site, teklif talebi ya da satış gibi ölçülebilir bir iş yapacak mı?
• Kurumsal kimliğiniz, temanın sunduğu yazı tipleri ve düzenlerle doğru yansıyor mu?
• Birden fazla dil, özel formlar ya da başka sistemlerle entegrasyon gerekiyor mu?
• Site önümüzdeki yıllarda büyüyecek, düzenli olarak yeni sayfalar eklenecek mi?

Web sitesi yaptırmak istiyorum: süreç nasıl işler?

Web sitesi yaptırmak isteyen bir şirket için süreç, hedefin netleşmesiyle başlar: site neyi başarırsa işini yapmış sayılacak? Teklif talebi toplamak, bayi başvurusu almak, işe alım yapmak ya da yatırımcıya güven vermek birbirinden farklı sayfa yapıları ister.

İlk görüşmeden önce elinizde şunlar varsa süreç hızlanır: mevcut sitenin ziyaret verileri, beğendiğiniz ve beğenmediğiniz birkaç örnek site, içerikten sorumlu kişi ve son onayı verecek karar verici. Ofisimiz İstanbul Ataşehir'de; toplantıları yerinde ya da online yapıyoruz.

İstanbul'da web tasarım ajansı seçerken birkaç soru yol gösterir: Yaptıkları işler canlı olarak incelenebiliyor mu? Tasarımı ve kodu aynı ekip mi üstleniyor, yoksa iş aradaki boşlukta mı kalıyor? Metinleri kim yazıyor? Yayından sonra bir sorun çıktığında muhatap kim olacak? Bu soruların net cevabı, tekliflerdeki rakamlardan daha çok şey söyler.

Proje genellikle şu sırayla ilerler:

• Keşif: hedefler, hedef kitle, rakipler ve mevcut sitenin analizi
• Bilgi mimarisi ve wireframe: renk ve görsel olmadan sayfa haritası ve içerik iskeleti
• Metin: sayfa başlıkları, mesajlar ve arama niyetine göre yazılmış içerik
• Arayüz tasarımı: kimliğin ekrana taşınması, önce mobil sonra geniş ekranlar
• Geliştirme ve içerik girişi
• Test ve yayın: farklı cihaz ve tarayıcılarda kontrol, yönlendirmeler, ölçüm kurulumu
• Yayın sonrası: ilk haftalarda arama ve kullanım verilerinin izlenmesi

SEO uyumlu web tasarım ne demek?

SEO uyumlu web tasarım, sitenin yayına girdikten sonra değil, tasarlanırken arama motorlarının okuyabileceği şekilde kurulmasıdır. Başlık hiyerarşisi, adres yapısı ve sayfa hızı birer tasarım kararıdır; sonradan bir eklentiyle düzeltilmeleri zordur.

Teknik tarafta her sayfanın kendine ait başlığı ve açıklaması, tek bir H1'i ve anlamlı bir adresi olur. Site haritası, canonical etiketi ve Schema.org yapılandırılmış verisi en baştan kurulur. Mevcut bir siteden geçiliyorsa eski adreslerin yeni karşılıklarına kalıcı (301) yönlendirilmesi, kazanılmış sıralamaları korumanın en önemli adımıdır.

SEO uyumu yalnızca teknik bir mesele değildir; sayfa yapısıyla da ilgilidir. Bütün hizmetleri tek bir sayfada sıralayan bir site, çoğu zaman hiçbiri için öne çıkamaz. Her hizmete ve önemli soruya kendi sayfasını vermek, arayan kişiyi doğrudan aradığı cevaba indirir.

GEO (generative engine optimization) ise ChatGPT, Perplexity ya da Google'ın yapay zekâ özetleri gibi sistemlerin sitenizi kaynak olarak kullanabilmesi için içeriği düzenlemektir. Soruları açıkça cevaplayan bölümler, şirket bilgisinin her yerde tutarlı olması ve yapılandırılmış veri burada da işe yarar. Konuyu SEO ve GEO rehberimizde ayrıntılı anlattık.

• Her sayfa için bir hedef sorgu ve ona uygun başlık
• Anlamlı başlık hiyerarşisi (H1, H2, H3)
• Görseller için açıklayıcı dosya adı ve alt metin
• Organization, BreadcrumbList ve FAQPage gibi yapılandırılmış veriler
• Search Console doğrulaması ve site haritası gönderimi

Hız, mobil uyum ve çok dilli site altyapısı

Google siteleri büyük ölçüde mobil sürümleri üzerinden tarıyor ve değerlendiriyor. Bu yüzden tasarıma mobil ekrandan başlıyoruz: menü, form ve çağrı butonları başparmakla rahat kullanılacak şekilde yerleşiyor, geniş ekran sürümü bunun üzerine kuruluyor.

Hız tarafında Google'ın Core Web Vitals ölçütleri yol gösterir: ana içeriğin ne kadar sürede göründüğü, sayfanın dokunuşa ne kadar çabuk cevap verdiği ve yükleme sırasında öğelerin yerinden kayıp kaymadığı. Görsellerin doğru boyut ve formatta sunulması, gereksiz betiklerin ayıklanması ve yazı tiplerinin sitenin kendi sunucusundan yüklenmesi bu değerleri doğrudan etkiler. Ayrıntıları Dönüşüm ve Site Performansı sayfamızda anlattık.

Çok dilli sitede her dilin kendi adresi olmalı (ör. /en/), sayfalar hreflang etiketiyle birbirine bağlanmalı ve arayüzün tamamı, yani menü, form uyarıları ve hata mesajları da çevrilmelidir. Metin birebir çevrilmek yerine o dilde arayan kişinin kullandığı kelimelerle yazıldığında, yurt dışından gelen ziyaretçi de siteyi kendi aramasında bulabilir.