Web Tasarım

Web Tasarım Kararları Renk Kartelasından Önce Soru Listesiyle Alınıyor

Sitenize gelen bir ziyaretçinin aklında çoğu zaman üç soru vardır: Bu işletme tam olarak ne yapıyor, bana uygun mu ve nasıl ulaşırım? Web tasarım çalışmasını, bu soruların cevabını en az tıklamayla veren bir düzen kurmak olarak ele alıyoruz. Bu yüzden ilk görüşmede renklerden ya da beğendiğiniz örnek sitelerden önce, müşterilerinizin size telefonda, dükkânda veya mesajla en sık neyi sorduğunu konuşuyoruz. Fiyatın nasıl belirlendiği, teslimatın nereye yapıldığı, randevunun nasıl alındığı gibi tekrar eden sorular sitenin iskeletini kendiliğinden ortaya çıkarır. Çorum’da hizmet veren bir işletme için bu liste, yakın çevreden gelen müşteriyle daha uzaktan araştırma yapan birinin beklentilerini ayırmamıza da yardım eder. Görüşmenin sonunda elimizde gösterişli bir sunum değil, ziyaretçinin kafasındaki soruları önem sırasına göre dizen sade bir liste olur. Bu listeyi daha sonra her sayfanın içeriğini kontrol ederken de kullanıyoruz; cevapsız kalan bir soru, eksik bir sayfa demektir.

Soru listesi hazır olduğunda sitenin sizin adınıza hangi işi üstleneceğini netleştiriyoruz. Kimi işletme için asıl hedef telefonun çalmasıdır, kimi için teklif formunun dolması, kimi için de yol tarifinin açılması. Hedef belli olunca sayfalardaki her düğmenin ve bağlantının bu amaca hizmet edip etmediğini denetlemek kolaylaşır. Hedefin ölçülebilir olması da önemlidir; ayda kaç arama ya da kaç form beklediğinizi bilmek, ileride sitenin işe yarayıp yaramadığını rakamlarla konuşmamızı sağlar. Aynı aşamada sektörünüzdeki diğer sitelere de göz atıyoruz; onları taklit etmek için değil, ziyaretçinin alıştığı düzeni ve herkesin atladığı boşlukları görmek için. Örneğin rakiplerinizden hiçbiri çalışma saatlerini ya da hizmet verdiği bölgeyi açıkça yazmıyorsa, bu bilgiyi öne çıkarmak sizi ayıran küçük ama etkili bir hamle olabilir. Bütün bu değerlendirmeyi bir sayfalık yazılı bir özete dönüştürüp sizinle paylaşıyoruz. Böylece tasarım sırasında verilen her kararın gerekçesi baştan kayda geçmiş olur ve sonradan yapılan tartışmalar kişisel beğeniye değil bu özete dayanır.

Planlama aşamasında sizden isteyeceğimiz malzemeler de bellidir: logo dosyaları, varsa kurumsal renkler, eski sitenin yönetim erişimi, ürün ya da hizmet listesi ve ekibinizi yansıtan fotoğraflar. Elinizde olmayanları dert etmenize gerek yok; hangi içeriği bizim hazırlayacağımızı, hangisinin sizden geleceğini ortak bir tabloda işaretliyoruz. Bu tablo, kimin neyi hangi tarihe kadar hazırlayacağını da gösterdiği için projenin sizin tarafınızda beklemesini önler. Projenin kapsamını da bu noktada yazıya döküyoruz. Kaç sayfa olacağı, birden fazla dil gerekip gerekmediği, online randevu ya da ödeme gibi ek işlevlerin ilk aşamaya girip girmediği bu belgede yer alır. Ek işlevler ilk aşamaya sığmıyorsa, onları ikinci bir aşama olarak planlıyor ve altyapıyı buna göre hazırlıyoruz. Kapsam belirsizken konuşulan süre ve bütçenin ileride sürprize dönüştüğünü tecrübeyle biliyoruz. Bu nedenle ilk taslağa geçmeden önce iki tarafın aynı listeyi onayladığından emin oluyoruz; web tasarım sürecinin geri kalanı bu ortak zeminin üzerinde ilerler.

Sayfa Haritası, Metinler ve Görsel Dil Aynı Masada Şekilleniyor

