Özel Tasarım Çözümler

Özel tasarım çözümler neyi ifade eder?

Özel tasarım çözümler, hazır bir şablonu markanızın renkleriyle boyamak yerine sayfayı, görseli ya da arayüzü markanızın hikâyesinden ve müşterinizin ihtiyacından yola çıkarak sıfırdan kurmak demektir. Bir web sitesinin ana sayfası, bir kampanya alanı, bir ikon seti ya da bir tanıtım sunumu bu yaklaşımla tasarlanabilir. Ortak nokta, işin başka bir markaya kolayca uyarlanamayacak kadar size ait olmasıdır.

Bu sayfa işin yaratıcı ve stratejik tarafını anlatıyor. Menü düzeni, mobil kullanım, hız ve erişilebilirlik gibi konuları kullanıcı dostu web siteleri sayfamızda ele aldık; markaya özel tasarım bu temelin üzerine kurulur, onun yerini almaz.

Hazır şablon ile özel tasarım arasındaki fark

Hazır şablonlar hızlı başlangıç sağlar, ama binlerce farklı işletme için yazılmış genel bir kurguyla gelir. Bölümlerin sırası, görsel oranları ve vurgular şablonu tasarlayanın varsayımlarına göre belirlenmiştir. Özel tasarım çözümler ise bu soruları sizin müşterinizin karar verme biçimine göre yeniden sorar.

• Kurgu: Şablonda bölümler sabittir; özel çalışmada sayfa akışı anlatmak istediğiniz hikâyeye göre çizilir.
• Görsel dil: Şablon genel bir estetik sunar; özel çalışmada tipografi, boşluk ve görsel oranları kimliğinizden türetilir.
• Ayırt edicilik: Aynı şablon başka sitelerde de kullanılabilir; markaya özel tasarım sizi sektördeki benzerlerinden ayırmayı hedefler.
• Esneklik: Şablonun dışına çıkmak çoğu zaman zorlaşır; özel tasarımda yeni bölümler baştan kurulan sisteme göre eklenir.

Hangi markalar için öncelikli?

Ürünü ya da hizmeti dışarıdan bakıldığında rakiplerinkine benzeyen işletmeler, farkı en çok tasarımın diliyle anlatmak zorunda kalır. Lüks segmentte konumlanan markalar, mimar ve proje firmaları gibi seçici bir kitleye hitap edenler ve birden fazla müşteri grubuna aynı anda konuşan şirketler de özel tasarım çözümlerden en çok fayda görenler arasındadır.

Şablon ne zaman yeterlidir?

Her işletmenin ilk gün özel tasarım çözümlere ihtiyacı yoktur. Kısa sürede yayına girmesi gereken bir tanıtım sayfası, test aşamasındaki yeni bir hizmet ya da bütçesi sınırlı bir başlangıç için iyi seçilmiş bir şablon mantıklı olabilir. Bu durumda size bunu açıkça söyler, şablonun hangi noktalarda markanıza göre uyarlanması gerektiğini birlikte belirleriz.

Markaya özel tasarımın yapı taşları

Markaya özel tasarım, tek bir güzel ekrandan çok, birbirini tamamlayan kararların toplamıdır. Bu kararları üç başlık altında topluyoruz: markaya özel kurgu, kişiselleştirilmiş deneyim ve sektöre uygun kreatif. Aşağıda her birinin pratikte neye karşılık geldiğini anlatıyoruz.

Markaya özel kurgu

Kurgu, ziyaretçinin sayfada neyi hangi sırayla göreceğine dair verilen kararlardır. Bir üretici için önce üretim gücünü, sonra ürün gamını göstermek; bir butik otel için önce manzarayı, sonra odaları anlatmak daha doğru olabilir. Özel tasarım çözümler bu sırayı sizin satış görüşmelerinizde müşterinin sorduğu soruların sırasına göre kurar.

Kişiselleştirilmiş deneyim

Aynı siteye farklı amaçlarla gelen ziyaretçiler olabilir: bayi ile son kullanıcı, mimar ile ev sahibi, yerli misafir ile yabancı turist. Markaya özel tasarım, bu kitlelerin her biri için ayrı bir giriş yolu, farklı bir vurgu ya da kendi diline uygun bir anlatım kurabilir. Hazır şablonlarda bu ayrım çoğu zaman tek tip bir menünün içinde kaybolur.

