Web Tasarım

Web Tasarım Sürecine Satış Hedeflerinizi Konuşarak Giriyoruz

Web tasarım işine, ekrana tek bir kutu koymadan önce ne sattığınızı dinleyerek giriyoruz. Kırşehir’deki bir işletmenin siteden beklentisi çoğu zaman telefonun çalması ya da bir formun dolmasıdır. İlk görüşmede hangi ürünün öne çıkacağını ve ziyaretçiyi hangi sayfanın harekete geçireceğini birlikte belirliyoruz. Bu görüşmede biz anlatmıyoruz; asıl olarak sizi ve işinizi konuşturuyoruz. Elimizde eski bir site varsa nelerin işe yaradığını, nelerin ziyaretçiyi kaçırdığını da inceliyoruz. Beğendiğiniz örnek siteleri birlikte gözden geçirip beklentinizi somutlaştırıyoruz. İşletmenizin geçmişte hangi kanaldan müşteri kazandığını da öğreniyoruz. Bu bilgi, sitenin hangi vaadi öne çıkaracağını netleştiriyor. Rakip sitelerin boş bıraktığı soruları not alıyor, aynı soruların sizin sayfalarınızda yanıt bulmasını sağlıyoruz. Hedef netleşmeden renk ya da yazı tipi seçmiyoruz. Böylece her karar kişisel beğeniye değil, işletmenizin somut ihtiyacına dayanıyor. Amacımız yalnızca güzel bir ekran değil, çalan bir telefon ve dolan bir sepettir.
Planı çıkarırken sitenin kaç sayfadan oluşacağını ve her sayfanın hangi işi üstleneceğini tek tek yazıyoruz. Anasayfa ziyaretçiyi karşılıyor, hizmet sayfaları detayları anlatıyor, iletişim sayfası ise aramayı ya da yol tarifini kolaylaştırıyor. Menü yapısını, birisi siteye ilk kez girdiğinde kaybolmayacak biçimde sade tutuyoruz. Ziyaretçinin en çok hangi sayfaya ihtiyaç duyacağını tahmin edip onu bir tık uzağa yerleştiriyoruz. Gereksiz açılır menüler yerine, herkesin anlayacağı düz bir yol tercih ediyoruz. Hangi metnin nerede duracağını, hangi görselin hangi mesajı taşıyacağını içerik iskeletine işliyoruz. Sayfalar arası geçişin mantıklı bir sırayla ilerlemesine dikkat ediyoruz. Ziyaretçi geri düğmesine basmadan hedefine ulaşabilmeli. Bu iskelet sayesinde yazı ve tasarım aynı anda ilerliyor, sona kalan boşluklar oluşmuyor. Her sayfa için ziyaretçinin atmasını istediğimiz bir sonraki adımı da baştan tanımlıyoruz. Sayfa sayısını gereksiz yere şişirmiyoruz; ziyaretçiyi yormayan, aradığını çabuk bulduran bir kurgu peşindeyiz. İskelet onaylanınca görsel aşamaya sağlam bir yol haritasıyla geçiyoruz.
Metinleri de bu aşamada konuşuyoruz, çünkü boş kutulara sonradan yazı sığdırmak çoğu projede sıkıntı çıkarır. Sizden ürünleriniz, çalışma biçiminiz ve müşterilerin en çok sorduğu şeyler hakkında bilgi topluyoruz. Elinizde hazır metin yoksa taslakları biz yazıyor, onayınıza sunuyoruz. Cümleleri kısa ve anlaşılır tutuyoruz; ziyaretçi üç saniyede ne sunduğunuzu kavrayabilmeli. Teknik terim yerine müşterinizin kullandığı günlük dili tercih ediyoruz. Başlıkları, sayfayı taramadan okuyan birine bile fikir verecek biçimde yazıyoruz. Önemli sözü paragrafın başına koyup gerisini ona bağlıyoruz. Yazıların uzunluğunu sayfanın amacına göre ayarlıyor, okuru gereksiz ayrıntıya boğmuyoruz. Aynı bilgiyi iki farklı sayfada tekrar etmek yerine her sayfaya kendi görevini veriyoruz. Görseller için de erken karar veriyoruz; kendi fotoğraflarınız mı kullanılacak yoksa stok görsel mi. Fotoğraf çekimi gerekiyorsa bunu takvime baştan ekliyoruz. Bütün bunları toparlayıp web tasarım sürecine gerçek içerikle giriyoruz, temsili yazılarla oyalanmıyoruz.