Site haritası, ziyaretçinin sayfalar arasında kaybolmadan dolaşmasını sağlayan plandır ve biz onu görsel tasarımdan önce çiziyoruz. Hangi hizmetlerin kendi sayfasını hak ettiğine, hangilerinin tek bir sayfada toplanabileceğine birlikte karar veriyoruz. Kurumsal bir firma, bir klinik ya da bir restoran için doğru yapı birbirinden oldukça farklıdır; bu yüzden hazır bir menü şablonunu her projeye aynen uygulamıyoruz. Temel ilkemiz basittir: Her sayfa tek bir işi üstlenir ve tek bir soruya net bir cevap verir. Ana menüyü kısa tutmaya, alt menüleri yalnızca gerçekten gerektiğinde kullanmaya özen gösteriyoruz. Hakkımızda, iletişim ve sık sorulan sorular gibi sayfaları da kalıp cümlelerle doldurmuyoruz; işletmenizin hikâyesini, çalışma biçimini ve kimlere hizmet verdiğini anlatan somut bilgiler istiyoruz. Ortaya çıkan planı kutular ve oklardan oluşan sade bir şemayla size sunuyoruz. Böylece daha tek bir renk seçilmeden sitenin nasıl işleyeceğini, ziyaretçinin hangi yoldan iletişim düğmesine ulaşacağını görebiliyorsunuz.

Metinler çoğu projede en çok ertelenen parçadır, oysa sayfa düzeninin ölçüsünü de onlar belirler. Uzun bir hizmet açıklaması ile iki cümlelik bir tanıtım aynı kutuya sığmaz; bu yüzden tasarımı gerçek metinler üzerinden kuruyoruz. İçerikleri sizinle yaptığımız görüşmelerden yola çıkarak yazıyor, sektörünüzün teknik terimlerini müşterinizin rahatça anlayacağı bir dile çeviriyoruz. Başlıkların arama yapan kişinin kullandığı ifadelere yakın olmasına, paragrafların telefonda yorulmadan okunacak uzunlukta kalmasına dikkat ediyoruz. Kendi metinlerinizi yazmayı tercih ederseniz, her sayfa için hangi soruların cevaplanması gerektiğini gösteren kısa bir yönlendirme hazırlıyoruz. Böylece yazma işi boş bir sayfanın karşısında beklemekten çıkar. Web tasarım projelerinde sık görülen bir aksaklık, metin sonra gelecek diye boş bırakılan alanlardır; bu alanlar çoğu zaman yayına kadar dolmaz ve site yarım kalmış gibi görünür. Taslak metinleri onayınıza sunuyor, düzeltmeleri tek bir belgede topluyoruz ki hiçbir değişiklik yazışmalar arasında kaybolmasın.

Görsel dil aşamasında renk, yazı karakteri ve boşluk kullanımını kurumsal kimliğinizle uyumlu hâle getiriyoruz. Belirli bir renk paletiniz yoksa sektörünüze ve hitap ettiğiniz kitleye uygun birkaç seçenek hazırlıyor, kararı birlikte veriyoruz. Renk seçiminde okunabilirliği de gözetiyoruz. Açık zemin üzerine soluk yazı ne kadar şık görünürse görünsün, güneş altında telefondan bakan biri için okunmaz hâle gelir. Fotoğraflarda mümkün olduğunca gerçek görüntüleri öneriyoruz; işyerinizi, ekibinizi ve ürünlerinizi gösteren kareler, herkesin kullandığı hazır görsellerden çok daha fazla güven uyandırır. Çekim imkânı olmadığında kullanılacak hazır görselleri lisans koşullarını kontrol ederek seçiyoruz. Tasarımı önce ana sayfa ve örnek bir iç sayfa üzerinde gösteriyor, onayınızı aldıktan sonra kalan sayfalara yayıyoruz. Bu sıralama, bütün sayfalar bittikten sonra köklü bir değişiklik yapma ihtimalini azaltır. Revizyonlar da dağınık bir liste yerine tek bir ekran üzerinden, neyin neden değiştiği açıkça görülerek ilerler.

Telefonda Hızlı Açılan, Arama Motorunun Rahat Okuduğu Bir Altyapı Kuruyoruz

Ziyaretçilerinizin önemli bir bölümü sitenizi telefondan açtığı için tasarımı önce küçük ekranda kurup ardından geniş ekrana uyarlıyoruz. Düğmelerin parmakla rahatça dokunulacak büyüklükte olmasına, telefon numarasının tek dokunuşla aranabilmesine ve formların gereksiz alan istemeden doldurulabilmesine dikkat ediyoruz. Menüyü, yazı boyutunu ve satır aralığını farklı telefon ve tabletlerde tek tek deniyoruz. Telefonun yan çevrildiği durumlarda da düzenin bozulmadığını ayrıca kontrol ediyoruz. Yana kaydırma gerektiren tablolar ya da ekrana sığmayan görseller, mobil kullanıcıyı ilk saniyelerde uzaklaştırabilir. Arama, mesaj ve yol tarifi gibi kısayolları ekranın altında sabit duran küçük bir çubukta toplayabiliyoruz. Bu ayrıntılar, ziyaretçinin sizi bulmak için sayfa sayfa dolaşmasını gereksiz kılar. Çorum’da sizi arayan bir müşteri çoğu zaman yoldayken ya da iki iş arasında hızlıca bilgi arar. Ona adresinizi, çalışma saatlerinizi ve iletişim düğmesini aratmadan göstermek, mobil öncelikli web tasarım anlayışının en somut kazancıdır.