Kişiselleştirme her zaman karmaşık bir teknik altyapı gerektirmez. Ana sayfada “Bayiyim” ve “Son kullanıcıyım” gibi iki net yol, her kitlenin kendi sorusunun cevabına daha kısa sürede ulaşmasını sağlar. Çok dilli sitelerde ise çeviri kadar, her ülkedeki ziyaretçinin farklı önceliklerini de hesaba katmak gerekir.

Sektöre uygun kreatif

Her sektörün ziyaretçide oluşturduğu beklentiler vardır: bir hukuk bürosundan ağırbaşlılık, bir kafeden sıcaklık, bir yazılım şirketinden netlik beklenir. Özel tasarım çözümlerde bu beklentiyi karşılarken sektörün tekrar eden klişelerinden uzak durmaya çalışırız. Amaç, ziyaretçinin “doğru yerdeyim” hissini kaybetmeden markanızı benzerlerinden ayırabilmesidir.

Örneğin bir aydınlatma üreticisinin sitesinde ürün fotoğrafları kadar ışığın mekâna kattığı etkiyi göstermek, bir restoran sitesinde ise menüden önce masadaki atmosferi hissettirmek daha anlamlı olabilir. Sektörün diliyle konuşmak, o sektörün müşterisinin neye baktığını bilmekle başlar.

Tipografi ve sayfa ritmi

Ziyaretçi bir sayfayı okumadan önce onun ritmini hisseder: büyük bir başlığın ardından gelen geniş bir boşluk, sakin ve özenli bir marka izlenimi verir; sık ve yoğun bloklar ise hareketli ve pratik bir izlenim bırakır. Markaya özel tasarım çalışmalarında başlık boyutlarını, satır aralıklarını ve bölümler arasındaki boşlukları bu izlenime göre tek tek belirleriz. Aynı yazı karakteri bile farklı bir ritimle bambaşka bir karakter kazanabilir.

Özel illüstrasyon, ikon ve görsel yönlendirme

Stok görsellerle kurulan bir sayfa, ne kadar özenli olursa olsun başka sitelerde de görülebilecek bir görüntü verir. Markaya özel tasarım çalışmalarında gerektiğinde size özel ikon setleri, illüstrasyonlar ya da bilgi grafikleri çizeriz. Fotoğraf çekilecekse ışık, kadraj ve renk tonu için çekim öncesinde bir görsel yönlendirme hazırlarız; böylece fotoğraflar tasarıma sonradan sığdırılmaz, onunla birlikte düşünülür.

Hareket ve mikro etkileşimler

Bir düğmenin üzerine gelindiğinde değişmesi, bir bölümün kaydırırken yumuşakça görünmesi ya da bir formun gönderildiğini gösteren küçük bir işaret, arayüze karakter katar. Ancak hareket, içeriğe ulaşmayı geciktirmemeli ve sayfayı ağırlaştırmamalıdır. Google’ın sayfa deneyimi rehberi de iyi bir sayfa deneyiminin yalnızca ölçüm puanlarından ibaret olmadığını ve içeriğe erişimi zorlaştıran araya giren pencerelerden kaçınılmasını öneriyor.

Bazı kullanıcılar cihaz ayarlarından hareketin azaltılmasını tercih eder. Bu tercihe uyan bir tasarım, animasyonları sadeleştirerek ya da kapatarak aynı içeriği sunmaya devam eder; böylece hareket bir süs olarak kalır, kimse için bir engele dönüşmez.

Özel tasarım çözümler nasıl geliştirilir?

Özel tasarım çözümler, hazır bir yapıyı düzenlemekten daha fazla düşünme ve karşılıklı konuşma gerektirir. Bu yüzden süreci, kararların sağlam bir zemine oturacağı şekilde adım adım ilerletiriz. Aşağıdaki sıra web sitesi projeleri için yazıldı; tek bir kampanya alanı ya da sunum gibi daha küçük işlerde bazı adımlar kısalır.

1. Keşif görüşmesi

