Defne web tasarım: mobil uyumlu ve okunabilir site

Defne, Hatay'da Antakya'ya komşu, tarım ürünleri, gıda üretimi ve yerel ticaretin güçlü olduğu bir ilçedir. Burada bir işletmenin internette nasıl göründüğü, müşteriyle ilk temas noktasını belirler. İyi düzenlenmiş bir sitede ziyaretçi aradığını birkaç dokunuşta bulur. Düzensiz bir sitede ise aynı ziyaretçi dakikalar içinde vazgeçer.

Bu yazıda Defne'deki işletmeler için web tasarımın somut kurallarını anlatıyoruz. Hanbisan uzaktan hizmet veriyor. Tasarım kararlarını görüşmeler ve gönderdiğiniz bilgilerle birlikte veriyor, taslakları dijital olarak paylaşıyoruz.

Mobil öncelik neden bu kadar önemli?

Ziyaretçilerin büyük çoğunluğu siteye telefondan girer. Bu nedenle tasarıma önce telefon ekranından başlamak gerekir. Masaüstünde güzel görünen ama mobilde karmaşık duran bir site, işletmenin en büyük kaybına yol açar.

Mobil tasarımın temel kontrolleri şunlardır:

Telefon numarası, tek dokunuşla aranabilir olmalı.
Menü, parmakla kolayca açılıp kapanmalı.
Metinler yatay kaydırma yapmadan okunabilmeli.
Butonlar yeterince büyük ve birbirinden ayrık olmalı.
Görseller ekran genişliğine uyum sağlamalı.

Bu kontrolleri yayına almadan önce kendi telefonunuzdan tek tek deneyin. Bir sayfayı masaüstünde değil, elinizde tutarak test etmek en gerçekçi sonucu verir.

Okunabilirlik: renk ve yazı

Okunabilirlik, tasarımın en az fark edilen ama en çok etkileyen kısmıdır. Açık gri zemin üzerine açık gri yazı, güneşli bir günde telefonda okunmaz. Metin ile arka plan arasında belirgin bir kontrast olmalıdır. Koyu üzerine açık, açık üzerine koyu yazı genelde en güvenli seçimdir.

Yazı boyutu da önemlidir. Gövde metni, küçük ekranda rahatça okunacak büyüklükte olmalıdır. Başlıklar ile metin arasında belirgin bir hiyerarşi kurun; ziyaretçi sayfayı taramak istediğinde başlıklardan yönünü bulabilmelidir. Satırlar arasında yeterli boşluk bırakın, uzun paragrafları kısa cümlelere bölün.

Renk sayısını az tutun. Bir ana renk, bir destek rengi ve nötr tonlar çoğu işletme için yeterlidir. Her sayfada farklı bir renk kullanmak, siteyi dağınık gösterir.

Erişilebilirlik için küçük ama önemli ayrıntılar

Erişilebilir bir site, herkesin kullanabildiği bir sitedir. Bu hem yaşlı ziyaretçiler hem de görme güçlüğü yaşayan kullanıcılar için önemlidir. Pratikte şunları yapabilirsiniz:

Görsellere kısa ve anlamlı açıklama metni (alt metin) ekleyin.
Form alanlarının etiketlerini net yazın.
Bağlantı metinlerini "buraya tıklayın" yerine açıklayıcı yazın, örneğin "Hizmetlerimizi inceleyin".
Renkle anlatılan bilgiyi yalnızca renge bağlamayın; metinle de belirtin.

Bunlar küçük değişiklikler gibi görünür ama sitenin kalitesini ciddi biçimde yükseltir.

Hız: görseller en büyük etken

Bir sitenin açılma hızı, ziyaretçinin ilk izlenimini belirler. En çok yavaşlığa neden olan öğe, çoğu zaman boyutu büyük fotoğraflardır. Görseli siteye yüklemeden önce boyutunu ekran genişliğine uygun hale getirmek ve dosya boyutunu küçültmek gerekir.

Gereksiz animasyonlar, otomatik oynayan videolar ve kalabalık açılır pencereler de mobilde sayfayı yavaşlatır. Ziyaretçinin ihtiyacı olan bilgiye hızla ulaşması, süslemeden daha önemlidir.

Çağrı ve yönlendirme

Her sayfada bir ana eylem olmalıdır. Bu eylem telefonla aramak, WhatsApp'tan yazmak ya da teklif formunu doldurmak olabilir. Birden fazla eylemi aynı anda öne çıkarırsanız ziyaretçi ne yapacağını bilemez. Ana sayfada en belirgin çağrıyı seçin; diğer bilgileri ikincil planda tutun.

Süreç ve teslim

Uzaktan çalışırken ilk olarak marka bilgilerinizi, logonuzu ve fotoğraflarınızı alırız. Ardından taslağı hazırlayıp paylaşırız. Geri bildirimlerinizle düzenleyip yayına alırız. Tanıtım sitelerinde teslim genelde 7-10 iş günü sürer. Taslak aşamasında somut geri bildirim vermeniz, düzeltme turlarını azaltır.

Fiyat ve kapsam

Hanbisan tanıtım sitesi paketi 24.900 TL'den başlar (KDV hariç, KDV dahil 29.880 TL). Bu pakette 5 sayfaya kadar mobil uyumlu tasarım, alan adı ve 1 yıl barındırma, iletişim formu, WhatsApp butonu, Google Haritalar entegrasyonu ve Google İşletme Profili desteği bulunur. Daha geniş bir tasarım ya da ek modüller kapsama göre teklif edilir.

Fiyat almak için 7/24 0850 255 0180'i arayabilirsiniz.

Taslağı nasıl değerlendirirsiniz?

Telefonunuzdan açın ve üç soruya bakın. Ana ekranda ne yaptığımızı anlıyor musunuz? Telefon numarasını on saniye içinde bulabiliyor musunuz? Her metni rahatça okuyabiliyor musunuz? Üç cevap da evetse tasarım doğru yöne gidiyor demektir.

İletişim formunu müşteri gözüyle test edin

Taslağı son kez gözden geçirirken iletişim formunu bir müşteri gibi doldurun. Gönderme düğmesi her telefonda rahat basılıyor mu? Hata mesajları anlaşılır mı? Form gönderildikten sonra ne göreceği belli mi? Bu sorulara cevap vermek, sitenin en kritik noktasındaki sürtünmeyi azaltır. Bir formun çalışması yetmez; kullanmasının da kolay olması gerekir.

Sık sorulan sorular

Mobil uyumlu tasarım ile masaüstü tasarım ayrı mı yapılır?

Modern bir sitede tek bir tasarım, farklı ekran boyutlarına uyum sağlar. Ama her ekranda ayrı kontrol yapılması gerekir.

Renklerimi değiştirmek zor mu?

Sitenin yayına alınmasından sonra renk ve yazı güncellemeleri mümkündür. Büyük bir yenileme gerekirse yeni bir teklif hazırlanır.

Erişilebilirlik kuralları zorunlu mu?

Yasal bir zorunluluk konusunda hukuki görüş için uzmanınıza danışmanızı öneririz. Pratik olarak erişilebilir bir site, herkes için daha iyi bir deneyim sunar.

Taslak onaylanmadan yayına alınır mı?

Hayır. Taslağı sizin onayınızla yayına alırız.