Web Tasarım

Web Tasarım Kararlarını İşletmenizin Ölçülebilir Hedeflerine Bağlıyoruz

Bir web tasarım işine başlarken önce işletmenizin ne kazanmak istediğini konuşuyoruz. Sitenizin görevi randevu almak mı, teklif toplamak mı, yoksa telefonların artması mı; bunu netleştirmeden tek bir renk bile seçmiyoruz. İstanbul pazarında rakiplerinizin hangi sözlerle öne çıktığını ve sizin farkınızın nerede durduğunu birlikte çıkarıyoruz. Ziyaretçinin sayfaya hangi soruyla geldiğini tahmin etmek yerine, elimizdeki gerçek talep bilgilerine bakıyoruz. Böylece tasarım, hoş görünen ama işe yaramayan bir vitrin olmaktan çıkıyor. Her kararı ölçebileceğimiz bir hedefe bağladığımızda, hangi sayfanın işe yaradığını sonradan rahatça görebiliyoruz. İşletmenizin bütçesini de baştan hesaba katıyoruz; gösterişli ama gereksiz özellikler yerine, sizi gerçekten ileri taşıyan işlere öncelik veriyoruz. Bu ilk konuşmada sizden beğendiğiniz siteleri ve nedenlerini de istiyoruz; beğeninin gerekçesini bilmek, salt taklitten çok daha yol gösterici oluyor. Neyi istemediğinizi öğrenmek de en az ne istediğinizi bilmek kadar işimizi kolaylaştırıyor. Bu ön hazırlık, tasarımın ilerleyen adımlarında geri dönüp baştan başlama ihtimalini de belirgin biçimde azaltıyor.

Planlama aşamasında sizden gelen içerikleri, sektörünüzün dilini ve müşterilerinizin sık sorduğu soruları bir araya getiriyoruz. Bu notlar, sonradan yazacağımız sayfa metinlerinin ve menü yapısının iskeletini oluşturuyor. Hangi hizmetin öne çıkacağına ve hangi bilginin ilk ekranda görüneceğine karar verirken tahmin yürütmüyoruz; sizinle konuşup önceliklerinizi sıralıyoruz. İyi bir web tasarım süreci, tasarımcının zevkiyle değil işletmenizin satış mantığıyla ilerler. Bu nedenle her ekranı, ziyaretçinin orada ne yapması gerektiği sorusuyla test ediyoruz. Karar veremediğiniz noktalarda size iki üç somut seçenek sunuyor, artılarını ve eksilerini açık açık anlatıyoruz. Proje ilerledikçe siz de yönü net görüyor ve sürpriz bir sonuçla karşılaşmıyorsunuz. Toplantı notlarını yazıya döküp size geri gönderiyoruz ki aklınızda kalan bir ayrıntı eksik kalmasın. Paylaşılan bu metin, ileride çıkabilecek yanlış anlaşılmaların çoğunu daha başlamadan çözüyor. Herkesin aynı belgeye bakması, projenin hangi noktasında olduğumuzu her an ortak bir dille görmemizi sağlıyor.

Kapsamı yazılı hale getirmeden işe girişmiyoruz; kaç sayfa hazırlanacağını, hangi işlevlerin ekleneceğini ve teslim sırasını baştan belirliyoruz. Bu belge hem sizi hem bizi koruyor, çünkü herkes aynı beklentiyle çalışıyor. Sonradan eklemek isteyeceğiniz özellikler için nasıl ilerleyeceğimizi de anlatıyoruz, böylece proje büyüdüğünde şaşırmıyorsunuz. Takvimi gerçekçi tutuyoruz; kısa bir süre söyleyip sonra ertelemektense, içeriklerin ne zaman hazır olacağını da hesaba katarak plan çıkarıyoruz. Onay noktalarını önceden belirliyoruz ki her aşamada fikrinizi alalım. İşletmenizin günlük işine ara vermeden ilerleyebilmesi için sizden isteyeceğimiz görselleri ve bilgileri tek listede topluyoruz. Bu düzen, projenin ortasında kaybolmayı ve gereksiz beklemeleri ortadan kaldırıyor. Sizden gelen dosyaları tek bir düzenli klasörde toplayıp hangi görselin nereye gireceğini önceden işaretliyoruz. Böylece içerik toplama telaşı projenin sonuna değil başına yayılıyor ve teslim tarihi rahatlıyor. Eksik kalan bir görsel ya da metin olduğunda da bunu erkenden fark edip sizden zamanında istiyoruz.

Sayfa Mimarisini Ziyaretçinin Karar Yolculuğuna Göre Kuruyoruz

