Web Tasarım

Web Tasarım Masasına Önce Müşterilerinizin Sorularını Koyuyoruz

Bir web tasarım projesine renk paletiyle ya da hazır bir şablonla başlamıyoruz. İlk görüşmede işletmenize telefonla, mesajla veya yüz yüze en sık hangi soruların geldiğini birlikte listeliyoruz. Fiyatın nasıl belirlendiği, teslimatın ne kadar sürdüğü, hangi bölgelere hizmet verildiği ve randevunun nasıl alındığı gibi sorular sitenin iskeletini oluşturuyor. Ziyaretçi sayfanıza bir merakla geliyor; cevabı kısa sürede bulamazsa sekmeyi kapatıp başka bir siteye geçiyor. Soru listesi, hangi sayfaların gerekli olduğunu ve hangisinin yalnızca kalabalık yaratacağını da gösteriyor. Cevabı hiçbir yerde yazılı olmayan her soru, yeni sitede ayrı bir bölüm ihtiyacına işaret ediyor. Düzce’de yalnızca yakın çevresine hizmet veren bir işletmenin ziyaretçisi ile ülkenin her yerine gönderim yapan bir markanın ziyaretçisi aynı bilgileri aramıyor. Bu nedenle hedef kitlenizi, sizi hangi cihazdan ve günün hangi anında aradıklarını konuşmadan tek bir ekran çizmiyoruz. Görüşme notlarını, ilerleyen aşamalarda her tasarım kararını sınamak için elimizin altında tutuyoruz.

Sorular netleşince sitenin sizin için hangi işi yapacağını tanımlıyoruz. Kimi firma için asıl hedef telefonun çalması, kimisi için teklif formunun dolması, kimisi için de dükkâna yol tarifi alınması oluyor. Hedef birden fazlaysa hangisinin öncelikli olduğunu da birlikte seçiyoruz. Hedefi baştan yazıya dökmek, tasarım sırasında çıkan tartışmaları kısaltıyor. Bir butonun yeri ya da bir görselin boyutu, bu hedefe hizmet edip etmediğine bakılarak kararlaştırılıyor. Rakip sitelere de göz atıyoruz, ama amacımız onları taklit etmek değil. Sektörünüzde hangi bilgilerin eksik bırakıldığını ve ziyaretçinin nerede takıldığını görmek istiyoruz. Bu inceleme çoğu zaman işletmenizi ayıracak küçük ama belirleyici farkları ortaya çıkarıyor. Örneğin rakiplerin hiçbiri çalışma saatlerini ya da hizmet bölgesini açıkça yazmıyorsa, bu bilgiyi ana sayfada görünür kılmak ziyaretçi için gerçek bir kolaylık sağlıyor. Aynı şekilde fiyatlandırmanın nasıl yapıldığını anlatan kısa bir açıklama, rakam vermeden bile güven oluşturabiliyor.

Keşif aşamasının son adımı elinizdeki malzemenin dökümünü çıkarmak. Logo dosyaları, ürün ya da hizmet fotoğrafları, broşürler, belgeler, tamamlanmış işler ve müşteri yorumları bu dökümün parçası. Eksik olanı erkenden görmek, projenin ortasında fotoğraf beklerken zaman kaybetmeyi önlüyor. Profesyonel çekim gerekiyorsa hangi sahnelerin çekileceğini bir liste halinde hazırlıyoruz. Stok görsel kullanılacaksa işletmenizin gerçek havasına uymayan kareleri baştan eliyoruz. Eski sitenizde işe yarayan metinler ve sayfalar varsa onları da listeye ekliyor, yeni yapıda nasıl değerlendirileceğine karar veriyoruz. Hiçbir içeriği sırf eski olduğu için silmiyoruz. Bu çalışmanın sonunda elinizde kısa bir proje özeti oluyor. Hedefler, sayfa listesi, içerikleri kimin hazırlayacağı ve onay adımları bu özette tek sayfada toplanıyor. Web tasarım sürecinin geri kalanında özet ortak referansımız oluyor; yeni bir fikir geldiğinde önce ona bakıyoruz. Böylece proje büyürken dağılmıyor, siz de her aşamada neyin neden yapıldığını rahatça takip edebiliyorsunuz.