Markanızın ne vaat ettiğini, müşterinizin kim olduğunu ve onun karar verirken neye takıldığını konuşuruz. Satış ekibinizin en sık duyduğu itirazlar ve müşterilerin en çok beğendiği yönleriniz, tasarımın anlatacağı hikâyenin ham malzemesidir. Sektörünüzdeki örnek siteleri de bu aşamada birlikte inceleriz. Neyi beğendiğiniz kadar, neyi kesinlikle istemediğiniz de yön bulmamıza yardımcı olur.

2. Görsel yön seçimi

Tasarıma doğrudan başlamak yerine, birbirinden belirgin biçimde ayrılan birkaç görsel yönü referans panolarıyla sunarız. Her pano tipografi, renk kullanımı, fotoğraf dili ve sayfa ritmi için bir öneri taşır. Yön seçimi bu aşamada yapıldığında, ileride “biraz daha farklı bir şey” belirsizliğiyle kaybedilen zaman azalır. Bazen iki yönün güçlü yanlarını birleştiren üçüncü bir yol da bu konuşmadan doğar.

3. Anahtar ekranlar ve prototip

Seçilen yönü önce ana sayfa ve en önemli iç sayfa gibi birkaç anahtar ekranda uygularız. Bu ekranları tıklanabilir bir prototipe dönüştürerek telefonda ve bilgisayarda gerçek kullanıma yakın biçimde denemenizi sağlarız. Markaya özel tasarım kararlarının çoğu bu ekranlarda netleşir; kalan sayfalar bu kararların üzerine kurulur.

Geri bildirimi nasıl değerlendiriyoruz?

Özel tasarım çözümlerde en çok zaman kaybettiren konu, geri bildirimin kişisel beğeniye dönüşmesidir. Bu yüzden her sunumda kararları keşif görüşmesinde birlikte yazdığımız hedeflere göre tartışmayı öneririz. “Bu renk hoşuma gitmedi” yerine “Bu ekran bayilerimize yeterince güven vermiyor” gibi bir geri bildirim, tasarımı doğru yöne çok daha hızlı taşır.

4. Bileşen kütüphanesi

Düğmeler, kartlar, form alanları, başlık stilleri ve görsel oranları tek tek tanımlanarak bir bileşen kütüphanesi oluşturulur. Bileşenler tasarım dosyasında ve kodda aynı adlarla tutulduğunda tasarımcı ile geliştirici aynı dili konuşur, küçük farklar birikip tutarsızlığa dönüşmez. Bu kütüphane, siteye ileride eklenecek sayfaların da aynı dille tasarlanmasını sağlar. Özel tasarım çözümlerin uzun ömürlü olması, gösterişli ekranlardan çok bu düzenli altyapıya bağlıdır.

5. Geliştirmeye aktarım ve uygulama kontrolü

Tasarımlar; boşluk ölçüleri, yazı boyutları, hareket süreleri ve farklı ekran genişliklerindeki davranışlarıyla birlikte geliştirme ekibine aktarılır. Geliştirme sırasında ekranları tasarımla karşılaştırır, sapmaları yayından önce düzeltiriz. Kâğıt üzerinde iyi görünen bir fikrin kodda da aynı etkiyi bırakması bu kontrole bağlıdır.

Kurumsal kimlik ile markaya özel tasarımın ilişkisi

Kurumsal kimlik, markanızın renklerini, yazı karakterlerini ve logo kullanımını belirleyen kurallar bütünüdür. Markaya özel tasarım ise bu kuralları belirli bir iş için özgün biçimde uygulamaktır. Kimlik “hangi malzemeyle” sorusunu, özel tasarım “bu malzemeyle ne kuracağız” sorusunu cevaplar.

Elinizde güçlü bir kimlik varsa özel tasarım çözümler onun sınırları içinde kalır ve onu dijitalde genişletir. Kimliğiniz dağınıksa ya da yalnızca bir logodan ibaretse, önce temel kuralları netleştirmek daha sağlıklı olabilir; bu çalışmayı kurumsal kimlik sayfamızda ayrıntılı anlattık.

Kimliği dijitale genişletmek

Basılı materyaller için hazırlanmış bir kimlik, ekranda ortaya çıkan pek çok soruya cevap vermez. Bir bağlantının üzerine gelindiğinde ne olacağı, koyu zeminde renklerin nasıl duracağı, bir bildirim ya da hata mesajının nasıl görüneceği gibi kararlar markaya özel tasarım sürecinde tanımlanır. Bu kararlar kimliğin ruhuna uygun verildiğinde, site ile basılı materyaller aynı markanın parçası gibi görünür.

