Ziyaretçi bir markayı çoğu zaman ilk kez web sitesinde görür. Logo başka, renkler başka, her sayfa ayrı bir tasarımdaysa aklında "Bu şirket ciddi mi?" sorusu oluşur. Bu yazıda web tasarımın neden önemli olduğunu, kurumsal kimliğin siteye nasıl taşındığını ve güveni kuran bilgileri, ölçülebilir ölçütlerle birlikte anlatıyoruz.
2,5 sn ana içeriğin yüklenmesi için Google'ın iyi eşiği
4,5:1 normal metin için en düşük kontrast oranı (WCAG 2.2 AA)
0,1 sayfa kayması (CLS) için iyi eşik
Kurumsal kimlik nedir, web tasarımla ilişkisi ne?
Kurumsal kimlik, bir markanın logo, renk paleti, yazı tipi, görsel dil ve iletişim üslubundan oluşan, her temas noktasında aynı biçimde uygulanan görsel ve sözel kurallar bütünüdür. Web tasarım bu kuralların dijitaldeki uygulamasıdır: kimlik kılavuzunda tanımlanan her unsur sitede bir bileşene, bir renge, bir başlık stiline dönüşür.
Web tasarım neden önemlidir?
- İlk izlenim: Ziyaretçi, sitenin ne sunduğunu ve kime ait olduğunu ilk ekranda anlamalıdır; anlamazsa geri döner.
- Güven ve itibar: Düzenli, tutarlı ve eksiksiz bilgi veren bir site, işletmenin kendisi hakkında da izlenim yaratır.
- Bulunabilirlik: Google dizine eklemede ve sıralamada sitenin mobil sürümünü kullanır; tasarım kararları aramadaki görünürlüğü doğrudan etkiler.
- Marka hatırlanırlığı: Aynı renk, yazı tipi ve görsel dilin tekrar tekrar görülmesi markanın akılda kalmasını sağlar.
- Kullanım kolaylığı: Ziyaretçi aradığını kolay bulduğunda form doldurur, arar ya da satın alır.
Kurumsal kimlik sitede nasıl uygulanır?
| Kimlik unsuru | Sitede karşılığı | Dikkat edilecek |
|---|---|---|
| Logo | Üst menü, alt bilgi, tarayıcı sekmesi simgesi | Açık ve koyu zemin için ayrı sürüm; yüksek çözünürlüklü SVG |
| Renk paleti | Düğmeler, bağlantılar, vurgu alanları | Vurgu rengini az ve tutarlı kullanın; kontrastı ölçün |
| Yazı tipi | Başlık ve gövde metinleri | En fazla iki aile; web yazı tipi dosyalarını sınırlı tutun |
| Görsel dil | Fotoğraf, ikon ve illüstrasyon stili | Tüm sayfalarda aynı ışık, oran ve ikon çizgisi |
| Üslup | Başlıklar, düğme metinleri, hata mesajları | "Siz" ya da "sen" dilinde tutarlılık; sade cümleler |
Tutarlılığı korumanın en sağlam yolu, kimlik kılavuzundan bir bileşen kütüphanesi çıkarmaktır: düğme, form alanı, kart ve başlık stilleri bir kez tanımlanır, her sayfada aynısı kullanılır. Böylece yeni bir sayfa eklendiğinde kimlik kendiliğinden korunur.
Güveni kuran doğrulanabilir bilgiler
Tasarım güven hissi verir; doğrulanabilir bilgi ise bu hissi kanıtlar. Ticaret Bakanlığı'na göre elektronik ticaret yapan hizmet sağlayıcılar sitenin ana sayfasından ulaşılabilen "İletişim" başlığı altında şu bilgileri bulundurmalıdır:
- Tebligata elverişli KEP adresi, e-posta adresi ve telefon numarası
- Varsa işletme adı ya da tescilli marka adı
- Tacirler için ticaret unvanı, MERSİS numarası ve merkez adresi; esnaflar için ad-soyad, vergi kimlik numarası ve adres
- Üyesi olunan meslek odası ve meslekle ilgili davranış kurallarına erişim
Bilmeniz gereken: Eski sitelerin alt bilgisinde görülen ETBİS karekodu uygulaması 2 Eylül 2025'te sonlandırıldı. Karekodu kaldırabilirsiniz; ETBİS kayıt yükümlülüğü ise sürüyor. Ayrıntılar ETBİS kaydı yazımızda.
Erişilebilirlik ve hız: markanın ölçülebilir yüzü
W3C'nin erişilebilirlik standardı WCAG 2.2, AA düzeyinde normal metin için en az 4,5:1, büyük metin için en az 3:1 kontrast oranı ister. Açık gri ya da pastel marka renkleri beyaz zemin üzerinde bu oranı çoğu zaman sağlamaz. Hız tarafında Google, kullanıcıların yüzde 75'inin deneyiminde LCP'nin 2,5 saniyenin, INP'nin 200 milisaniyenin, CLS'nin 0,1'in altında kalmasını hedef olarak verir.
Dikkat: Marka rengi metin için yeterli kontrastı sağlamıyorsa rengi değiştirmek zorunda değilsiniz; o rengi düğme zemini ya da vurgu alanında kullanın, metni daha koyu bir tonla yazın. Kimlik kılavuzunuza web için ayrı "metin rengi" tanımı ekleyin.
Kurumsal kimliği siteye taşımak için 5 adım
- Kılavuzu web için uyarlayın Logo sürümlerini, renk kodlarını, yazı tiplerini ve metin renklerini web kullanımına göre belgeleyin.
- Bileşen kütüphanesi kurun Düğme, form, kart, başlık ve bildirim stillerini bir kez tasarlayıp tüm sayfalarda aynısını kullanın.
- Kontrastı ve hızı ölçün Renk çiftlerini kontrast aracıyla, sayfaları PageSpeed Insights ile kontrol edin.
- Zorunlu bilgileri tamamlayın İletişim sayfasında unvan, MERSİS, adres, telefon, e-posta ve KEP adresini gösterin.
- Metinleri tek üslupla yazın Başlıktan hata mesajına kadar tüm metinleri aynı hitap ve tonda düzenleyin.
Kurumsal sitenin iş sonuçlarına katkısını kurumsal site kurmanın avantajları yazımızda, mevcut sitenin ne zaman yenilenmesi gerektiğini web sitesi yenileme belirtileri yazımızda, güncel tasarım yaklaşımlarını web tasarım trendleri yazımızda anlattık. WebAction olarak kurumsal web tasarım projelerinde kimlik kılavuzunuzu bileşen kütüphanesine çeviriyor, erişilebilirlik ve hız ölçütlerini teslimden önce kontrol ediyoruz.
Sık sorulan sorular
Web tasarım marka değerini nasıl etkiler?
Tutarlı tasarım markanın tanınmasını ve hatırlanmasını sağlar; eksiksiz bilgi ve kolay kullanım ise güven oluşturur. Bu ikisi birlikte, ziyaretçinin markayı tercih etme olasılığını artırır.
Web sitesinde hangi şirket bilgileri bulunmalı?
E-ticaret yapan işletmeler "İletişim" başlığı altında KEP adresi, e-posta, telefon ile tacirse ticaret unvanı, MERSİS numarası ve merkez adresini; esnafsa ad-soyad, vergi kimlik numarası ve adresini göstermelidir.
ETBİS karekodunu sitemde göstermem gerekiyor mu?
Hayır. Ticaret Bakanlığı karekod uygulamasını 2 Eylül 2025'te sonlandırdı. ETBİS'e kayıt yükümlülüğü ise devam ediyor.
Marka rengim erişilebilirlik kuralına uymuyorsa ne yapmalıyım?
Rengi vurgu ve düğme zemininde kullanmaya devam edin, metin için daha koyu bir ton tanımlayın. WCAG 2.2 AA düzeyinde normal metin için en az 4,5:1 kontrast gerekir.
Kaynaklar
- Ticaret Bakanlığı, Elektronik ticaret sık sorulan sorular (28.09.2026)
- Ticaret Bakanlığı, ETBİS Karekod Uygulaması Sonlandırılmıştır (28.09.2026)
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2 (28.09.2026)
- web.dev, Web Vitals (28.09.2026)
- Google Search Central, Mobile-first indexing best practices (28.09.2026)