Bir sitenin işe yaraması, sayfaların doğru sırayla ve doğru bağlarla dizilmesine bağlı. Önce bir site haritası çıkarıyor, ana sayfadan hizmet sayfalarına ve iletişime kadar giden yolları çiziyoruz. Ziyaretçi aradığı bilgiye en çok üç tıklamayla ulaşabilmeli; derinlere gömülmüş sayfalar çoğu zaman hiç görülmüyor. Menü başlıklarını, sizin kullandığınız değil müşterinizin aradığı kelimelerle yazıyoruz. Her sayfaya tek bir görev veriyoruz: bilgilendirmek, ikna etmek ya da harekete geçirmek. Bir sayfaya birden çok iş yüklediğimizde ziyaretçinin kafası karışıyor ve çıkıp gidiyor. Bu iskeleti kâğıt üstünde netleştirdikten sonra tasarıma geçiyoruz. Yapı sağlam değilse, en gösterişli görsel bile onu kurtarmıyor. Sayfa sayısını gereksiz yere şişirmiyor, her yeni sayfanın gerçekten bir işe yaradığından emin oluyoruz. Az ama doğru kurgulanmış bir yapı, ziyaretçiyi yormadan aradığına ulaştırıyor. Menüde gezinen biri her an nerede olduğunu ve nereye gidebileceğini rahatça anlayabiliyor.

İçerik olmadan tasarım anlamsız kaldığı için metin ile görseli birlikte planlıyoruz. Her hizmet sayfasında ziyaretçinin aklındaki bu işime yarar mı, ne kadar sürer ve sonra ne oluyor sorularına yanıt veriyoruz. Başlıkları tarayarak okuyan biri bile sayfanın ne anlattığını birkaç saniyede kavrayabilmeli. Uzun paragrafları bölüyor, önemli bilgileri öne alıyor ve gereksiz süsten kaçınıyoruz. Kaliteli bir web tasarım projesinde metnin görselden önce hazır olması, tasarımın boşluk doldurmak yerine mesajı taşımasını sağlıyor. Görselleri de stok havası vermeyen, işinizi gerçekten anlatan karelerden seçiyoruz. Ziyaretçi sayfada kendi ihtiyacını gördüğünde size güven duymaya başlıyor. Sık sorulan soruları ayrı bir bölümde toplayarak, satış öncesi tereddütleri daha ilk ziyarette gideriyoruz. Bu küçük hazırlık, size gelen gereksiz telefon trafiğini de belirgin biçimde azaltıyor. Yanıtını sayfada bulan ziyaretçi, satın alma kararına da çok daha hazır biçimde ulaşıyor.

Ziyaretçiyi harekete geçiren düğmeleri rastgele yerleştirmiyoruz. Kimse bilgilenmeden karar vermez; bu yüzden teklif al ya da hemen ara çağrısını, ikna edici bilgiyi verdikten hemen sonra koyuyoruz. Formları kısa tutuyoruz, çünkü her fazladan alan bir kişinin vazgeçmesine yol açıyor. Telefon numarasını, çalışma saatlerini ve konumu ziyaretçinin arayacağı yerde görünür biçimde bulunduruyoruz. Sayfalar arası geçişleri de düşünüyoruz; hizmeti okuyan birine ilgili örnekleri ve iletişim yolunu doğal biçimde gösteriyoruz. Amacımız ziyaretçiyi zorlamak değil, ona bir sonraki adımı kolaylaştırmak. Bu küçük kararlar toplandığında, aynı ziyaretçi sayısıyla daha çok arama ve mesaj alır hale geliyorsunuz. İletişim formundan gelen mesajların size anında ulaşması için bildirimleri de doğru kuruyoruz. Bir talebin fark edilmeden kaybolması, kazanılmış bir müşteriyi sessizce elden çıkarmak demektir. Gelen her mesaja hızlı dönebilmeniz için formu doğrudan size ulaşan bir kutuya bağlıyoruz.

Görsel Dili, Mobil Deneyimi ve Açılış Hızını Birlikte Dengeliyoruz

Görsel tarafta markanızın karakterini temel alıyoruz; renk, yazı tipi ve boşluk kullanımını işinizin ciddiyetine göre ayarlıyoruz. Sade bir düzen çoğu işletme için daha güçlü çalışır, çünkü gözü asıl mesajdan uzaklaştırmaz. Renkleri keyfî seçmiyoruz; okunabilirliği ve markanızın var olan kimliğini gözetiyoruz. Yazı boyutlarını, telefonda bile yorulmadan okunacak şekilde belirliyoruz. Görsellerin hepsinin aynı ışıkta ve aynı tonda durmasına dikkat ediyoruz ki site derli toplu görünsün. Modası birkaç yılda geçen gösterişli akımların peşinden koşmuyor, uzun süre taze kalacak bir dil kuruyoruz. Böylece siteniz açıldığı ilk gün kadar iki yıl sonra da düzgün görünüyor. Markanızın hâlihazırda bir logosu ve renkleri varsa tasarımı onların etrafında kuruyoruz; yoksa sade bir yön öneriyoruz. Amacımız sitenin, kartvizitinizden sosyal hesaplarınıza kadar her yerde aynı dili konuşması. Tutarlı bir görünüm, markanızın akılda kalmasını ve daha güvenilir algılanmasını kolaylaştırıyor.