Örnek proje: diMARE

Kadın giyim koleksiyonları, defileleri ve mağazalarıyla öne çıkan diMARE için tasarladığımız İngilizce sitede, koleksiyon çekimlerini tam ekran kullandık. Koyu üst menü ve sade tipografiyle markanın lüks algısını destekledik; logo kullanımını web ortamına uyarlayarak sitenin baştan sona tutarlı bir kimlikle görünmesini sağladık. Ayrıntılar diMARE projesi sayfasında.

Grafik tasarımda özel çözümler

Özel tasarım çözümler yalnızca web sitesiyle sınırlı değildir. Yatırımcı ya da bayi toplantısı için hazırlanan bir sunum, fuar standında kullanılacak bir bilgi grafiği, bir ürün lansmanı için tasarlanan açılış sayfası ya da yalnızca size ait bir ikon ailesi de aynı yaklaşımla ele alınabilir. Hepsinde ölçüt aynıdır: iş, kimliğinizin kurallarına bağlı kalırken o işin amacına özel olarak düşünülmüş olmalıdır.

Bir sunumda her slayt tek bir fikri taşımalı, bir bilgi grafiğinde ise karmaşık bir süreç birkaç saniyede anlaşılabilmelidir. Bu tür işlerde içeriği sadeleştirmek, tasarımın kendisi kadar emek ister; bu yüzden metni ve veriyi tasarıma başlamadan önce sizinle birlikte düzenleriz.

Kapsam, bütçe ve dikkat edilmesi gerekenler

Markaya özel tasarım için süreyi ve bütçeyi ihtiyaçlarınızı dinlemeden söylemek doğru olmaz. Kapsamı birkaç temel karar belirler ve teklif hazırlarken bunları sizinle tek tek netleştiririz.

Kapsamı neler belirler?

• Özel olarak tasarlanacak sayfa ya da materyal sayısı
• Farklı kitleler için ayrı yollar ve çok dilli yapı ihtiyacı
• Özel illüstrasyon, ikon ya da bilgi grafiği gerekip gerekmediği
• Fotoğraf ve video çekiminin projeye dahil olup olmadığı
• Hareketli öğelerin ve etkileşimlerin yoğunluğu
• Bileşen kütüphanesinin ileride başka ekiplerce de kullanılıp kullanılmayacağı

Bütçeyi verimli kullanmak

Her sayfanın aynı özenle sıfırdan tasarlanması gerekmez. Ziyaretçinin karar verdiği ana sayfa, hizmet ve teklif sayfaları gibi kritik ekranlara daha fazla emek ayırıp yardımcı sayfaları aynı bileşenlerle kurmak, bütçeyi en çok etki yaratacak yere yönlendirir. Özel tasarım çözümlerde bu önceliklendirmeyi keşif aşamasında birlikte yaparız.

Özel tasarım projelerinde sık yapılan hatalar

• Özel tasarımı yalnızca “farklı görünmek” olarak tanımlayıp kullanılabilirliği ikinci plana atmak
• Görsel yönü seçmeden ayrıntılara geçmek ve her turda yön değiştirmek
• Sayfaları gerçek metin ve fotoğraf olmadan, temsili içerikle onaylamak
• Ağır animasyonlar ve büyük videolarla sayfayı yavaşlatmak
• Bileşen kütüphanesi kurmadan sayfa sayfa tasarlayıp sonradan tutarsızlıkla uğraşmak
• Kararı, hedef kitleyi temsil etmeyen kişisel beğenilere göre vermek

Görüşmeye gelmeden önce

• Markanızın kısa hikâyesi, vaadi ve hedef kitlesinin tarifi
• Logo, renkler ve varsa marka kılavuzu
• Satış ekibinizin en sık duyduğu sorular ve itirazlar
• Beğendiğiniz ve kesinlikle benzemek istemediğiniz örnekler, nedenleriyle birlikte
• Elinizdeki fotoğraf, video ve metinlerin listesi

