Web Tasarım

Web Tasarım Sürecini Somut Bir Yol Haritasına Bağlıyoruz

Bir işe başlarken önce sizi ve müşterilerinizi anlamaya çalışıyoruz. Web tasarım çalışması, işletmenizin ne sattığını ve ziyaretçinin sitede neyi aradığını netleştirmeden sağlıklı ilerlemez. İlk görüşmede hedeflerinizi, güçlü yanlarınızı ve sizden beklenen aksiyonu tek tek konuşuyoruz. Rakip sitelere bakıp neyin işe yaradığını, neyin ziyaretçiyi kaçırdığını not alıyoruz. Sizin sektörünüzde müşterinin karar verirken nelere baktığını da anlamaya çalışıyoruz. Ardından sayfaların bir listesini çıkarıp hangi bilginin nerede duracağını kararlaştırıyoruz. Her sayfanın kime ve hangi soruya cevap verdiğini birlikte yazıyoruz. Bu plan tahmine değil, sizin sahadaki gerçeğinize dayanır. Böylece tasarıma geçtiğimizde herkes aynı resme bakar ve iş sürprizsiz yürür. Kahramanmaraş’taki küçük bir işletmenin ihtiyacıyla büyük bir markanın ihtiyacı elbette aynı olmaz. Biz de ölçeğinize uygun, gereksiz maliyet çıkarmayan bir kurgu öneriyoruz. Konuştuğumuz her hedefi, sonradan ölçebileceğimiz bir ifadeye çeviriyoruz. Böylece başarının neye göre değerlendirileceği baştan bellidir. İhtiyaçtan fazlasını satmayı hiçbir zaman doğru bulmuyoruz.

Planı çıkarırken içerik ile tasarımı birbirinden koparmıyoruz. Metin, görsel ve düğmeler aynı amaca hizmet etmeli; bunu baştan konuşmak sonradan yapılan pahalı değişiklikleri önler. Sizden mevcut fotoğraflarınızı, logonuzu ve tanıtım metinlerinizi istiyoruz. Eksik kalan yerleri hangi bilgiyle dolduracağımızı birlikte belirliyoruz. Elinizdeki içeriğin hangisinin işe yaradığını, hangisinin yenilenmesi gerektiğini ayırıyoruz. Her sayfanın tek bir işi olsun istiyoruz; kalabalık ekranlar ziyaretçiyi yorar ve kararı geciktirir. Hangi sayfanın telefonla arama, hangisinin form doldurma amacı taşıdığını işaretliyoruz. Ziyaretçiyi adım adım o amaca taşıyacak bir akış tasarlıyoruz. Metnin kısa ve anlaşılır olması için cümleleri sadeleştirmenize yardımcı oluyoruz. Başlıkların, ürünü değil müşterinin kazancını anlatmasına özen gösteriyoruz. Bu netlik, ileride ekleyeceğiniz kampanya ya da yeni hizmet sayfalarının yerini de baştan belli eder. Hangi bilginin ziyaretçiyi ikna ettiğini birlikte tartışıyoruz. Gereksiz sayfaları en baştan listeden çıkarıyoruz. Böyle bir iskelet, sonraki her işi kolaylaştırır.

Takvim ve sorumluluklar da bu ilk aşamada belli olur. Size hangi adımda ne göndereceğinizi, bizim neyi ne zaman teslim edeceğimizi yazılı olarak veriyoruz. Onay noktalarını önceden belirliyoruz ki her ekran ayrı ayrı gözden geçirilebilsin. Beklenmedik bir istek çıktığında bunu kapsamın neresine koyacağımızı açıkça konuşuyoruz. Küçük görünen eklemelerin bile takvimi nasıl etkilediğini şeffafça paylaşıyoruz. Değişiklik gerektiğinde önce süresini ve maliyetini söyler, sonra başlarız. Böyle çalışınca proje uzayıp gitmez, bütçe de kontrolde kalır. İşi baştan doğru kurmak, sonradan yapılan düzeltmelerden neredeyse her zaman ucuza gelir. Hazırladığımız yol haritasını sizinle paylaşıp onayınızı almadan üretime geçmiyoruz. İletişimi tek bir kanalda toplayıp dağınıklığı önlüyoruz. Her teslimden sonra kısa bir değerlendirme yapıyoruz. Böylece bir sonraki adıma daha net giriyoruz. Amacımız, teslimden sonra kendi başınıza yönetebileceğiniz sağlam bir temel bırakmaktır.

Görsel Tasarımı Marka Diliniz ve Okunabilirlik Üzerine Kuruyoruz