Hız, tasarımın gözle görülmeyen ama en çok hissedilen parçasıdır. Görselleri yayına almadan önce doğru ölçüye getirip daha hafif biçimlere dönüştürüyor, kullanılmayan eklenti ve kodları siteden ayıklıyoruz. Yazı karakteri sayısını sınırlı tutuyor, sayfanın ilk görünen bölümünün diğer içeriklerden önce yüklenmesini sağlıyoruz. Önbellek ayarlarını barındırma altyapısına göre yapılandırıyor, sonuçları Google’ın ücretsiz ölçüm araçlarıyla kontrol ediyoruz. Barındırma paketi de hızı doğrudan etkiler; ucuz ama kalabalık bir sunucu, en özenli tasarımı bile yavaşlatabilir. Bu yüzden sitenin büyüklüğüne ve beklenen ziyaretçi sayısına uygun bir altyapı önerip kurulumunu biz yapıyoruz. Kayan manşetler ve kendiliğinden oynayan videolar gibi göz alıcı ama ağır öğeleri yalnızca belirli bir amaca hizmet ediyorsa kullanıyoruz. Hızlı açılan bir site ziyaretçinin sabrını tüketmez, arama motorlarının sayfalarınızı değerlendirmesini de kolaylaştırır. Bu ölçümleri yayından sonra da belirli aralıklarla tekrarlıyoruz, çünkü eklenen her yeni içerik ve eklenti hızı değiştirebilir.

Arama motorlarında görünürlük başlı başına ayrı bir çalışma olsa da temel altyapıyı tasarım aşamasında kuruyoruz. Her sayfaya konusunu anlatan bir başlık etiketi ve açıklama yazıyor, başlık sıralamasını düzenli tutuyoruz. Sayfa adreslerini kısa ve okunur bırakıyor, görsellere ne gösterdiğini anlatan alternatif metinler ekliyoruz. Site haritası dosyasını oluşturup Google Search Console’a tanımlıyor, işletme bilgilerinizi arama motorlarının kolayca anlayacağı yapılandırılmış veriyle işaretliyoruz. Eski bir siteden geçiyorsanız, önceki adreslerin yeni sayfalara yönlendirilmesini de plana dahil ediyoruz; böylece yıllar içinde biriken ziyaretler boşa gitmiyor. Sayfa başlıklarının ve açıklamalarının arama sonuçlarında nasıl görüneceğini yayından önce önizleme araçlarıyla kontrol ediyoruz. Sosyal medyada paylaşıldığında doğru görselin ve başlığın çıkması için gerekli etiketleri de ekliyoruz. Bu adımlar tek başına sıralama vaadi taşımaz. Ancak web tasarım aşamasında atlandıklarında, ileride yapılacak her optimizasyon çalışması önce bu eksikleri kapatmakla vakit kaybeder.

Site Yayına Girince Anahtarlar Sizde, Bakım Takvimi Bizde

Siteyi yayına almadan önce ayrıntılı bir kontrol listesinden geçiriyoruz. Formların doğru e-posta adresine ulaşması, bütün bağlantıların çalışması, güvenlik sertifikasının etkin olması ve farklı tarayıcılarda görünümün bozulmaması bu listenin başında gelir. Ziyaretçi istatistiklerini toplayacak ölçüm kodlarını yerleştiriyor, telefon tıklamaları ve form gönderimleri gibi önemli hareketleri ayrıca izlenecek biçimde tanımlıyoruz. Eski bir sitenin yerine geçiyorsak, yönlendirmelerin çalıştığını ve mevcut e-posta hesaplarının kesintiye uğramadığını ayrıca doğruluyoruz. Geçişi, sitenin en az ziyaret aldığı saatlere denk getiriyor ve ilk günlerde hata kayıtlarını yakından takip ediyoruz. Arama motorlarının yeni yapıyı tanıması için site haritasını yeniden gönderiyor, sayfaların dizine eklenme durumunu izliyoruz. Sizden de siteyi farklı cihazlardan gezmenizi, gözünüze takılan her ayrıntıyı not etmenizi rica ediyoruz. Ekibinizin ve müşterilerinizin ilk tepkileri, çoğu zaman küçük ama değerli düzeltmelerin kaynağı olur ve bu düzeltmeleri teslim kapsamında hemen hayata geçiriyoruz.

