Web Tasarım
Web Tasarım Kararlarını Ziyaretçinizin Sorularından Türetiyoruz
Bir web sitesi, işletmenize ulaşmak isteyen kişinin aklındaki sorulara cevap verdiği ölçüde işe yarar. Bu yüzden web tasarım sürecine renklerden ya da beğendiğiniz örnek sitelerden değil, müşterilerinizin size en sık sorduklarından başlıyoruz. Balıkesir’de bir mağaza, bir klinik ya da bir üretim atölyesi işletiyor olabilirsiniz; hangisi olursa olsun telefonda, tezgâhta ve mesajlarda aynı sorular tekrar eder. Hangi konuda tereddüt yaşandığını, satışı hangi bilginin hızlandırdığını ilk görüşmede sizinle birlikte not ediyoruz. Çoğu işletme sahibi işini yüz yüze çok güzel anlatır, ama bu anlatım sitede hiçbir yerde yer almaz. Biz o sözlü bilgiyi yazılı ve düzenli bir yapıya dönüştürüyoruz. Görüşmeye ekibinizde müşteriyle en çok konuşan kişiyi de davet etmenizi öneriyoruz; sahadaki soruları çoğu zaman o kişi daha net hatırlar. Ardından sitenin ana hedefini tek cümleyle belirliyoruz: arama almak, teklif formu toplamak ya da ziyaretçiyi dükkâna yönlendirmek gibi. Hedef netleşince her sayfanın bu hedefe nasıl hizmet edeceği de kendiliğinden ortaya çıkıyor.
Sorular toplandıktan sonra ziyaretçileri gruplara ayırıyoruz. Aynı siteye ilk kez fiyat araştıran bir müşteri, yıllardır sizden alışveriş yapan biri ve iş birliği arayan bir tedarikçi gelebilir. Her grubun ihtiyacı farklıdır; hepsine ana sayfada aynı ağırlıkla seslenmek ise karmaşa yaratır. Kimi ziyaretçi hızlıca telefon numaranızı arar, kimi karar vermeden önce uzun uzun inceleme yapar. Öncelik sırasını bu nedenle sizinle konuşarak belirliyoruz. Size en çok gelir getiren ya da ekibinizin en çok zamanını alan soru hangisiyse, site önce ona cevap verir. Sonra rakiplerinizin sitelerine kısa bir göz atıyoruz; amacımız onları taklit etmek değil, müşterinin zaten alıştığı bilgileri eksik bırakmamak. Keşif aşamasının sonunda elinize iki sayfalık sade bir çalışma notu geçer. Bu notta hedef kitle, sitenin ana amacı, gerekli sayfalar ve ölçmek istediğimiz ziyaretçi davranışları yazar. Tasarım, içerik ve teknik tarafta verdiğimiz sonraki bütün kararları bu belgeye bakarak veriyoruz, böylece proje boyunca yön kaybı yaşanmıyor.
Site haritasını da aynı sorulardan türetiyoruz. Her sık soru ya ayrı bir sayfaya, ya bir sayfa bölümüne ya da kısa bir cevap kutusuna dönüşür. Örneğin hizmet bölgenizi soran biri için iletişim sayfasına net bir kapsama notu, teslim süresini merak eden biri için hizmet sayfasına adım adım bir süreç anlatımı ekliyoruz. Böylece menüde gereksiz sayfa kalmıyor ve ziyaretçi aradığını birkaç tıklamayla buluyor. Menü adlarını kurum içinde kullandığınız terimlerle değil, müşterinin arama yaparken seçtiği kelimelerle yazıyoruz. Bu yaklaşım web tasarım bütçesini de korur, çünkü kimsenin okumayacağı sayfalar için emek harcamayız. Yapı onaylandığında her sayfanın amacı, içindeki başlıklar ve sayfanın sonunda ziyaretçiden beklenen adım tek bir tabloda toplanmış olur. Tasarımcılarımız bu tabloyla çalıştığı için sonradan yön değiştirme ihtiyacı belirgin biçimde azalır. Onaydan sonra gelen yeni sayfa istekleri de bu tabloya eklenir ve hangi soruya cevap verdiğine bakılarak değerlendirilir.
İçerik Taslağı Netleşmeden Görsel Tasarıma Geçmiyoruz
Pek çok site projesi, tasarım bittiği halde metinler hâlâ yazılmadığı için haftalarca bekler. Bunu önlemek adına içerik taslağını görsel çalışmadan önce hazırlıyoruz. Sizinle yaptığımız görüşmelerden, broşürlerinizden ve müşterilerinizin sorularından yola çıkarak her sayfanın ilk metnini biz yazıyoruz. Siz yalnızca bilgileri doğruluyor, eksik gördüğünüz yerleri tamamlıyorsunuz. Teknik bir konuyu yazıya dökmekte zorlanıyorsanız kısa bir sesli kayıt göndermeniz de yeterli; o kaydı biz düzenli bir metne çeviriyoruz. Metinlerde uzun ve süslü kurumsal cümleler yerine kısa, somut ve kontrol edilebilir ifadeler kullanıyoruz. Hangi hizmeti verdiğiniz, kime uygun olduğu, nasıl başladığı ve sizden nasıl teklif alınacağı açıkça yazılıyor. Gerçek içerik elimizde olduğunda tasarım da gerçek ihtiyaca göre şekilleniyor. Başlığın kaç satır tutacağını, hangi bölümün görsele ihtiyaç duyduğunu ve formun nereye yerleşeceğini tahminle değil, metne bakarak belirliyoruz. Bu sıralama yayın tarihinin gereksiz yere ertelenmesini de engelliyor. Metinlerin son hali ayrıca imla ve tutarlılık açısından bir kez daha okunuyor.
İçerik oturduktan sonra her sayfanın iskeletini, yani renksiz bir yerleşim taslağını çiziyoruz. Bu aşamada yalnızca bilginin sırasını ve önemini tartışıyoruz. Ana mesaj nerede duracak, arama butonu hangi noktada görünecek, güven veren referanslar hangi bölümde yer alacak, hepsi burada kararlaştırılıyor. İskelet onaylanınca web tasarım ekibimiz logonuzdan, basılı malzemelerinizden ve sektörünüzün ciddiyet düzeyinden hareketle görsel dili oluşturuyor. Yazı karakterlerini okunabilirliğe göre, renkleri ise marka uyumu ile yeterli kontrast arasındaki dengeye göre seçiyoruz. Butonlar, kartlar, form alanları ve başlık stilleri ortak bir bileşen kütüphanesi olarak tanımlanıyor. Böylece ileride yeni bir sayfa eklendiğinde site dağınık görünmüyor, her parça aynı ailenin üyesi gibi duruyor. Taslakları size tek tek sunuyor, geri bildirimlerinizi gerekçeleriyle birlikte değerlendiriyoruz. Renk ve yazı tercihlerinin nedenini açıkladığımız kısa bir stil sayfası da hazırlıyoruz; ileride basılı işlerinizde aynı kuralları kullanabilirsiniz.
Görseller konusunda açık konuşmayı tercih ediyoruz. Hazır fotoğraf arşivleri hızlı bir çözüm sunar, ama ziyaretçi aynı kareleri başka sitelerde de görmüş olabilir. Mümkün olduğunda işletmenizin gerçek mekânını, ekibini ve ürünlerini gösteren fotoğraflar kullanmanızı öneriyoruz. Çekim için telefonla bile uygulanabilecek basit bir ışık ve kadraj rehberi veriyoruz. Profesyonel çekim gerekiyorsa hangi karelerin öncelikli olduğunu listeleyen bir çekim planı çıkarıyoruz, böylece fotoğrafçıyla geçen zaman boşa gitmiyor. Görsellerin dosya adlarını da içeriği anlatacak biçimde düzenliyoruz. Gerçek fotoğrafın bulunmadığı yerlerde boşluğu sade çizimler ya da ikonlarla dolduruyoruz. Her görsele içeriğini anlatan alternatif metin ekliyor, yazı ile arka plan arasındaki kontrastı erişilebilirlik ölçütlerine göre kontrol ediyoruz. Bu ayrıntılar görme güçlüğü yaşayan kullanıcılar için olduğu kadar arama motorları için de anlam taşır. Onay vermeden önce tüm sayfaları gerçek metin ve gerçek görsellerle birlikte görmenizi sağlıyoruz, çünkü boş bir şablon üzerinde alınan kararlar yayında çoğu zaman değişir.
Mobil Hızı Arama Altyapısıyla Birlikte Kuruyoruz
Ziyaretçilerinizin önemli bir kısmı sitenizi büyük olasılıkla telefonundan açacak. Bu nedenle web tasarım çalışmasını önce küçük ekran için kurguluyor, masaüstü düzenini sonradan genişletiyoruz. Butonları başparmakla rahat basılacak büyüklükte tutuyor, telefon numarasına dokunulduğunda aramanın doğrudan başlamasını sağlıyoruz. Formlarda yalnızca gerçekten gerekli alanları bırakıyor, klavyenin alan türüne göre açılmasını ayarlıyoruz. Telefon alanına dokunan kişinin karşısına rakam klavyesi çıkması küçük bir ayrıntı gibi görünür, ama formun tamamlanıp tamamlanmamasını doğrudan etkiler. Yatay ve dikey ekran geçişlerinde de düzenin bozulmadığını kontrol ediyoruz. Menü, tablo ve galeri gibi mobilde sık sorun çıkaran bileşenleri farklı ekran boyutlarında tek tek deniyoruz. Testleri yalnızca tarayıcı simülasyonunda değil, farklı marka ve yaştaki gerçek telefonlarda da yapıyoruz. Eski bir cihazda akıcı çalışan bir site, yeni cihazlarda zaten rahatça açılır. Mobil düzen oturduğunda masaüstü görünümünü de aynı içerik sırasını koruyarak genişletiyoruz, böylece iki ekranda farklı bilgiler görünmüyor.
Hızı, tasarımın ayrılmaz bir parçası olarak ele alıyoruz. Görselleri yüklemeden önce uygun boyuta küçültüyor, modern dosya biçimlerine dönüştürüyor ve sayfanın alt kısmındakilerin ancak kaydırıldığında yüklenmesini sağlıyoruz. Kullanılmayan eklentileri ve ağır animasyon kütüphanelerini projeye baştan almıyoruz. Yazı tiplerinin yalnızca gerçekten kullanılan kalınlıklarını yüklüyoruz. Harita, video ve sosyal medya akışı gibi dış kaynaklı öğeleri ziyaretçi onlara ulaştığında yüklenecek şekilde erteliyoruz. Önbellekleme ve sıkıştırma ayarlarını sunucu tarafında yapıyor, Core Web Vitals değerlerini yayından önce ve sonra ölçüyoruz. Sonuçları size teknik terimlere boğmadan anlatıyoruz: ilk içerik ne kadar sürede görünüyor, yükleme sırasında düzen kayıyor mu, sayfa dokunuşlara ne kadar çabuk tepki veriyor. Yavaş açılan bir sayfa, ziyaretçinin içeriği görmeden geri dönmesine yol açabilir. Bu yüzden siteye her yeni bölüm eklendiğinde hız ölçümünü tekrarlıyoruz. Barındırma paketinin kapasitesi de hızı etkilediği için sunucu seçiminde size gerekçeli bir öneri sunuyoruz.
Arama motoru altyapısını da tasarımla aynı anda kuruyoruz, sonradan eklenen bir katman gibi görmüyoruz. Her sayfaya kendi konusunu anlatan bir başlık etiketi ve açıklama yazıyor, sayfa içi başlıkları mantıklı bir hiyerarşiyle diziyoruz. Adresleri kısa ve okunabilir tutuyor, site haritası dosyasını oluşturup arama motorlarına bildiriyoruz. İşletme adı, adres, çalışma saatleri ve telefon gibi bilgileri yapılandırılmış veriyle işaretliyoruz. Bu sayede Balıkesir’de hizmetinizi arayan kişi, sonuç sayfasında daha anlaşılır bir kayıtla karşılaşabiliyor. Eski bir siteniz varsa değişen adresler için yönlendirme listesi hazırlıyor, mevcut ziyaretçi trafiğinin kaybolmamasına dikkat ediyoruz. Search Console ve ziyaretçi analizi araçlarını sizin hesabınıza bağlıyoruz. Hangi sayfanın ne kadar ziyaret aldığını, formların kaç kez doldurulduğunu ve aramaların nereden geldiğini bu araçlar üzerinden takip edebilirsiniz. Bu temel, ileride düzenli bir optimizasyon çalışması başlatmak isterseniz sağlam bir başlangıç noktası oluşturur.
Yayın Sonrası Bakımı Sürdürüyor, Hesapları Sizin Adınıza Açıyoruz
Yayın gününden önce uzun bir kontrol listesinin üzerinden geçiyoruz. Tüm formları gerçek gönderimlerle deniyor, bildirim e-postalarının doğru adrese ve istenmeyen klasöre düşmeden ulaştığını doğruluyoruz. Kırık bağlantıları, eksik görsel açıklamalarını ve hata sayfalarını tarıyoruz. Güvenlik sertifikasının bütün sayfalarda çalıştığını, yönlendirmelerin doğru hedefe gittiğini kontrol ediyoruz. Siteyi farklı tarayıcılarda ve farklı bağlantı hızlarında son bir kez gezerek gözden kaçan ayrıntıları topluyoruz. Yayına geçişi, ziyaretin görece az olduğu bir saatte yapıyoruz. Yayından sonra size kısa bir kullanım eğitimi veriyoruz. Yeni bir duyuru eklemeyi, fotoğraf değiştirmeyi ya da fiyat bilgisini güncellemeyi kendi başınıza yapabilmeniz için adım adım ekran kayıtları da hazırlıyoruz. İlk haftalarda ziyaretçi davranışını yakından izliyor, formun yarıda bırakıldığı ya da sayfanın hızla kapatıldığı noktaları not ediyoruz. Küçük düzeltmeler bu dönemde yapılır; site de böylece gerçek kullanıcı verisiyle olgunlaşır.
Bir site yayına alındığında iş bitmiş olmaz. İçerik yönetim sistemi, tema ve eklentiler düzenli güncelleme ister; ihmal edilen güncellemeler zamanla güvenlik açığına dönüşebilir. Bakım planımızda güncellemeleri önce bir test kopyasında deniyor, sorun çıkmazsa canlı siteye uyguluyoruz. Yedekleri sunucudan bağımsız bir konumda saklıyor, geri yükleme işlemini ara ara gerçekten deneyerek yedeğin işe yaradığından emin oluyoruz. Sitenin erişilemez hale geldiği anlarda otomatik uyarı alacak şekilde izleme kuruyoruz. Uyarı geldiğinde sorunun sunucudan mı, bir eklentiden mi yoksa alan adı ayarlarından mı kaynaklandığını hızlıca ayırt ediyoruz. Web tasarım hizmetimizi bir bakım anlaşmasına bağlamıyoruz; bakımı bizden almak ya da kendi ekibinizle sürdürmek sizin tercihinizdir. Bakımı biz üstlendiğimizde her ay yapılan işleri kısa bir notla paylaşıyoruz. Böylece ödediğiniz hizmetin karşılığını açıkça görebiliyorsunuz. İçerik güncellemeleri için de size yazılı bir talep yolu tanımlıyoruz; hangi isteğin ne zaman tamamlandığı kayıt altında kalıyor.
Alan adı ve barındırma hesapları konusunda kuralımız basit: kayıtlar sizin adınıza ve sizin e-posta adresinizle açılır. Sitenizin alan adı, Balıkesir’deki işletmenizin tabelası kadar size ait olmalıdır. Yönetici paneli, barındırma paneli ve alan adı hesabının erişim bilgilerini yayından sonra yazılı olarak teslim ediyoruz. Bizimle çalışmayı bırakmak isterseniz sitenin tam yedeğini ve bütün dosyalarını size veriyor, yeni bir ekibin işi devralması için gereken teknik notları da ekliyoruz. Bu şeffaflık, web tasarım ilişkisini zorunluluğa değil memnuniyete dayandırmamızı sağlıyor. Kurumsal e-posta hesaplarınızın da aynı şekilde sizin kontrolünüzde olmasına özen gösteriyoruz. Yenileme tarihlerini takvime işliyor ve süre dolmadan sizi uyarıyoruz, çünkü unutulan bir alan adı yenilemesi sitenin bir anda kapanmasına neden olabilir. Hangi hizmetin kime ait olduğu, ne zaman yenileneceği ve yıllık maliyetin nereden doğduğu baştan bilindiğinde sürpriz yaşanmaz. Bu bilgileri tek sayfalık bir teslim belgesinde topluyor, bir kopyasını da size veriyoruz.
Web Tasarım Hakkında Sık Sorulan Sorular
Sayfa sayısına nasıl karar veriliyor?
Bu sayı hazır bir kalıptan çıkmaz; sunduğunuz işlerin birbirinden ne kadar ayrıştığına ve ziyaretçilerin hangi soruları sorduğuna bakarak belirlenir. Bir sayfa tek bir işi üstlendiğinde, az sayıda başlıkla da yeterli bir yapı kurulabilir. Önemli olan toplam sayı değil, aranan bilginin ilk bakışta nerede durduğudur.
Küçük ekran uyumu teklife dahil mi?
Telefon ve tablet görünümü işin temelinde yer alır; sonradan satın alınan bir ek değildir ve ayrı bir kalem olarak faturalandırılmaz. Hangi ekran genişliklerinin ve hangi tarayıcıların denendiği teklif metninde açıkça belirtilir. Böylece kapsam konusunda teslim aşamasında sürpriz yaşanmaz.
Mevcut içerikler yeni düzende kullanılabilir mi?
Güncelliği doğrulanmış metinler ve yeterli çözünürlükteki görseller taşınabilir. Eskimiş, birbiriyle çelişen ya da kaynağı belirsiz kayıtları yayın öncesinde ayırır, hangilerinin yenilenmesi gerektiğine birlikte karar veririz. Taşınan içeriğin yeni düzendeki yeri de aynı aşamada belirlenir.
Güncellemeleri kendi ekibimiz yürütebilir mi?
Panel, ekipteki görev dağılımına göre kurulur ve herkes yalnızca kendi sorumlu olduğu bölümü görür. Teslim görüşmesinde yazı ekleme, görsel değiştirme ve bölüm güncelleme gibi temel işlemler uygulamalı biçimde gösterilir. Yanında kısa bir kullanım notu kalır, böylece aradan zaman geçse de adımlar hatırlanır.
Proje takvimi neye göre belirleniyor?
Bir web tasarım projesinin takvimi içeriğin ne zaman hazır olacağına, istenen özel işlevlere ve onayların dönüş hızına göre şekillenir. Süreci baştan aşamalara böler, her aşamayı görülebilir bir teslimle ilişkilendiririz. Gecikme ihtimali belirdiğinde nedeni ve etkisi vaktinde konuşulur.
Alan adı ve sunucu hesapları kimin adına açılmalı?
Hesapların baştan işletmenin kendi adına tanımlanmasını öneririz; kullanıcı bilgileri teslim sırasında güvenli biçimde size geçer. Yenileme tarihlerini kimin takip edeceği ve teknik desteğin sınırları teklif metninde yazılı olarak yer alır. Böylece ileride farklı bir ekiple çalışmak isterseniz de yapı sizin elinizde kalır.