Görsel dil, markanızın sesini ekranda duyurmanın yoludur. Renk, yazı tipi ve boşlukları rastgele değil, sektörünüzün beklentisine ve içeriğinizin tonuna göre seçiyoruz. Web tasarım aşamasında önce tipografiyi oturtuyoruz; çünkü ziyaretçi önce yazıyı okur, sonra görseli fark eder. Başlık, alt başlık ve gövde metni arasında net bir hiyerarşi kuruyoruz. Kontrast ve punto seçimini, küçük telefon ekranında bile zorlanmadan okunacak biçimde ayarlıyoruz. Renklerin markanızla uyumlu ve göz yormayan bir denge tutturmasına dikkat ediyoruz. Aynı bileşeni her sayfada aynı biçimde kullanarak tanıdık bir düzen oluşturuyoruz. Kullandığımız her rengin ve yazının bir gerekçesi olsun istiyoruz. Butonların ve bağlantıların kolayca fark edilmesini sağlıyoruz. Marka renginizi vurgu için ölçülü biçimde kullanıyoruz. Sade bir palet, sayfanın daha profesyonel görünmesini sağlar. Yazı boyutlarını farklı ekranlarda tek tek deniyoruz. Okuma akışını bozan gölge ve süslerden kaçınıyoruz. Amacımız gösterişten çok, mesajı ilk saniyede anlaşılan bir ekran çıkarmaktır.

Fotoğraf ve grafik kullanımında abartıdan kaçınıyoruz. Gerçek ürününüzü, ekibinizi ve iş yerinizi gösteren kareler, hazır stok görsellerden çok daha fazla güven verir. Elinizde uygun görsel yoksa hangi fotoğrafların çekilmesi gerektiğini size söylüyoruz. Görselleri doğru boyutta sıkıştırıp sayfanın açılış hızını koruyoruz. Her bölümde göz, bir sonraki adıma doğal biçimde kaysın istiyoruz. Bunu hizalama, boşluk ve ölçülü renk vurgusuyla sağlıyoruz. Gereksiz hareketli öğelerin dikkati dağıttığını bildiğimiz için onları eklemiyoruz. İkonları ve küçük çizimleri yalnızca anlamı güçlendirdiği yerde kullanıyoruz. Görsellerin ekranda net görünmesi için doğru çözünürlüğü seçiyoruz. Ürün fotoğraflarında aynı ışık ve açıyı kullanarak düzenli bir görünüm elde ediyoruz. Metinle görselin birbirini tekrar etmemesine dikkat ediyoruz. Görsellerin telif açısından güvenli olmasına dikkat ediyoruz. Kullandığımız her kareyi anlattığı bölümle uyumlu seçiyoruz. Süsleme uğruna okunurluğu asla feda etmeyiz.

Tasarımı tek bir şablona hapsetmiyoruz. Ana sayfa, hizmet sayfası ve iletişim sayfası farklı işler yaptığı için düzenleri de birbirinden ayrılır. Yine de tüm sayfalarda aynı buton biçimi, aynı renk mantığı ve aynı başlık düzeni kalır. Bu tutarlılık markanızı akılda kalıcı yapar ve ziyaretçiyi rahatlatır. Kişinin bir sonraki adımı nerede bulacağını tahmin etmesini istemiyoruz; yol işaretlerini açıkça koyuyoruz. Formların kısa, çağrı metinlerinin anlaşılır olmasına özen gösteriyoruz. Sık kullanılan bilgileri, ziyaretçinin arayacağı yerde bulundurmaya çalışıyoruz. İletişim ve konum bilgisini her sayfadan kolayca ulaşılır bırakıyoruz. Her ekranı yayına almadan önce farklı gözlerle yeniden okuyoruz. Yanlış anlaşılabilecek ifadeleri ve gereksiz alanları bu aşamada ayıklıyoruz. Tasarımın erişilebilir olması için renk ve yazı boyutlarını gözden geçiriyoruz. Aynı işlevi anlatan öğeleri her yerde aynı adla gösteriyoruz. Ziyaretçi böylece arayüzü kısa sürede öğreniyor. Böylece ekran güzel görünmekle kalmaz, gerçekten iş de yapar.

Mobil Uyum, Hız ve Arama Altyapısını Birlikte Ele Alıyoruz

Ziyaretçilerin çoğu sitenize telefondan giriyor, bu yüzden tasarımı önce küçük ekran için düşünüyoruz. Menü, buton ve form alanlarını parmakla rahat kullanılacak boyutta bırakıyoruz. Metinlerin yakınlaştırma yapmadan okunmasını, görsellerin taşmadan yerleşmesini test ediyoruz. Masaüstü görünümü ise bu temelin üzerine genişleyerek kurulur. Farklı ekran boyutlarında sayfanın nasıl davrandığını tek tek kontrol ediyoruz. Yatay ve dikey kullanımı, eski ve yeni cihazları ayrı ayrı deniyoruz. Dokunmatik ekranda yanlış tıklamayı önlemek için öğeler arasına yeterli boşluk koyuyoruz. Telefonla gelen kişinin tek elle rahatça gezebilmesini önemsiyoruz. Önemli düğmelerin parmağın kolay ulaştığı yerde durmasına dikkat ediyoruz. İnternetin yavaş olduğu anlarda bile sayfanın kullanılabilir kalmasını istiyoruz. Kötü bir mobil deneyimin ziyaretçiyi anında kaçırdığını gördüğümüz için bu adıma özen gösteriyoruz. Form alanlarını, telefonda yazması kolay olacak biçimde kısaltıyoruz. Dokunma hedeflerini yeterince büyük tutuyoruz. Amaç, hangi cihazdan bakılırsa bakılsın aynı rahat deneyimi vermektir.

