Kurumsal kimlik yalnızca bir logodan ibaret değildir; renkler, yazı karakterleri, görsel dil ve iletişim tonu bir araya gelerek markanın tanınan yüzünü oluşturur. Web sitesi ise bu kimliğin en sık görüldüğü yerdir; ikisi arasındaki bağ ne kadar güçlüyse marka da o kadar tutarlı ve güvenilir görünür.
Kimliğin dijitaldeki karşılığı
Pek çok kurumsal kimlik çalışması basılı materyaller düşünülerek hazırlanır: kartvizit, antetli kâğıt, katalog, tabela. Web ise farklı ekran boyutları, ışıklı ekranlar, etkileşimli ögeler ve hız gereksinimleriyle kendine özgü kurallar getirir. Bu nedenle kimliği web ortamına taşımak, basılı tasarımı ekrana kopyalamak değil, onu dijitalin diline çevirmektir.
Logo: tek dosya yetmez
Web sitesinde logo üst menüde, alt bilgi alanında, tarayıcı sekmesinde ve sosyal medya paylaşım önizlemelerinde farklı boyut ve zeminlerde görünür. Bu yüzden tek bir JPEG dosyası yerine eksiksiz bir logo seti gerekir:
- Vektörel ana dosya: Her boyutta keskin görünen SVG ya da benzeri vektörel bir format.
- Yatay ve dikey yerleşimler: Dar alanlar ve mobil menüler için uygun varyasyonlar.
- Tek renk ve beyaz sürüm: Koyu zeminler, fotoğraf üstü kullanımlar ve alt bilgi alanı için.
- Simge ve site ikonu: Tarayıcı sekmesinde görünen küçük ikon (favicon) ve uygulama ikonu için sadeleştirilmiş işaret.
Logonun çevresinde bırakılması gereken boşluk ve en küçük kullanım boyutu gibi kurallar web tasarımında da aynen geçerlidir.
Renk: ekranda yeniden tanımlanmalı
Basılı işlerde CMYK ya da Pantone kodlarıyla tanımlanan renkler, ekranda HEX ve RGB değerleriyle ifade edilir. Bu dönüşüm her zaman birebir değildir; basılı üründe güzel duran bir ton ekranda soluk ya da fazla canlı görünebilir. Renklerin dijital karşılıklarını farklı ekranlarda test ederek netleştirmek gerekir.
Erişilebilirlik de renk kararlarının bir parçasıdır. Uluslararası erişilebilirlik yönergeleri WCAG, AA düzeyinde normal boyuttaki metinler için metin ile zemin arasında en az 4,5:1, büyük metinler için en az 3:1 kontrast oranı ister. Marka renginiz açık bir tonsa onu metin rengi olarak değil, vurgu ya da zemin rengi olarak kullanmak daha doğru olabilir.
Renklerin rolleri de baştan belirlenmelidir: Hangi renk ana eylem düğmeleri (CTA, ziyaretçiyi bir adım atmaya çağıran düğme ve bağlantılar) için, hangisi uyarılar ve metin içi bağlantılar için kullanılacak? Bu kararlar netleştiğinde site büyüdükçe tutarlılık korunur.
Tipografi: lisans, Türkçe karakter ve hız
Yazı karakteri, markanın sesini görünür kılan en güçlü ögelerden biridir. Web sitesinde kullanırken şu noktalara dikkat edin:
- Web lisansı: Masaüstü kullanım için satın alınan bir yazı karakteri, web sitesinde kullanılmak için çoğu zaman ayrı bir lisans gerektirir. Lisans koşullarını proje başında kontrol edin.
- Türkçe karakter desteği: "ğ, ş, ı, İ" gibi harfler yazı karakterinde yoksa tarayıcı bunları başka bir yazı tipinden tamamlar ve metin yamalı görünür. Seçilen yazı tipinin Türkçe karakterleri eksiksiz desteklediğinden emin olun.
- Ağırlık sayısı: Her kalınlık ve stil ayrı bir dosya demektir; gereksiz ağırlıklar sayfayı yavaşlatır. Çoğu site için iki yazı ailesi ve sınırlı sayıda ağırlık yeterlidir.
- Yedek yazı tipleri: Web yazı tipi yüklenene kadar görünen sistem yazı tipinin ölçüleri ana yazı tipine yakın seçilirse yükleme sırasında metin kayması azalır.
Görsel dil ve iletişim tonu
Fotoğraf seçimi, ikon stili, illüstrasyon kullanımı ve boşluk anlayışı da kimliğin parçasıdır. Hazır görsel arşivlerinden seçilen, her sitede karşılaşılabilecek fotoğraflar markayı sıradanlaştırır; mümkün olduğunca kendi tesisinizi, ekibinizi ve ürünlerinizi gösteren özgün çekimler kullanın.
Kimlik yalnızca görsel değildir. Düğme metinleri, form uyarıları ve hata mesajları da markanın sesini taşır. Resmî bir dil mi, yoksa samimi ama özenli bir ton mu? Bu kararın sitenin her köşesinde tutarlı biçimde uygulanması, ziyaretçinin markayı tanıdık bulmasını sağlar.
Her markanın kimliği farklıdır ve web tasarımı da bu farkı yansıtmalıdır. Aynı şablonun yalnızca renkleri değiştirilerek farklı markalara uyarlanması kimliği zayıflatır. Biz her projede tasarımı markanın kendi renkleri, karakteri ve hedef kitlesi üzerine kuruyoruz.
Web projesine başlamadan önce hazırlayın
Tasarım sürecinin hızlı ve isabetli ilerlemesi için şu malzemeleri baştan bir araya getirmek büyük kolaylık sağlar:
- Vektörel logo dosyaları ve tüm varyasyonları
- Renk kodları, mümkünse dijital karşılıklarıyla birlikte
- Kullanılan yazı karakterleri ve lisans bilgileri
- Varsa kurumsal kimlik kılavuzu
- Ürün, tesis ve ekip fotoğrafları
Kurumsal kimliğiniz henüz dijital kullanım için tanımlanmadıysa web projesi bunu yapmak için iyi bir fırsattır. Web için alınan renk, tipografi ve bileşen kararları, kimlik kılavuzunuzun dijital bölümü olarak kayıt altına alınabilir. Hazırlığa briefing formumuzla başlayabilir, farklı markalar için ürettiğimiz çözümleri görmek için projelerimize göz atabilirsiniz.