İçerik Taslağı Hazır Olmadan Renk Seçmiyoruz

Tasarım ekranına geçmeden önce site haritasını çiziyoruz. Ana sayfa, hizmetler, hakkımızda ve iletişim gibi bilinen başlıkların yanına işletmenize özgü sayfaları ekliyor, her birinin hangi soruya cevap verdiğini not ediyoruz. Haritayı basit bir ağaç şeması olarak paylaşıyoruz; sayfaların birbirine nasıl bağlandığını böylece tek bakışta görebiliyorsunuz. Menü kalabalıklaştıkça ziyaretçinin aradığını bulması zorlaşıyor. Bu yüzden benzer içerikleri gruplayıp gereksiz tıklamaları azaltıyoruz. Her sayfanın tek bir asıl görevi oluyor: bilgi vermek, güven oluşturmak ya da iletişime yönlendirmek. Bu görev tanımı, sayfadaki başlıkların sırasını ve butonların nerede duracağını belirliyor. Hizmet çeşidi fazla olan işletmelerde her hizmete ayrı sayfa açmak, hem ziyaretçi hem arama motorları için daha anlaşılır bir düzen kuruyor. Site haritası onaylanmadan görsel tasarıma geçmiyoruz. Yapı sonradan değiştiğinde tasarımın da baştan kurulması gerekiyor ve bu, sizin açınızdan hem zaman hem bütçe kaybı anlamına geliyor.

Metinleri, boş kutuların içine sonradan yerleştirilecek bir dolgu olarak görmüyoruz. Sayfa taslaklarını gerçek cümlelerle hazırlıyoruz, çünkü bir başlığın iki satıra taşması ya da bir paragrafın uzaması tasarımı doğrudan etkiliyor. Hizmetlerinizi önce sizin anlattığınız haliyle dinliyor, sonra ziyaretçinin kullandığı sade dile çeviriyoruz. Teknik terimler gerekiyorsa kısa açıklamalarla destekliyoruz. Abartılı sıfatlar yerine somut bilgi kullanıyoruz: ne yaptığınız, kime yaptığınız, müşteriyi süreçte neyin beklediği ve size nasıl ulaşılacağı. Hizmet sayfalarının sonuna sık sorulan soruları kısa cevaplarla ekliyoruz, çünkü ziyaretçi aradığı ayrıntıyı çoğu zaman orada buluyor. İsterseniz taslakları siz yazıyorsunuz, biz düzenliyoruz. İsterseniz metnin tamamını biz hazırlıyor, onayınıza sunuyoruz. Hangi yolu seçerseniz seçin, her sayfanın metni yayından önce sizin gözünüzden geçiyor. Fiyat, belge, adres ve çalışma saati gibi bilgilerin doğruluğunu siz teyit ediyorsunuz, biz de onayınız olmadan hiçbir bilgiyi yayına almıyoruz.

İçerik planının bir parçası da ziyaretçiyi bir sonraki adıma taşıyan yönlendirmeler. Telefon numarasının her sayfada tek dokunuşla aranabilmesi, formun yalnızca gerçekten gerekli alanları sorması ve mesaj gönderildikten sonra ne olacağının söylenmesi küçük ama etkili ayrıntılar. Formdan gelen mesajların hangi e-posta adresine ve kime düşeceğini de bu aşamada kararlaştırıyoruz. Cevapsız kalan bir talep, hiç gelmemiş bir talepten daha fazla zarar verebiliyor. Güven unsurlarını da bu aşamada yerleştiriyoruz: gerçek iş fotoğrafları, belgeler, müşteri görüşleri ve açık adres bilgisi. Düzce’deki müşterileriniz sizi zaten tanıyor olabilir. Yine de siteye ilk kez gelen biri için bu kanıtlar karar vermeyi kolaylaştırıyor. İçerik ve yönlendirmeler yerine oturduğunda web tasarım aşaması çok daha hızlı ilerliyor, çünkü artık neyin nerede duracağı belli. Tasarımcının işi de süslemek değil, bu düzeni okunaklı ve çekici bir görünüme kavuşturmak haline geliyor. Renk, yazı karakteri ve görsel dil ancak bu noktada masaya geliyor.