Açılış hızı, ziyaretçinin kalıp kalmayacağını belirleyen ilk etkendir. Web tasarım tarafında hızı; görselleri ölçülü kullanarak, gereksiz eklentilerden kaçınarak ve kodu sade tutarak koruyoruz. Sayfa ilk yüklendiğinde en önemli içeriğin hemen görünmesini önceliklendiriyoruz. Yavaşlatan üçüncü parti servisleri yalnızca gerçekten gerekliyse ekliyoruz. Görsellerin modern biçimlerde ve doğru çözünürlükte sunulmasını sağlıyoruz. Sık kullanılan dosyaların ziyaretçinin tarayıcısında saklanmasını ayarlıyoruz. Barındırma tarafında da siteye ve ziyaretçi sayısına uygun bir paket öneriyoruz. Sunucu yanıt süresini ölçüp gereksiz yavaşlıkları gideriyoruz. Kod ve dosyaları sıkıştırarak aktarılan veriyi azaltıyoruz. Küçük gecikmelerin bile ziyaretçiyi kaybettirdiğini bildiğimiz için hız ölçümünü teslim öncesinde yapıyoruz. Ölçümü farklı cihaz ve bağlantılarda tekrar ediyoruz. Yükleme sırasında ekranın boş kalmamasına özen gösteriyoruz. Gereksiz yazı tiplerini de siteden çıkarıyoruz. Elde ettiğimiz sonuçları sizinle açık rakamlarla paylaşıyoruz.

Sayfaların arama motorlarında bulunabilmesi için temel altyapıyı baştan kuruyoruz. Her sayfaya anlamlı bir başlık ve açıklama, görsele alternatif metin ve okunur bir adres ekliyoruz. Web tasarım ile arama uyumunu birbirinden kopuk işler gibi görmüyoruz. İkisini aynı anda planlayınca yayın sonrasında çok daha az düzeltme çıkar. Site haritasını ve dizinlenme ayarlarını arama motorlarına doğru biçimde bildiriyoruz. Başlık düzeninin hem okuyucuya hem arama motoruna mantıklı gelmesine dikkat ediyoruz. Adreslerin kısa ve anlamlı olması ileride paylaşımı da kolaylaştırır. Sayfaların sosyal ağlarda düzgün görünmesi için gereken bilgileri de ekliyoruz. Aynı içeriğin farklı adreslerde tekrarlanmasını baştan engelliyoruz. Bu temel, sonradan yapılacak içerik çalışmasının üzerine oturacağı sağlam bir zemindir. Kurduğumuz yapıyı, ileride büyüyecek bir siteyi düşünerek tasarlıyoruz. Sayfaların anlamlı ve tek bir başlığa sahip olmasını sağlıyoruz. Hatalı yönlendirmeleri en baştan temizliyoruz. Böylece yayına aldığınızda site hem hızlı hem de bulunabilir olur.

Yayın Sonrası Bakım ve Sahiplik Sizde Kalır

Site yayına girdiğinde işin bittiğini düşünmüyoruz. Web tasarım hizmeti, teslimden sonra da güncelleme ve destek gerektirir. İlk haftalarda çıkan küçük düzeltmeleri karşıladığımız bir alışma dönemi tanımlıyoruz. Sizi kendi yönetim panelinizde adım adım eğitiyoruz. İçerik ekleyip düzenlemeyi, ürün ya da yazı yayımlamayı rahatça yapabilmenizi sağlıyoruz. Yedekleme ve güncelleme takvimini de yazılı olarak bırakıyoruz. Bir sorun çıktığında kime ve nasıl ulaşacağınızı önceden belli ediyoruz. Panelde en çok kullanacağınız işlemleri kısa notlarla anlatıyoruz. Talep ettiğinizde ekranı paylaşarak yol gösteriyoruz. Sık ihtiyaç duyulan konular için kısa bir video kılavuz hazırlıyoruz. Güncellemeleri, siteyi bozmadan önce bir deneme ortamında sınıyoruz. İlk ay boyunca sorularınızı öncelikli olarak yanıtlıyoruz. Panelde nadiren kullanılan ayarları sadeleştiriyoruz. Böylece küçük değişiklikler için her seferinde birine bağımlı kalmazsınız.