Bu listeyi eksiksiz getirmeniz gerekmez; eksik kalan başlıkları keşif görüşmesinde birlikte tamamlarız. Ancak ne kadar somut örnekle gelirseniz, özel tasarım çözümler için ilk konuşma o kadar verimli geçer.

Yayından sonra: özel tasarımı korumak ve geliştirmek

Özel tasarım çözümler yayına girdiği gün donmuş bir eser değildir; işletmeniz büyüdükçe yeni sayfalar, yeni kampanyalar ve yeni ürünler eklenir. Tasarımın bu eklemelerle bozulmadan büyüyebilmesi, baştan kurulan sisteme ve sonradan gösterilen özene bağlıdır.

Yeni sayfa eklerken

Yeni bir hizmet sayfası ya da kampanya alanı gerektiğinde önce bileşen kütüphanesine bakılır. Mevcut kartlar, başlık stilleri ve görsel oranlarıyla kurulabilen bir sayfa, markaya özel tasarım dilini korur. Gerçekten yeni bir bileşen gerekiyorsa, onu da kütüphaneye aynı kurallarla eklemek sonraki işleri kolaylaştırır.

Tasarımı veriyle gözden geçirmek

Yayından sonra hangi bölümlerin ilgi gördüğünü, hangi düğmelerin tıklandığını ve ziyaretçilerin nerede sayfayı terk ettiğini izlemek mümkündür. Hedefleri baştan birlikte belirler, sonuçları düzenli aralıklarla değerlendiririz. Bazen küçük bir kurgu değişikliği, görsel olarak hiçbir şeyi bozmadan sayfanın işlevini belirgin biçimde iyileştirir.

Kampanya ve sezon dönemleri

Sezon açılışı, yeni koleksiyon ya da özel gün kampanyaları sitede geçici değişiklikler gerektirir. Bu dönemler için baştan tasarlanmış esnek alanlar, her seferinde sayfayı yeniden düzenleme ihtiyacını ortadan kaldırır. Böylece özel tasarım çözümler, kampanyanın görsel dilini taşırken kalıcı kimlikten de kopmaz.

Sık sorulan sorular

Özel tasarım çözümler hazır şablondan neden daha uzun sürer?

Çünkü sayfa kurgusu, görsel yön ve bileşenler sizin için sıfırdan düşünülür ve her aşamada birlikte karar verilir. Takvimi kapsam netleştikten sonra adım adım paylaşırız.

Markaya özel tasarım için mevcut logomu değiştirmem gerekir mi?

Gerekmez. Logonuz küçük boyutta ve farklı zeminlerde iyi çalışıyorsa tasarım onun üzerine kurulur; sorunlu noktalar varsa bunları ayrıca öneri olarak paylaşırız.

Özel tasarım, sitenin daha yavaş açılacağı anlamına mı gelir?

Gelmez. Hız, tasarımın özel olmasından değil, görsellerin, yazı tiplerinin ve animasyonların nasıl kullanıldığından etkilenir; bu yüzden bu kararları tasarım aşamasında hız açısından da değerlendiririz.

Sadece birkaç sayfa için özel tasarım yaptırabilir miyiz?

Evet. Ana sayfa ya da bir kampanya sayfası gibi en kritik ekranlar özel olarak tasarlanabilir, diğer sayfalar aynı bileşenlerle daha sade bir düzende kurulabilir.

Markaya özel tasarım ile kurumsal kimlik arasındaki fark nedir?

Kurumsal kimlik renk, yazı ve logo kullanımına dair kuralları belirler. Markaya özel tasarım ise bu kuralları bir web sitesi, sunum ya da kampanya alanı gibi belirli bir iş için özgün biçimde uygular.

Özel tasarım çözümler mevcut sitemize uygulanabilir mi?

Mevcut altyapı sağlam ve esnekse yeni tasarım aynı sistem üzerinde uygulanabilir. Altyapı tasarımın gerektirdiği yapıyı taşımıyorsa geliştirme tarafının da yenilenmesi gerekebilir; bunu mevcut siteyi inceledikten sonra birlikte değerlendiririz.

Markanıza özel bir tasarımı konuşalım

Markanızı, müşterinizi ve tasarımdan beklentinizi anlatın; size en uygun yaklaşımı ve kapsamı birlikte belirleyelim. Keşif görüşmesi için iletişim sayfamızdan bize ulaşabilirsiniz.