Ziyaretçiyi Yönlendiren Görsel Dili Birlikte Kuruyoruz

Görsel aşamada web tasarım ekibi olarak, markanızın kimliğini ekrana taşıyacak bir renk ve yazı düzeni kuruyoruz. Logonuz varsa ondaki tonları temel alıyor, yoksa sektörünüze ve hedef kitlenize uygun bir palet öneriyoruz. Renkleri rastgele değil, ziyaretçinin gözünü önemli butona yönlendirecek biçimde seçiyoruz. Az sayıda ana renkle çalışıyoruz; her yeri boyayan sayfalar mesajı dağıtır. Karanlık ve aydınlık zemin arasında seçim yaparken sektörünüzün alışkanlıklarını da göz önünde tutuyoruz. Renklerin telefon ekranında da beklendiği gibi durduğunu ayrıca kontrol ediyoruz. Bağlantı ve buton renklerini, geri kalan tasarımdan ayrılacak biçimde belirliyoruz. Aynı işi yapan öğeleri her sayfada aynı renkle gösteriyoruz. Yazı tiplerini okunurluk üzerinden değerlendiriyoruz; süslü ama zor okunan fontlar yerine ekranda rahat okunanları kullanıyoruz. Başlık, ara başlık ve gövde metni arasındaki boyut farkını belirleyerek sayfaya bir düzen veriyoruz. Bu düzen tüm sayfalarda aynı kaldığı için site bütünlüklü ve güvenilir görünüyor. Amacımız gösteriş değil, mesajın önündeki engelleri kaldırmaktır.
Sayfa yerleşiminde her bölüme bir görev veriyoruz ve ziyaretçinin gözünü yukarıdan aşağıya doğru yönlendiriyoruz. En üstte ne yaptığınızı anlatan kısa bir söz, hemen altında ise iletişime geçiren bir buton yer alıyor. Boşlukları cömertçe kullanıyoruz; sıkışık ekranlar ziyaretçiyi yorar ve mesajı boğar. Önemli bilgileri kutular, ikonlar ve kısa listelerle görünür kılıyoruz, uzun paragraf yığınından kaçınıyoruz. İlk ekranda çok fazla seçenek sunup ziyaretçiyi kararsız bırakmaktan kaçınıyoruz. Her ekranda gözü tek bir asıl eyleme doğru çekmeye çalışıyoruz. Uzun sayfalarda ziyaretçinin nerede olduğunu hissettiren küçük işaretler bırakıyoruz. Aşağıya indikçe iletişim çağrısını tekrar önüne getiriyoruz. Butonların rengi ve yeri, tıklanması gereken yerin şüpheye yer bırakmadan anlaşılmasını sağlıyor. Her bölümün ardından ziyaretçinin ne yapacağını bildiği bir akış kuruyoruz. Sayfayı aşağı indikçe merakın ve güvenin birlikte artmasını hedefliyoruz. Bu yerleşim mantığı, web tasarım işini süslemekten ayıran asıl çizgidir.
Görselleri seçerken sitenin tonuyla uyumlu, gerçek ve net kareleri tercih ediyoruz. İşletmenizin kendi fotoğrafları varsa bunları düzenleyip aynı ışık ve çerçeve diliyle birbirine yaklaştırıyoruz. İkonları tek bir çizim ailesinden seçiyoruz ki sayfa dağınık durmasın. Çözünürlüğü düşük ya da bulanık kareleri, sitenin genel havasını bozduğu için kullanmıyoruz. Gerektiğinde sade çizimlerle fotoğrafın boşluğunu dolduruyoruz. Telifsiz ya da izinli görseller kullanarak ileride sorun çıkmasını önlüyoruz. Her görselin dosya boyutunu, kaliteyi koruyacak ölçüde küçültüyoruz. Renk, yazı ve görsel bir arada markanızın sesini oluşturuyor; ciddi mi, sıcak mı, sade mi olduğunuz ekrandan anlaşılıyor. Görsellerin üzerine bindirdiğimiz yazının her zaman okunur kalmasına dikkat ediyoruz. Aynı görsel dili sosyal medya ve basılı işlerinize de taşıyabilmeniz için kuralları not ediyoruz. Böylece müşteriniz sizi nerede görürse görsün aynı işletmeyi tanıyor. Tutarlılık, akılda kalmanın sessiz ama güçlü bir yoludur.