Başparmakla Gezilen, Hızla Açılan Sayfalar Tasarlıyoruz

Görsel tasarım aşamasında işletmenizin logosu, renkleri ve basılı materyallerindeki dil ekrana taşınıyor. Kurumsal kimliğiniz henüz oturmamışsa sitede kullanılacak sınırlı bir renk ve yazı karakteri seti belirliyoruz. Az sayıda rengi tutarlı kullanmak, çok renkli ve hareketli bir sayfaya göre daha güven verici bir izlenim bırakıyor. Yazı karakterlerini okunabilirliğe göre seçiyor, satır uzunluklarını ve boşlukları rahat okumaya göre ayarlıyoruz. Kullanılan her bileşen, ileride eklenecek sayfalarda da aynı görünümü koruyacak şekilde küçük bir stil rehberine işleniyor. Web tasarım ekibimiz ana sayfa ile bir iç sayfa için taslak hazırlıyor ve bunları tıklanabilir bir önizleme olarak size sunuyor. Böylece tasarımı durağan bir resim üzerinden değil, gerçekten gezinerek değerlendiriyorsunuz. Geri bildirimlerinizi toplu halde alıyor, revizyonları tek bir liste üzerinden takip ediyoruz. Bu yöntem, gidip gelen mesajlar arasında bir isteğin kaybolmasını önlüyor ve hangi değişikliğin neden yapıldığını kayıt altında tutuyor.

Ziyaretçilerinizin önemli bir kısmı sitenize telefondan ulaşıyor, bu yüzden tasarımı önce küçük ekran için kurguluyoruz. Menünün başparmakla kolayca açılması, butonların parmak ucuna uygun büyüklükte olması ve formların telefon klavyesiyle zahmetsizce doldurulması bu kurgunun temel parçaları. Geniş ekranda yan yana yerleşen blokların telefonda hangi öncelikle alt alta sıralanacağını her sayfa için ayrı ayrı belirliyoruz. Uzun metinleri telefonda açılır kapanır bölümlere ayırıyor, böylece sayfanın boyunu makul bir ölçüde tutuyoruz. Adres ve çalışma saatleri gibi yolda aranan bilgileri kolay erişilen bir noktaya taşıyoruz. Harita bağlantısı telefonun navigasyon uygulamasını açıyor, numaraya dokunmak aramayı başlatıyor. Test aşamasında siteyi farklı ekran boyutlarında ve farklı tarayıcılarda deniyoruz. Tabletin yatay konumunda taşan bir görsel ya da eski bir telefonda üst üste binen iki satır, yayından önce yakalanması gereken türden sorunlar. Engelli kullanıcılar için yeterli renk kontrastı ve klavyeyle gezinme de bu kontrollerin bir parçası.

Hız, tasarımın görünmeyen ama hissedilen tarafı. Görselleri ekranda kaplayacakları boyuta göre küçültüyor, modern dosya biçimlerine dönüştürüyor ve sayfanın alt kısmındaki görsellerin ancak gerektiğinde yüklenmesini sağlıyoruz. Gereksiz eklentilerden ve ağır animasyonlardan kaçınıyor, her ek özelliğin sayfaya getirdiği yükü tartıyoruz. Hızı yayından önce ölçüm araçlarıyla test ediyor, mobil bağlantıda sayfanın ne kadar sürede kullanılabilir hale geldiğine bakıyoruz. Sonuç tatmin edici değilse ağırlığı yaratan öğeyi bulup sadeleştiriyoruz. Aynı titizliği, arama motorlarının siteyi doğru anlaması için gereken temel altyapıda da gösteriyoruz. Her sayfaya kendine ait bir başlık etiketi ve açıklama yazıyor, başlık hiyerarşisini düzenli kuruyor, okunabilir sayfa adresleri kullanıyoruz. Görsellere içeriği anlatan alternatif metinler ekliyor, site haritası dosyasını hazırlıyoruz. Bu çalışma kapsamlı bir arama motoru optimizasyonu hizmetinin yerini tutmuyor. Ancak sitenin arama sonuçlarında doğru anlaşılması için sağlam bir başlangıç oluşturuyor ve ileride yapılacak çalışmaların önünü açıyor.