Ziyaretçilerinizin büyük bölümü siteye telefondan girdiği için tasarımı önce küçük ekranda düşünüyoruz. Menünün, düğmelerin ve formların parmakla rahatça kullanılmasını sağlıyoruz; birbirine yapışık bağlantılar yanlış dokunuşa yol açıyor. Metnin telefonda da ferah durması için satır uzunluğunu ve aralıkları ayarlıyoruz. Artık web tasarım işinin mobil uyumu bir seçenek değil, temel bir gerekliliktir. Masaüstünde güzel görünüp telefonda dağılan bir site, ziyaretçilerin çoğunu daha ilk saniyede kaybediyor. Farklı ekran boylarında sayfayı tek tek kontrol ediyor, kayan ya da taşan öğe bırakmıyoruz. İşletmenizi hangi cihazdan ararlarsa arasınlar, aynı düzgün deneyimle karşılaşıyorlar. Dokunmatik ekranda yanlışlıkla basılan bağlantıları azaltmak için düğmeler arasına yeterli boşluk koyuyoruz. Sayfanın telefonda enine kaymadan, tek elle rahatça gezilebilmesini de tek tek deniyoruz. Küçük ekranda okunması güç kalan yazıları büyütüyor, dokunulacak alanları parmağa göre genişletiyoruz.

Açılış hızını tasarımın bir parçası olarak görüyoruz, sonradan eklenen bir ayar olarak değil. Görselleri sıkıştırıyor, gereksiz eklentileri baştan devre dışı bırakıyor ve sayfayı hafif tutuyoruz. Birkaç saniye geç açılan bir site ziyaretçinin sabrını taşırıyor ve o kişi çoğu zaman geri dönmüyor. Hızın arama motorlarındaki sıralamaya da dolaylı katkısı var; yavaş sayfalar hem ziyaretçiyi hem görünürlüğü yıpratıyor. Barındırma tarafında da siteyi doğru ayarlıyor, önbellek gibi araçları işinize göre kuruyoruz. Yayına almadan önce sayfayı gerçek bir telefon bağlantısıyla deniyoruz, çünkü hızlı internetle test etmek yanıltıcı olabiliyor. Amacımız, ziyaretçinin beklerken vazgeçmediği akıcı bir deneyim bırakmak. Yükleme sırasında ekranın boş kalmaması için önce metnin, sonra görsellerin gelmesini planlıyoruz. Ziyaretçi ilk saniyede bir şey görmeye başladığında, birkaç saniyelik yüklemeye çok daha sabırlı davranıyor. Sayfa açıldıktan sonra kayan ya da yerinden oynayan öğeler bırakmıyoruz ki okuma bölünmesin.

Yayın Sonrası Bakımı ve Alan Adı Sahipliğini Size Bırakıyoruz

Yayına almadan önce her bağlantıyı, her formu ve her sayfayı tek tek kontrol ediyoruz. Arama motorlarının siteyi doğru okuyabilmesi için başlık etiketlerini, adresleri ve sayfa açıklamalarını düzenli kuruyoruz. Sağlam bir web tasarım işini yalnızca güzel bir görüntü olarak görmüyoruz; arama sonuçlarında bulunabilmesi de tasarımın parçasıdır. Sitenin adresini arama motorlarına bildiriyor, temel ölçüm araçlarını kuruyor ve ziyaretçi hareketini görebilmeniz için gerekli bağlantıları ekliyoruz. Bu temel altyapı, ileride yürüteceğiniz görünürlük çalışmasının üstüne oturacağı zemini hazırlıyor. Yayın anını da sizinle birlikte planlıyoruz ki mevcut işinizde bir kesinti olmasın. Böylece site açıldığı gün hem ziyaretçiye hem arama motorlarına hazır oluyor. Eski bir siteden geçiyorsanız, önceki adreslerinizi yenilerine yönlendirerek biriktirdiğiniz görünürlüğü çöpe atmıyoruz. İstanbul gibi kalabalık bir pazarda bu küçük özen, yıllar içinde kurulan itibarı koruyor. Taşınma sırasında hiçbir sayfanın boşa düşmemesi için eski ve yeni adresleri tek tek eşleştiriyoruz.