Telefonda Hızlı Açılan Sayfalar İçin Teknik Zemin

Telefonda açılan sayfa bugün masaüstünden daha çok ziyaretçi karşılıyor; bu yüzden web tasarım kararlarını önce küçük ekrana göre veriyoruz. Menü, buton ve formların parmakla rahat kullanılmasını sağlıyor, minik dokunma alanlarından kaçınıyoruz. Yazı boyutunu telefonda yakınlaştırmaya gerek kalmadan okunacak şekilde ayarlıyoruz. Görselleri farklı ekran genişliklerine göre yeniden boyutlandırıp gereksiz büyük dosyaları eliyoruz. Sayfanın birkaç saniyede açılması için kodu sade tutuyor, ağır eklentilerden uzak duruyoruz. Görselleri modern biçimde sıkıştırıp kaliteyi düşürmeden dosya boyutunu küçültüyoruz. Sık ziyaret edilen dosyaları tarayıcıda saklayarak tekrar açılışları hızlandırıyoruz. Bağlantı zayıfken bile sayfanın temel hâliyle açılmasını sağlıyoruz. Sayfa açılırken metnin görselden önce belirmesini sağlayıp ziyaretçiyi boş ekran karşısında bekletmiyoruz. Yükleme sırasında zıplayan, yeri kayan öğelerin önüne geçiyoruz. Yavaş açılan bir site ziyaretçiyi daha ilk saniyede kaçırır. Kısacası hız, hem ziyaretçi memnuniyeti hem de arama sıralaması için sessizce çalışan bir yatırımdır.
Site yayına çıkmadan, arama motorlarının sayfaları doğru okuması için teknik zemini hazırlıyoruz. Her sayfaya kendi başlığını ve açıklamasını yazıyor, adreslerin okunabilir ve anlamlı olmasını sağlıyoruz. Başlık etiketlerini sırasıyla kullanıyoruz ki hem ziyaretçi hem de arama motoru içeriğin hiyerarşisini görebilsin. Görsellere alternatif metin ekliyor, görme engelli kullanıcıların ve arama botlarının içeriği anlamasına yardımcı oluyoruz. Sayfaların sosyal medyada paylaşıldığında düzgün görünmesi için gerekli etiketleri de tanımlıyoruz. Sayfa adreslerini kısa ve konuyu yansıtan kelimelerden kuruyoruz. Arama sonuçlarında görünecek başlık ve açıklamayı da rastgele bırakmıyoruz. Aynı içeriğe giden farklı adresleri tek bir asıl adreste birleştiriyoruz. Sayfaların hangi dilde olduğunu da makinelere açıkça bildiriyoruz. Site haritası ve yönlendirme dosyalarını kurup sayfaların taranmasını kolaylaştırıyoruz. Bu altyapı sıralamada tek başına mucize yaratmaz ama içeriğinizin hak ettiği yeri bulmasının önünü açar. İyi kurulmuş bir temel, sonradan yapılacak işleri de ucuzlatıyor.
Formları kısa ve net tutuyoruz; ziyaretçiden yalnızca gerçekten gereken bilgileri istiyoruz. Telefon numarasına dokununca aramanın başlaması, adrese dokununca haritanın açılması gibi küçük kolaylıkları ekliyoruz. Renk körü ziyaretçiler için yeterli kontrastı sağlıyor, yazının arka planla karışmamasına dikkat ediyoruz. Butonlara ve bağlantılara, ekran okuyucuların anlayabileceği açıklamalar yerleştiriyoruz. Klavyeyle gezmek isteyen kullanıcıların da her bağlantıya sırayla ulaşabildiğini deniyoruz. Hata veren bir sayfada ziyaretçiyi yönlendiren nazik bir mesaj bırakıyoruz. Dokunmatik ekranlarda yanlışlıkla basmayı önlemek için butonlar arasına yeterli boşluk koyuyoruz. Formda hata olduğunda nerede düzeltme gerektiğini açıkça gösteriyoruz. Siteyi farklı telefonlarda, tabletlerde ve tarayıcılarda tek tek deniyoruz. Bir bağlantının kırık, bir görselin bozuk çıkmadığından yayına almadan önce emin oluyoruz. Formdan gelen mesajın size doğru ulaştığını gerçek bir deneme göndererek kontrol ediyoruz. Erişilebilir bir site, daha geniş bir kitleye ulaşan sitedir.
Yayın Sonrası Sahiplik ve Bakım Düzeni
Yayın aşamasında alan adının ve barındırma hesabının sizin adınıza açık olmasına özen gösteriyoruz. Sitenizin adresi ve dosyaları size ait olmalı ki ileride bizimle yolunuz ayrılsa bile içeriğiniz elinizde kalsın. Şifreleri ve erişim bilgilerini düzenli biçimde teslim ediyor, hiçbir kapıyı yalnızca kendimize saklamıyoruz. Barındırma seçiminde günlük ziyaret sayınıza ve bütçenize uygun bir çözümü birlikte konuşuyoruz. Site dosyalarının düzenli yedeğini alacak bir düzeni de yayınla birlikte kuruyoruz. Güvenli bağlantı sertifikasının kurulu ve geçerli olduğunu teslimden önce doğruluyoruz. Site taşınması gerekirse tüm dosya ve veritabanını eksiksiz devredebiliyoruz. Kullandığımız tema ve eklentilerin lisanslarını da size aktarıyoruz. Yayına geçmeden önce siteyi kapalı bir ortamda gösterip son onayınızı alıyoruz. Böylece ziyaretçiler siteyle karşılaşmadan önce siz her sayfayı görmüş oluyorsunuz. Alan adının yenilenme tarihini takvime işleyip süresi dolup kapanmasının önüne geçiyoruz. İşiniz sizin, siteniz de sizin kalıyor.
Yayın bir bitiş değil, düzenli bakımın başladığı andır. Yazılım güncellemelerini takip ediyor, güvenlik açıklarını kapatıyor ve yedekleri belirli aralıklarla alıyoruz. İçerikte değişiklik gerektiğinde, yeni bir hizmet ya da kampanya eklemek istediğinizde yanınızda oluyoruz. Sitenin ziyaret sayılarını izleyip hangi sayfaların ilgi gördüğünü sizinle paylaşıyoruz. Bu verilere bakarak hangi bölümün güçlendirilmesi gerektiğine birlikte karar veriyoruz. Yeni cihazlar ve tarayıcılar çıktıkça sitenin uyumunu belirli aralıklarla yeniden gözden geçiriyoruz. İhtiyaç duyduğunuzda küçük eklerin ne kadar sürede yapılacağını baştan konuşuyoruz. Ay sonlarında kısa bir durum notuyla yapılan işleri özetliyoruz. Öne çıkan bir fırsat gördüğümüzde bunu size öneri olarak iletiyoruz. Küçük aksaklıkları büyümeden çözmek, ileride çıkacak masraflı sorunların önüne geçiyor. Bakım planını ihtiyacınıza göre esnek tutuyoruz; her ayı meşgul bir sözleşmeye bağlamıyoruz. Amacımız sitenin ilk günkü canlılığını yıllar boyunca koruyabilmesidir.
Teslimde size sitenin nasıl yönetileceğini gösteren kısa bir eğitim veriyoruz. Bir ürünü nasıl ekleyeceğinizi, bir fiyatı nasıl güncelleyeceğinizi kendiniz yapabilecek düzeyde anlatıyoruz. Basit işler için her seferinde bize dönmenize gerek kalmıyor, kontrol sizde oluyor. İsterseniz bu adımları anlatan kısa videoları da kaydedip size bırakıyoruz. Sorularınız olduğunda ulaşabileceğiniz açık bir iletişim hattı bırakıyoruz. İhtiyaç duyduğunuzda ekranı paylaşarak adım adım da yardımcı oluyoruz. Acele bir düzeltmede ne kadar sürede döneceğimizi baştan söylüyoruz. Yıl içinde belirli dönemlerde oturup sitenin hedeflerine ne kadar yaklaştığını değerlendiriyoruz. Hangi yeni adımın işinize değer katacağını birlikte planlıyoruz. Bizim için web tasarım, dosyayı teslim edip uzaklaşmak değil, uzun soluklu bir çalışma ilişkisidir. İşletmeniz büyüdükçe siteyi de birlikte büyütmeyi öneriyoruz. Bu yaklaşım, ilk günden itibaren güvene dayalı bir ortaklık kuruyor.

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