Sitenin Tapusunu ve Anahtarlarını Size Teslim Ediyoruz

Yayına almadan önce uzun bir kontrol listesinden geçiyoruz. Formların doğru adrese ulaştığını, telefon ve harita bağlantılarının çalıştığını, bütün sayfaların mobilde düzgün göründüğünü tek tek deniyoruz. Eski bir siteniz varsa önceki adreslerin yeni sayfalara yönlendirilmesini ayarlıyoruz. Böylece yıllar içinde kazanılmış bağlantılar ve arama motorlarındaki kayıtlar boşa gitmiyor. Ziyaretçi istatistikleri için ölçüm aracını kuruyor, arama motorlarının site sahiplerine sunduğu yönetim paneline sitenizi ekliyoruz. Güvenlik sertifikasının etkin olduğunu ve sayfaların adres çubuğunda kilit simgesiyle açıldığını kontrol ediyoruz. Siteyi ziyaretçi trafiğinin sakin olduğu bir saatte yayına alıyor, olası bir kesintinin kimseyi etkilememesine dikkat ediyoruz. Sosyal medya profillerinizdeki ve işletme kayıtlarınızdaki site bağlantısını da yeni adrese göre güncelliyoruz. Yayın sonrasındaki ilk haftalarda siteyi yakından izliyor, gerçek ziyaretçilerle ortaya çıkan küçük aksaklıkları hızla gideriyoruz. Web tasarım çalışmasının asıl sınavı bu dönem, çünkü site artık gerçek müşterilerle buluşuyor ve kâğıt üzerindeki varsayımlar sahada sınanıyor.

Alan adınızın, barındırma hesabınızın ve sitenin yönetim panelinin sizin adınıza kayıtlı olmasına özellikle önem veriyoruz. Ajansıyla yolları ayrıldığında kendi sitesine erişemeyen işletme sahiplerinin yaşadığı sıkıntıya sıkça tanık oluyoruz. Bu nedenle kayıtları işletmeniz adına açıyor, tüm giriş bilgilerini yazılı olarak teslim ediyoruz. Alan adının yenileme tarihini ve barındırma paketinin bitiş zamanını size yazılı olarak bildiriyor, tarih yaklaştığında hatırlatıyoruz. Süresi dolduğu için kapanan bir alan adı, aylarca emek verilmiş bir siteyi bir gecede ulaşılmaz hale getirebiliyor. Sitenin dosyalarını ve veritabanını dışa aktarılabilir biçimde saklıyor, istediğiniz zaman başka bir hizmet sağlayıcıya taşınabilecek şekilde kuruyoruz. Kullanılan tema ve eklentilerin lisanslarını da açıkça belirtiyoruz, çünkü hangi bileşenin ücretli olduğunu ve ne zaman yenileneceğini bilmeniz gerekiyor. Bu şeffaflık, bizimle çalışmaya devam etme kararını tamamen size bırakıyor. İleride başka bir ekiple yola devam etmek isterseniz devri kolaylaştıracak belgeleri hazırlamaktan çekinmiyoruz.