Alan adı ve barındırma hesaplarının sizin adınıza açılmasına özellikle önem veriyoruz. Bu hesapların şifreleri ve sahiplik bilgileri size aittir. İleride başka biriyle çalışmak isterseniz elinizde her şey eksiksiz bulunur. Sitenizin tüm dosyalarını ve içeriğini istediğiniz zaman dışa aktarabilirsiniz. Kimseyi kilitli bir sisteme mahkûm etmeyi doğru bulmuyoruz. Kullandığımız araçları ve kurduğumuz yapıyı size sade bir dille anlatıyoruz. Hangi hesabın ne işe yaradığını gösteren küçük bir rehber hazırlıyoruz. Alan adının yenilenme tarihini takip edip zamanında hatırlatıyoruz. Yıllık ödemelerin ne zaman geleceğini önceden bildiriyoruz. E-posta hesaplarınızın da düzgün çalıştığından emin oluyoruz. Bize bağlı kalmanızı değil, verdiğimiz hizmetten memnun olduğunuz için birlikte çalışmanızı isteriz. Devir sırasında tüm giriş bilgilerini yazılı olarak teslim ediyoruz. Hesapların size ait olduğunu belgeyle netleştiriyoruz. Şeffaf bir devir, uzun vadeli güveni büyüten en sağlam adımdır.

Yayın sonrasında sitenin nasıl performans gösterdiğini birlikte izliyoruz. Hangi sayfaların ziyaret aldığını, ziyaretçinin nerede ayrıldığını ölçüyoruz. Bu veriye göre küçük ama etkili iyileştirmeler öneriyoruz. Web tasarım çalışması bir kez bitip unutulan bir iş değildir. İşinizle birlikte gelişen canlı bir yapı olarak ona bakıyoruz. Kahramanmaraş’ta hizmet veren bir işletme mevsimlik bir kampanya eklemek istediğinde bunu hızlıca kuruyoruz. İhtiyacınız büyüdükçe siteyi de adım adım büyütmeyi planlıyoruz. Değişiklikleri önce sizinle konuşup önceliğine göre sıraya koyuyoruz. Hangi sayfanın daha çok iş getirdiğini görüp oraya yatırım yapıyoruz. Ziyaretçiden gelen geri bildirimleri de bu kararlara katıyoruz. Yılda birkaç kez siteyi bütün olarak gözden geçiriyoruz. Küçük denemelerle hangi düzenin daha çok iş getirdiğini görüyoruz. Öğrendiklerimizi bir sonraki güncellemeye taşıyoruz. Amacımız, size yıllarca yük olmayan ve kolayca güncellenen bir site bırakmaktır.

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

Telefon görünümü ayrı bir aşama olarak ele alınır; sayfa küçük ekranda baştan denenir ve okuma sırası ona göre düzenlenir. Bir web tasarım çalışmasında masaüstü ile mobil aynı içeriği paylaşsa da yerleşim farklı davranır, bu yüzden ikisi ayrı ayrı gözden geçirilir.

Taşımadan önce eski adresler çıkarılır ve her birinin yeni karşılığı eşlenir. Aramada değer taşıyan bağlantıların boşa düşmemesi için yönlendirmeler kurulur; hangi sayfanın nereye gittiği kayıt altına alınır ve geçiş sonrası bağlantılar tek tek denenir.

Teslimden sonra ne tür bir desteğin verileceği başta yazılı olarak belirlenir. Genellikle içerik güncellemesi, küçük düzeltmeler ve karşılaşılan sorunlarda yol gösterme bu kapsamda ele alınır; kimin neye ne sürede yanıt vereceği açık tutulur.

Yayından sonra içeriği kendiniz güncelleyebilmeniz için yönetim paneli günlük işe göre düzenlenir. Teslimde kısa bir aktarım yapılır ve sık kullanılan adımlar sade tutulur; teknik bir birikime ihtiyaç duymadan metin ve görselleri değiştirebilirsiniz.

Sürenin uzunluğu içeriğin hazır olup olmamasına ve sayfa sayısına göre değişir. Kapsam başta yazılı olarak belirlendiği için takvim de buna göre çıkarılır; çoğu projede zamanın büyük bölümünü metin ve görsellerin toplanması alır, bu hazırsa süreç belirgin biçimde kısalır.

Fotoğraf ve metinlerin bir kısmı sizde hazır olabilir; olmayan bölümler için ne yapılacağı başta paylaştırılır. Elde bulunan malzeme değerlendirilir, eksik kalan başlıklar için hangi çekimlerin ya da yazıların gerektiği belirtilir ve sorumluluk açık biçimde bölüşülür.