Hayır. Önce her sayfanın amacını ve o bilgiyi kimin verebileceğini belirlemek yeterli oluyor. Sıkça yaptığımız gibi, eksik metinler için teslim tarihini, onay verecek kişiyi ve gereken kaynağı önceden kayda alırız. Böylece iş, bütün yazılar toplanana kadar beklemeden ilerleyebilir.
Alan adının sahipliği ve barındırma erişimi doğrulanabiliyorsa mevcut adres korunabilir; Kırşehir’deki çoğu yenilemede bunu böyle yürütüyoruz. Yalnızca sunucu sürümünün, depolama alanının ve güvenlik koşullarının yeni yapıya uygun olup olmadığını önceden kontrol eder, gerekiyorsa taşımayı buna göre planlarız.
Sık güncellenen hizmet metinleri, görseller, duyurular ve referanslar için kontrollü düzenleme alanları açılır. Teknik düzeni etkileyebilecek seçenekler ise yanlışlıkla bozulmayı önlemek için kapalı tutulur ya da ayrı bir onaya bağlanır. Böylece günlük güncelleme rahatça yapılırken yapının bütünlüğü korunur.
Evet. Masaüstü düzenini küçültüp bırakmıyoruz; menüyü, kart dizilimini, buton aralıklarını, form mesajlarını ve uzun içeriklerin akışını farklı ekran boyutlarında ayrı ayrı deniyoruz. Telefonda okunması ve dokunulması gereken her alan, yayına girmeden gerçek kullanım koşullarında sınanır.
Yayındaki adresler tek tek gözden geçirilir ve değer taşıyan her sayfa için yeni bir hedef belirlenir. Yönlendirmeleri döngüye girme, yanlış hedefe gitme ve içerik kaybı açısından deneriz. Böylece eski bir bağlantıya tıklayan ziyaretçi boş bir sayfayla değil, aradığı içerikle karşılaşır.
Hata giderme, küçük içerik desteği ve yeni geliştirme birbirinden ayrı işler olarak yazıya geçirilir. Bir web tasarım teslimi sonrasında dahil edilen süreyi, iletişim yöntemini ve yanıt koşulunu tekliften itibaren açıkça tanımlarız. Böylece destek, tahmine değil baştan konuşulmuş yazılı bir çerçeveye dayanır.