Alan adının ve barındırma hesabının kimin adına kayıtlı olduğu, pek çok işletmenin ancak yıllar sonra fark ettiği bir meseledir. Alan adınızın doğrudan işletmeniz adına kaydedilmesini sağlıyor, barındırma hesabının ve yönetim panelinin erişim bilgilerini size yazılı olarak teslim ediyoruz. Böylece bir gün başka bir ekiple çalışmaya karar verseniz bile sitenizin, e-posta hesaplarınızın ve içeriklerinizin sahibi olarak kalırsınız. Alan adının yenileme tarihini de takip ederek sürenin dolması yüzünden sitenin erişilemez hâle gelmesini önlüyoruz. Barındırma ve alan adı faturalarının kimin üzerine düzenleneceğini de baştan netleştiriyoruz. Kullanılan ücretli tema ve eklentilerin lisans bilgilerini de teslim dosyasına ekliyoruz. Teslimle birlikte kısa bir kullanım eğitimi veriyor; yeni bir ürün eklemeyi, bir fotoğrafı değiştirmeyi ya da duyuru yayımlamayı sizinle birlikte deniyoruz. Bu eğitimi yüz yüze ya da ekran paylaşımıyla yapabiliyor, sık kullanacağınız adımları kısa bir rehberde topluyoruz.

Bir web sitesi yayına girdiği gün tamamlanmış sayılmaz; sistem güncellemeleri, güvenlik yamaları ve içerik değişiklikleri düzenli ilgi ister. Bakım kapsamında çekirdek ve eklenti güncellemelerini önce bir test kopyasında deneyip sonra canlı siteye aktarıyoruz. Düzenli yedek alıyor, bu yedeklerin gerçekten geri yüklenebildiğini de ara ara sınıyoruz. Güvenlik taramalarıyla şüpheli girişleri ve zararlı dosyaları erkenden fark etmeye çalışıyor, kırık bağlantıları onarıyoruz. Kampanya, yeni hizmet ya da fiyat değişikliği gibi güncellemeleri sizin adınıza yapmamızı isterseniz bunları da aylık planın içine alıyoruz. Hangi işlerin bakım kapsamında olduğu, hangilerinin ayrı bir geliştirme sayılacağı yazılı olarak bellidir; küçük bir düzeltme için her seferinde yeni teklif beklemezsiniz. Yılda birkaç kez sitenin genel durumunu sizinle birlikte gözden geçiriyor, işletmenizdeki değişikliklerin siteye yansıyıp yansımadığına bakıyoruz. Bu düzen, web tasarım yatırımınızın zamanla tozlanan bir vitrine dönüşmesini engeller ve sitenin işletmenizle birlikte büyümesine alan açar.

Web Tasarım Hakkında Sık Sorulan Sorular

Hayır. Önce sayfaların amacı ve bu bilgiyi kimin sağlayacağı belirlenebilir. Eksik kalan metinler için bir teslim tarihi, onay sorumlusu ve gerekli kaynak kayda alınır. Doğrulanmamış ifadeler, yalnızca bir boşluğu doldurmak için yayımlanmaz.

Çoğu durumda evet. Alan adının sahipliği ve barındırma erişimi doğrulandığında mevcut adres korunabilir. Sunucu sürümü, depolama ya da güvenlik koşulları yeni yapıyı karşılamıyorsa taşıma seçenekleri ve olası kesinti riski, işe başlamadan önce açıkça anlatılır.

Sık güncellenen hizmet metinleri, görseller, duyurular ve referanslar için kontrollü alanlar açılır. Teknik düzeni etkileyebilecek seçenekler ise yetkiye bağlanır. Teslim sırasında ekibe, hangi alanın nasıl güncellendiği uygulamalı olarak gösterilir.

Evet. Masaüstü düzeni yalnızca küçültülmez; menü, kart dizilimi, buton aralığı ve uzun içeriklerin akışı dar ekranda ayrı ayrı denenir. Kritik sayfalarda gerçek cihaz davranışı da incelenir, çünkü içerik farklı ekranlarda beklenmedik biçimde görünebilir.

Yayındaki adresler tek tek çıkarılır ve değer taşıyan her sayfa için yeni bir hedef belirlenir. Yönlendirmeler döngü, yanlış hedef ve kayıp içerik açısından taranır. Kaldırılan bir sayfaya gelen ziyaretçiye, anlamlı bir sonraki adım sunulur.

Hata giderme, küçük içerik desteği ve yeni geliştirme birbirinden ayrı işler olarak yazılır. Dahil edilen süre, iletişim yöntemi ve yanıt koşulu teklifte belirtilir. Kapsamı genişleten talepler için ayrı bir plan oluşturulur.