Site yayınlandıktan sonra da yanınızda kalıyoruz; çünkü bir site canlı bir şeydir, ara sıra bakım ister. Yazılım güncellemelerini, güvenlik yamalarını ve düzenli yedeklemeleri takip ediyoruz ki bir sorun çıktığında hazırlıksız yakalanmayın. Küçük içerik değişikliklerini, yeni bir hizmet ya da kampanya eklemeyi hızlıca yapıyoruz. İyi kurulmuş bir web tasarım altyapısı, sonradan değişiklik yapmayı da kolaylaştırır; her güncelleme için sıfırdan başlanmaz. Dilerseniz siteyi kendiniz yönetebilmeniz için sizi kısa bir eğitimle donatıyoruz. Aylık bakım isteyip istememek tamamen sizin tercihiniz; sizi uzun taahhütlere kilitlemiyoruz. Amacımız, işiniz büyüdükçe sitenin de sizinle birlikte rahatça büyüyebilmesi. Her bakım işleminden sonra ne yaptığımızı kısa bir notla size iletiyoruz ki sitenizde neyin değiştiğini hep bilesiniz. Beklenmedik bir kesintide bize nasıl ulaşacağınızı da baştan tek bir iletişim noktasına bağlıyoruz. Yaptığımız her güncellemeden önce yedek alıyoruz ki bir aksilikte kısa sürede geri dönebilelim.

Alan adınızın ve barındırma hesabınızın sizin adınıza açılmasına özen gösteriyoruz. Bu hesapların sahibi siz olduğunuzda, ileride bizimle çalışmasanız bile sitenizin kontrolü elinizde kalıyor. Şifreleri, erişim bilgilerini ve teknik ayrıntıları düzenli bir belgeyle size teslim ediyoruz. Bazı ajansların yaptığı gibi sizi kendimize bağlı tutmaya çalışmıyoruz; işiniz sizin, siteniz de sizindir. Kaynak dosyaları ve tasarımın düzenlenebilir halini isteğinize göre paylaşıyoruz. Alan adının ne zaman yenilenmesi gerektiğini takviminize not düşüyor, süre dolmadan sizi uyarıyoruz ki adresinizi kaybetme riskiniz olmasın. Böylece uzun vadede güvende oluyor, hangi sağlayıcıyla devam edeceğinize özgürce karar verebiliyorsunuz. Bize verdiğiniz erişimleri yalnızca gereken süre boyunca kullanıyor, iş bittikçe fazladan yetkileri kapatıyoruz. Hesaplarınızın kontrolü baştan sona sizin bilginiz dâhilinde kalıyor ve hiçbir kapı arkanızda açık bırakılmıyor. Teslimden sonra hangi belgenin nerede durduğunu gösteren kısa bir rehberi de size bırakıyoruz.

Web tasarım hakkında sık sorulan sorular

Süre; sayfa sayısına, içeriğin hazır olup olmamasına, istenen özel işlevlere ve onay temposuna göre değişir. Görevlerin kimde olduğu netleştiğinde, tahmin yerine gerçekçi bir takvim çıkarırız. Aceleyle sıkıştırılmış bir sürenin kaliteyi düşürdüğünü bildiğimiz için, aşamaları baştan paylaşırız.

Hayır. Bilgi sırası, düğmeler, görseller ve formlar ilk karardan itibaren küçük ekran düşünülerek kurulur. Mobil, sonradan eklenen bir uyarlama değil, tasarımın çıkış noktalarından biridir. Bu yüzden telefonla masaüstü arasında kopukluk oluşmaz.

Evet. Yönetim paneli, günlük işleri yapan kişinin rahatça kullanabileceği biçimde hazırlanır. Teslimde en sık yapılacak güncellemeleri birlikte deneriz ve kısa bir kullanım notu bırakırız. Böylece küçük değişiklikler için dışarıya bağımlı kalmazsınız.

Hesap sahipliği teklif ve teslim planında açıkça yazılır; erişimlerin işletmenin kendi adına saklanmasını esas alırız. Alan adının ve barındırmanın sizin denetiminizde olması, ileride bağımsız hareket edebilmeniz için önemlidir. Bu konuyu baştan netleştiririz.

Uygun bir yönlendirme planıyla değerli bağlantılar korunur; eski ve yeni sayfa listeleri yayından önce karşılaştırılır. Böylece arama sonuçlarında birikmiş görünürlük ve başka sitelerden gelen bağlantılar boşa düşmez. Taşıma sonrası da bir süre izleyerek kırık bağlantı kalmadığını doğrularız.

Sayfa sayısının yanında metin, görsel, veri aktarımı, özel işlevler, test, eğitim ve destek kapsamı toplam emeği belirler; İstanbul’da yürütülen bir web tasarım çalışmasının bütçesi de bu genişliğe göre oluşur. Hazır bir liste yerine işin gerçek kapsamına bakarız. Böylece ödenen bedelin karşılığı önceden görülür.