Kurumsal web sitesi tasarımında marka tutarlılığı

Bir web sitesi, bir markanın en çok ziyaret edilen yerlerinden biri olabilir. İnsanlar sizi bir tavsiye, bir arama ya da bir sosyal medya gönderisi üzerinden bulur ve ilk tıkladıkları yer siteniz olur. Bu yüzden sitenin markanın geri kalanından kopuk durması, markanın en görünür yerinde tutarsız görünmesi demektir.

Web sitesi neden ayrı bir proje gibi düşünülür?

Çünkü bazen öyle yapılır. Kimlik bir ekip tarafından tasarlanır, site başka bir ekip tarafından, aylar sonra kurulur. Site ekibinin elinde birkaç logo dosyası vardır, belki bir renk kodu. Geri kalan her şeyi kendisi yorumlar. Sonuçta site güzel olabilir, ama kartvizitteki ve ambalajdaki markayla aynı dili konuşmaz.

Bizim yaklaşımımızda web sitesi kimlik sisteminin bir uygulamasıdır, ayrı bir tasarım değil. Hizmetlerimizde de web deneyimlerini böyle tanımlıyoruz: markanın geri kalanıyla aynı sistem üzerine kurulan siteler; hız ve mobil kullanım tasarımın bir parçası.

Sistem siteye nasıl taşınır?

Kimlik kılavuzundaki her karar sitede bir karşılık bulur.

Yazı tipi. Kılavuzdaki yazı tipi sitenin tek yazı tipi olur. Başlık, metin ve düğme ağırlıkları kılavuzdaki hiyerarşiyi izler.

Renk. Ana renk, destek renkleri ve vurgu rengi sitede de aynı rollerde kullanılır. Vurgu rengi düğmelerde ya da önemli bağlantılarda, destek renkleri arka planlarda.

İşaret. Logo yalnızca sayfanın köşesinde durmaz; işaretin biçimleri sitenin görsel dilinin bir parçası olabilir.

Ses. Sitedeki metinler de kimliğin parçasıdır. Markanın konuşma biçimi, sosyal medyada ve sunumlarda nasılsa sitede de öyle olmalı.

Örnek: kendi sitemiz

kischla.com’u kendi kimlik sistemimiz üzerine kurduk. Sitenin tek yazı tipi, kimliğimizdeki Lexend. Tek vurgu rengi aynı kırmızı. Ana sayfadaki “Üç parça, tek sistem” bölümünde K’mizin üç parçası (dik çubuk, köşeli parça ve nokta) üç kelimeyle yan yana duruyor: yapı, strateji, tasarım. Masaüstünde parçalar sayfa kaydırıldıkça bir araya geliyor. Instagram’ın ilk üç gönderisinde kurduğumuz fikir, sitede de aynı yerden başlıyor.

Bir de görünmeyen kararlar var. Yazı tipleri ve görseller kendi sunucumuzdan yükleniyor; sitede analiz, reklam ya da üçüncü taraf takip kodu yok. Bu, ziyaretçinin gizliliğiyle ilgili bir karar ama aynı zamanda markanın söylediği “sade” sözüyle de uyumlu.

Örnek: Taze Sepet’in web sitesi taslağı

Taze Sepet’in kurumsal kimlik kılavuzu bir web sitesi taslağıyla bitiyor. Taze Sepet bir online market, yani site onun dükkânı.

Taslakta ana sayfa geniş, doğal ışıklı bir görselle açılıyor; ardından kategori daireleri, “haftanın sepeti” ürün kartları ve marka hikâyesi geliyor. Arayüz kuralları da kılavuzdan geliyor: ana düğmeler Fresh Green renginde ve tamamen yuvarlak, ikincil düğmeler yalnızca çizgili; ürün kartlarının köşe yarıçapı 18 piksel; “Yeni hasat” ve “Çok satan” gibi rozetler Basket Red. Bütün arayüz Alegreya Sans ile; başlıklar ExtraBold, metinler Regular. Mobilde kategoriler yatay kayıyor, ürünler iki sütunda duruyor.

Bu kuralların hiçbiri yalnızca site için uydurulmadı. Hepsi kılavuzdaki renk, yazı ve biçim kararlarının ekrana çevrilmiş hâli.

Site kurarken sorulacaklar

Sitenin yazı tipi, kılavuzdaki yazı tipiyle aynı mı?
Renkler aynı rollerle mi kullanılıyor, yoksa sitede yeni renkler mi ortaya çıktı?
Sitedeki metinler markanın diğer yerlerdeki sesiyle aynı mı?
Site mobilde de aynı markayı gösteriyor mu?
Yeni bir sayfa eklendiğinde, onu kuracak kişi hangi kurallara bakacak?

Kurumsal web sitesi tasarımı, hizmetlerimizden biri. Bir sitenin markanızın geri kalanıyla nasıl konuşacağını birlikte düşünmek isterseniz bize yazabilirsiniz.