Teslimle birlikte yönetim paneli için uygulamalı bir eğitim veriyoruz. Eğitimi, sitenizi günlük olarak yönetecek çalışanınızla birlikte yapmayı öneriyoruz. Yeni bir ürün eklemek, bir fotoğrafı değiştirmek ya da duyuru yayınlamak gibi günlük işleri kendiniz yapabilmeniz için adım adım anlatımlı bir rehber de bırakıyoruz. Panelde yalnızca ihtiyaç duyduğunuz menüleri görünür bırakıyor, yanlışlıkla bir ayarın bozulmasının önüne geçiyoruz. Sitenin yazılım bileşenleri düzenli güncelleme istiyor. Güncellemeleri yedek aldıktan sonra yapıyor, olası bir uyumsuzlukta siteyi hızla önceki haline döndürebiliyoruz. Bakım desteği isteyen işletmeler için düzenli yedekleme, güvenlik taraması ve küçük içerik değişikliklerini kapsayan bir plan sunuyoruz. Birkaç ay sonra ziyaretçi verilerine birlikte bakıyor, hangi sayfaların ilgi gördüğünü ve formların nerede yarıda bırakıldığını inceliyoruz. Bu bulgular bir sonraki web tasarım dokunuşunun yönünü belirliyor. Site böylece yayına alındığı günde donup kalmıyor, işletmenizle birlikte gelişmeye devam ediyor.

Site Hazırlatmadan Önce Sık Sorulanlar

Sayfa yapısı, sunduğunuz hizmetin sayısından çok ziyaretçinin ihtiyaç duyduğu bilgiye göre şekillenir. Tek bir hizmetin bile farklı kapsamları ya da başvuru koşulları olabilir. Gereksiz sayfa üretmek yerine bu bilgilerin en rahat nasıl okunacağını değerlendiriyoruz; kısa bir yapı yeterliyse onu seçer, gerektiğinde ayrıntıyı anlaşılır bölümlere dağıtırız.

Önce bu içeriklerin kullanım hakkını ve hâlâ güncel olup olmadığını değerlendirmek gerekir. Kullanmaya yetkili olduğunuz dosyalar varsa bunları inceleyebiliriz. İşletmenizi doğru anlatan bölümler korunabilir, eksik ya da eskimiş bilgiler yeniden yazılabilir. Çalışmanın kapsamını belirlerken içeriğin devrini, düzenlenmesini ve sıfırdan metin üretimini ayrı kalemler olarak konuşuyoruz.

Sayfa adlarının tümünü önceden belirlemeniz gerekmez. Hangi hizmetleri verdiğinizi ve ziyaretçinin sitede ne yapmasını istediğinizi anlatmanız başlangıç için yeterlidir. Olası sayfa yapısını görüşme sırasında birlikte çıkarabiliriz. Kapsam havada kalmasın diye, çalışma başlamadan önce ana sayfaları ve gereken işlevleri yazılı hâle getiriyoruz.

Bu ihtiyaç, kullanacağınız takvime, talebin nasıl onaylanacağına ve işletmenizin çalışma düzenine göre incelenir. Basit bir randevu talebi formuyla, uygun saatleri gösteren bir rezervasyon düzeni birbirinden farklı kapsamlar taşır. Kullanıcının tamamlamasını istediğiniz işlemi öğrenerek uygun çözümü ve varsa dışarıdan bağlanacak bir sistem gereksinimini belirleriz.

Tasarımın yönünü belirlemek için kullanılabilir örneklerle yola çıkılabilir. Hangi görsellerin eksik olduğu, bunları kimin hazırlayacağı ve sayfaya ne zaman ekleneceği baştan planlanmalıdır. Gerçek içerikten çok uzak geçici görseller sonradan yerleşimi bozabildiği için, temsil gücü olan örnekleri tercih ederiz. Yeni görsel çekimi gerekiyorsa bunu da kapsamda ayrıca belirtiriz.

İçerik güncellemeleri, teknik bakım ve yeni geliştirme taleplerinin sorumluluğu teslim koşullarında açıkça yazılır. Panelden kendiniz yapabileceğiniz işlemleri size gösterebiliriz. Düzenli bakım ya da teknik destek isteniyorsa bunların kapsamı ayrıca belirlenir. Sonradan çıkacak her işin kendiliğinden dahil olduğu varsayılmadan, işletmenizin rahatça sürdürebileceği bir düzen kurulur.