Kurumsal kimlik nedir, web sitesiyle ilişkisi ne?

Kurumsal kimlik, firmanızın her yerde aynı görünmesini sağlayan kurallar bütünüdür: logo, renkler, yazı tipleri ve bunların nerede nasıl kullanılacağı. Kartvizitten araç giydirmesine, teklif dosyasından siteye kadar hepsi aynı sistemden beslenir.

Soru genelde şöyle geliyor: "Logom var zaten, yeter mi?" Duruma göre yeter. Aşağıda ne zaman yettiğini, ne zaman yetmediğini yazdık.

Kurumsal kimlik neleri kapsar?

Logo işin görünen ucu ama tek parçası değil. Bir kimlik sistemi tipik olarak şunları tanımlar:

Logonun kendisi ve varyasyonları. Yatay kullanım, dikey kullanım, tek renk hali, koyu zeminde kullanım, en küçük kullanım boyutu ve çevresinde bırakılması gereken boşluk. Sitede bu varyasyonların hepsi gerekir: üst menüde yatay, mobilde yalnız simge, koyu alt bölümde açık renkli sürüm.

Renk paleti. Ana renk, yardımcı renkler, nötr tonlar. Her rengin baskı (CMYK), ekran (HEX/RGB) ve mümkünse Pantone karşılığı yazılı olmalı. Web için HEX kodu şart; "mavimiz" demek bir tanım değildir.

Yazı tipleri. Başlık ve gövde için ayrı seçim, ağırlık kademeleri, web sürümü olup olmadığı. Baskı için lisanslanmış bir yazı tipinin web lisansı ayrı satın alınır; bu detay çok atlanıyor.

Ses tonu. Müşteriye nasıl hitap edildiği, siz mi sen mi, hangi kelimelerin kullanılmadığı. Görsel kadar belirleyicidir.

Uygulama örnekleri. Kartvizit, antetli kâğıt, e-posta imzası, sunum şablonu, sosyal medya görselleri, araç ve tabela.

Bunların bir belgede toplanmış hali marka kılavuzu olarak anılıyor.

Kılavuz yoksa siteye başlanmaz mı?

Başlanır ama pahalıya mal olabilir. Şöyle ayırıyoruz:

Son satır önemli. Site yayına girdikten üç ay sonra logo değişirse, sitedeki her görsel, her ikon seti ve çoğu bölüm yeniden ele alınır. Bu, ikinci bir tasarım turu demektir. Logo değişikliği gündemdeyse siteyi beklettiğimiz oluyor ve bu müşterinin lehine.

Logo dosyası neden vektörel olmalı?

Vektörel dosya (.ai, .eps, .svg) matematiksel olarak tanımlanır; büyütünce bozulmaz. Piksel tabanlı dosya (.jpg, .png) belirli bir boyut için üretilmiştir, büyütüldüğünde kenarlar kırılır.

Pratik sonuç: elinizde sadece kartvizitten kesilmiş bir PNG varsa, o logo tabelada da site başlığında da net çıkmaz. Sitede özellikle iki yerde belli eder kendini; retina ekranlarda ve favicon boyutunda.

Vektörel dosyanız yoksa yapılacak iş logonun yeniden çizilmesidir. Karmaşıklığına göre birkaç saatlik bir çalışma; yeni bir logo tasarlamakla karıştırılmamalı.

Renk seçimi sitede neyi etkiler?

Kurumsal renginizi sitede olduğu gibi kullanmak her zaman mümkün olmuyor ve sebebi estetik değil, okunabilirlik.

Metin rengi ile arka plan arasındaki kontrast oranı belli bir eşiğin altına düşerse metin bir kısım insan için okunamaz hale gelir. WCAG 2.2'nin AA düzeyi normal boyutlu metin için 4,5:1 oranını şart koşuyor. Açık sarı ya da açık gri bir kurumsal renk, beyaz zeminde bu eşiği geçemez.

Çözüm rengi değiştirmek değil, rol dağıtmaktır. Kurumsal renk buton, vurgu ve başlık altı çizgilerinde kullanılır; gövde metni koyu nötr bir tonda kalır. Markanın kimliği korunur, metin okunur. Erişilebilirlik tarafının tamamını ayrı bir yazıda ele aldık.

Bir uyarı daha: tek renkle site tasarlanmıyor. Ana renge ek olarak en az bir yardımcı renk, bir uyarı rengi (hata mesajları için) ve üç dört kademe nötr gri gerekir. Kılavuz bunları tanımlamıyorsa tasarımcı kendi seçer ve marka her projede biraz kayar.

Yazı tipi seçiminde nelere dikkat edilir?

Üç şey:

Türkçe karakter desteği. İnternette bedava bulunan çoğu yazı tipinde ı, İ, ş, ğ eksik ya da hatalı çizilmiş oluyor. Sitede "İstanbul" yazan başlığın "Istanbul" görünmesi bu yüzdendir. Seçimden önce bu harfleri tek tek kontrol etmek gerekir.

Web lisansı. Kurumsal kimliğinizde baskı için alınmış bir yazı tipi varsa, onu siteye koymak için web lisansı gerekir. Yoksa görünüm olarak yakın, açık lisanslı bir alternatif seçilir.

Dosya ağırlığı. Her yazı tipi ağırlığı (ince, normal, kalın) ayrı bir dosyadır ve her dosya indirilir. Beş ağırlık yüklemek sayfa açılışını uzatır. İki, en fazla üç ağırlıkla çoğu kurumsal site kurulabilir.

Kimlik önce mi, site önce mi?

İdeali kimlik önce. Gerçek hayatta çoğu firma aynı anda ilerliyor ve bu da yürüyor, yeter ki sıra doğru olsun:

1. Logo ve ana renk kesinleşir.
2. Yazı tipi ailesi seçilir, Türkçe karakter kontrolü yapılır.
3. Renkler web için kontrast açısından test edilir, roller dağıtılır.
4. Site tasarımı bu sistem üzerine kurulur.
5. Sitede ortaya çıkan kararlar (buton biçimleri, ikon dili, fotoğraf üslubu) kılavuza geri yazılır.

Beşinci madde çoğu projede unutuluyor. Site genellikle kimliğin en kapsamlı uygulandığı yerdir; orada alınan kararları belgelemezseniz bir sonraki iş yine sıfırdan başlar.

Bu size gerekmiyor olabilir

İki kişilik bir danışmanlık firmasının Pantone kodlarına, araç giydirme kurallarına ve otuz sayfalık bir kılavuza ihtiyacı yok. Bir sayfalık bir özet yeter: logo dosyaları, iki renk kodu, iki yazı tipi, bir de "şunu yapmayın" listesi.

Kapsamlı kimlik çalışması, bayi ağı olan, farklı ajanslarla çalışan ya da çok sayıda basılı materyal üreten firmalar için anlamlıdır. Öyle bir yapınız yoksa bütçeyi siteye ve içeriğe ayırmak daha iyi sonuç verir.

Elinizdeki logo ve renklerle nasıl bir site çıkacağını konuşmak isterseniz bize ulaşın; kapsamı görmek için web tasarım sayfamıza bakabilirsiniz.