Web tasarım, bir web sitesinin hem görünüşünü hem de işleyişini planlayıp hazırlama işidir. İyi bir site, ziyaretçinin ne sunduğunuzu birkaç saniyede anlamasını ve size kolayca ulaşmasını sağlar. Renk ve görsel işin yalnızca bir kısmıdır; asıl iş, siteyi müşteriye hizmet eden bir araca çevirmektir.
Bu yazıda web tasarımın neleri kapsadığını ve iyi bir sitenin altı temel özelliğini sade bir dille anlatıyoruz. Kendi siteniz için web tasarım hizmeti almayı düşünüyorsanız, aşağıdaki başlıkları kontrol listesi gibi kullanabilirsiniz.
Web tasarım tam olarak neleri kapsıyor?
Web tasarım; sayfaların planını, görsel düzeni, metin yerleşimini, menü yapısını ve sitenin farklı ekranlarda çalışmasını kapsar. Yani yalnızca “güzel görünmek” değildir. Ziyaretçi sitede nereye bakacak, nereye tıklayacak ve sonunda size nasıl ulaşacak sorularının cevabı da tasarımın parçasıdır.
Bir web sitesi tasarımı genellikle şu parçalardan oluşur:
- Yapı: Hangi sayfalar olacak, menüde hangi sırayla görünecek?
- Görsel düzen: Renkler, yazı tipleri, fotoğraflar ve boşluklar.
- İçerik: Başlıklar, açıklamalar, iletişim bilgileri.
- Yazılım: Sayfaların çalışması, formların mesaj göndermesi, sitenin hızlı açılması.
- Arama motoru altyapısı: Sayfa başlıkları, adresler ve site haritası gibi teknik ayarlar.
Bu parçalar birbirine bağlıdır. Örneğin çok güzel ama yavaş açılan bir site ziyaretçiyi kaybettirir. Metni güçlü ama telefonda okunmayan bir site de aynı sonucu verir. Bu yüzden iyi bir ekip tasarım ile yazılımı birlikte düşünür.
Denizli’de bir mobilya atölyesini örnek alalım. Ziyaretçi ürün fotoğraflarını görmek, ölçü almak ve atölyeyi aramak ister. Tasarım bu üç isteği ana sayfadan itibaren kolaylaştırıyorsa iş görmüş demektir.
İyi bir web sitesi ilk bakışta neyi anlatmalı?
İyi bir site, ilk ekranda üç soruyu cevaplar: Ne iş yapıyorsunuz, kime hizmet veriyorsunuz ve nasıl ulaşılır? Ziyaretçi bu cevapları bulamazsa genellikle siteyi kapatır. Başka bir sonuca geçmesi bir tıklama uzaklıktadır ve bunu bilerek tasarım yapmak gerekir.
Açık anlatımın birkaç basit kuralı vardır:
- Ana sayfanın en üstündeki başlık, işinizi tek cümlede söylesin.
- Altında, kime ve nerede hizmet verdiğiniz yazsın.
- İletişim düğmesi ya da telefon numarası kaydırmadan görünsün.
- Menüde en fazla beş ya da altı seçenek olsun.
Bir örnek düşünün. “Hoş geldiniz, kaliteli hizmet anlayışımızla yanınızdayız” cümlesi hiçbir şey söylemez. “Denizli’de kurumsal ofis mobilyası üretimi ve montajı” cümlesi ise ziyaretçinin aradığı şeyi bulduğunu anında gösterir. Aradaki fark, işletmenizi bilmeyen birinin de sizi anlayabilmesidir.
Sayfa düzeninde de sadelik kazanır. Bir sayfada tek ana mesaj ve tek ana eylem olursa ziyaretçi şaşırmaz. Her sayfaya her şeyi doldurmak, hiçbir şeyin öne çıkmamasına yol açar.
Site telefonda rahat ve hızlı çalışıyor mu?
Mobil uyum, sitenin telefon ekranına göre kendini düzenlemesidir. Mobil deneyimi önceliklendirin; ziyaretçilerinizin cihaz dağılımını analitik verilerinizden kontrol edin. Yazı küçük kalıyor, düğmeye basılamıyor ya da sayfa yana kayıyorsa o ziyaretçi çoğunlukla geri döner. Bu yüzden tasarım önce telefonda test edilmelidir.
Google da bu konuya dikkat eder. Arama motoru, sitelerin mobil sürümünü esas alarak değerlendirir; ayrıntıları mobil öncelikli dizinleme rehberinde bulabilirsiniz.
Kendi sitenizi şu beş adımla deneyin:
- Siteyi kendi telefonunuzdan açın.
- Ana sayfadaki yazıyı yakınlaştırmadan okuyabildiğinizden emin olun.
- Menüyü açıp her sayfaya girmeyi deneyin.
- İletişim formunu doldurup göndermeyi deneyin.
- Telefon numarasına dokunup aramanın başladığını görün.
Bu deneme on dakika sürer ve çoğu sorunu ortaya çıkarır. Mümkünse bir arkadaşınızın farklı marka bir telefonunda da tekrarlayın; çünkü aynı site her cihazda aynı görünmeyebilir.
Hız neden ayrıca önemli?
Hızlı site, ziyaretçiyi bekletmeden açılan sitedir. Sayfa geç açılırsa ziyaretçi beklemeden çıkar. Hız büyük ölçüde görsellerin boyutuna, gereksiz eklentilere ve altyapıya bağlıdır; bu yüzden tasarım aşamasında hesaba katılması gerekir, sonradan yamamak zordur.
Hız sorunlarının en sık nedeni şunlardır:
- Telefonla çekilmiş fotoğrafların küçültülmeden yüklenmesi.
- Her sayfada gereksiz yüklenen animasyon ve eklentiler.
- Çok sayıda yazı tipi ya da dış kaynak kullanılması.
- Zayıf ya da yoğun bir sunucuda çalışmak.
Google’ın sayfa deneyimini ölçtüğü kriterleri Core Web Vitals sayfasında okuyabilirsiniz. Teknik terimleri bilmenize gerek yok; ajansınıza “sitem telefonda kaç saniyede açılıyor ve bunu nasıl ölçüyorsunuz?” diye sormanız yeter.
Pratik bir ipucu: Kendi fotoğraflarınızı siteye yüklemeden önce boyutunu küçültmeyi isteyin. Tek bir ağır fotoğraf, ana sayfayı gözle görülür biçimde yavaşlatabilir.
Ziyaretçi siteye güvenmek için neye bakar?
Ziyaretçi, işletmenin gerçek olduğunu gösteren işaretlere bakar. Açık adres, çalışan telefon numarası, gerçek fotoğraflar ve işletmeyi tanıtan bir sayfa bu işaretlerin başında gelir. Bunlar eksikse site güzel olsa bile tereddüt yaratır, çünkü ziyaretçi kimle muhatap olduğunu bilmek ister.
Güven veren sitelerde şunlar bulunur:
- Gerçek bilgiler: Adres, telefon, çalışma saatleri ve haritada konum.
- Gerçek görseller: Ekibinizin, ürünlerinizin ya da çalışmanızın kendi fotoğrafları. Aynı stok fotoğraf yüzlerce sitede dolaşıyor ve fark ediliyor.
- Hakkımızda sayfası: Kim olduğunuzu, ne zamandır ne yaptığınızı anlatan sade bir metin.
- Güvenli bağlantı: Adres çubuğunda kilit simgesi, yani HTTPS.
- Kişisel veri bilgisi: Formla bilgi topluyorsanız aydınlatma metni. Yükümlülükler için KVKK’nın resmi sitesine bakabilirsiniz; hukuki metni uzmanına hazırlatmanız doğru olur.
Sitenizde olmayan bir şeyi yazmayın. Sahte yorum, uydurma müşteri listesi ya da şişirilmiş rakam, ilk sorgulamada güveni yok eder. Henüz vitrin referansınız yoksa gerçek çalışma fotoğraflarını ve açık iletişim bilgilerini öne çıkarın.
İletişim kurmak kolay mı?
İyi bir sitede iletişim yolu her sayfadan bir tık uzaklıkta durur. Telefon, form, WhatsApp ve harita gibi seçenekler görünür olmalı. Ziyaretçi sizi aramak istediğinde numarayı aramak zorunda kalıyorsa, çoğu zaman aramaktan vazgeçer. Bu yüzden iletişim bilgisi sitenin her yerinde tutarlı olmalı.
İletişim bölümünü kontrol ederken şuna bakın:
- Telefon numarası tıklanınca arama başlatıyor mu?
- Form kısa mı? İsim, telefon ve mesaj çoğu iş için yeterlidir.
- Form gönderildiğinde ziyaretçi bir onay görüyor mu?
- Gelen mesajlar gerçekten sizin e-postanıza ya da telefonunuza düşüyor mu?
Son madde sık atlanır. Bazı sitelerde form görünür ama mesajlar hiçbir yere gitmez; işletme aylarca müşteri kaybettiğini fark etmez. Siteyi teslim almadan önce kendi formunuzu kendiniz deneyin.
Haritada konumun doğru olması da önemlidir. Adresinizi Google İşletme Profili’nizdeki bilgiyle birebir aynı yazın; farklı yazılmış adresler hem ziyaretçiyi hem arama motorunu şaşırtır.
Arama motoruna hazır bir site nasıl kurulur?
Arama motoruna hazır site, her sayfasının konusu net, başlığı ayrı, adresi anlaşılır olan sitedir. SEO, yani sitenizin Google’da bulunmasını sağlayan çalışma, tasarımla birlikte başlar. Altyapı baştan doğru kurulmazsa düzeltmek hem zaman hem emek ister.
Tasarım aşamasında şu ayarların yapılmış olması gerekir:
- Her hizmet için ayrı bir sayfa.
- Her sayfa için farklı bir başlık ve kısa açıklama.
- Okunabilir sayfa adresleri; “/sayfa123” yerine “/hizmetler/ofis-mobilyasi/” gibi.
- Fotoğraflar için açıklayıcı alt metinler.
- Sitenin taranmasına yardımcı site haritası.
Bu ayarlar için Google’ın SEO başlangıç rehberi iyi bir kaynaktır. Yine de şunu bilin: Hiçbir ajans sizi Google’da belirli bir sıraya çıkaracağını vaat edemez; altyapı yalnızca zemini hazırlar. Sitenizin neden bulunmadığını merak ediyorsanız sitem Google’da neden çıkmıyor yazısı sebepleri sıralıyor. Konunun temelini ise SEO nedir yazısında anlattık.
Web sitesi yaptırmadan önce hangi kararlar alınır?
Siteyi yaptırmadan önce üç karar alınır: kiminle çalışılacağı, tasarımın hazır mı özel mi olacağı ve bütçenin neye göre belirleneceği. Bu kararları önceden netleştirirseniz teklifleri karşılaştırmak kolaylaşır. Bu yazı tanıtım niteliğindedir; her kararın ayrıntısı ayrı bir yazıda anlatılıyor.
- Ajans seçimi: Kime hangi soruları soracağınız için web tasarım ajansı seçerken nelere dikkat edilmeli yazısına bakın.
- Hazır ya da özel: İkisinin farkı ve hangisinin işinize uyduğu hazır site mi özel tasarım mı yazısında anlatılıyor.
- Maliyet: Fiyatı neyin değiştirdiğini web tasarım fiyatları yazısında kalem kalem bulabilirsiniz.
Karar vermeden önce kendi hazırlığınızı yapın: sitenin amacını, istediğiniz sayfaları, beğendiğiniz birkaç örnek siteyi ve elinizdeki fotoğraf ve metinleri bir kâğıda yazın. Hazırlıklı gelen bir işletme, hem daha net bir teklif alır hem de sürecin hızlanmasını sağlar. Sorularınız için ekibimize iletişim sayfasından yazabilirsiniz.
Sık sorulan sorular
Web tasarım ile web yazılımı aynı şey mi?
Tam olarak aynı değil. Web tasarım, sitenin görünümünü ve kullanıcı deneyimini planlar. Web yazılım ise bu planın çalışmasını sağlayan kodlama kısmıdır. Küçük ve orta ölçekli bir site projesinde ikisi çoğu zaman aynı ekip tarafından birlikte yürütülür.
Bir web sitesi kaç sayfadan oluşmalı?
Sayfa sayısını işinizin ihtiyacı belirler. Çoğu işletme için ana sayfa, hizmet sayfaları, hakkımızda ve iletişim sayfası iyi bir başlangıçtır. Her hizmetiniz için ayrı sayfa açmak, hem ziyaretçiye hem arama motoruna konuyu netleştirir. Sayfaları sonradan eklemek mümkündür.
Siteyi kendim yapabilir miyim?
Basit bir tanıtım sayfası için hazır araçlar yetebilir. Ancak siteden müşteri bekliyorsanız tasarım, hız, mobil uyum ve arama motoru ayarları birlikte düşünülmelidir. Zamanınız ve teknik bilginiz sınırlıysa bu işi bir ekibe vermek genellikle daha verimli olur.
Site yapımı ne kadar sürer?
Süre sayfa sayısına, içeriğin hazır olup olmamasına ve değişiklik taleplerine göre değişir. En çok zaman alan kısım çoğu zaman yazı ve fotoğrafların hazırlanmasıdır. Kesin süreyi, kapsam belli olduktan sonra teklifte yazılı isteyin.
Site yayına girdikten sonra ne yapılmalı?
Sitenin düzenli güncellenmesi, formların çalıştığının kontrol edilmesi ve bilgilerin (telefon, adres, hizmetler) güncel tutulması gerekir. Yeni hizmet eklediğinizde sayfası da eklenmelidir. Bakım ve güncelleme işini kimin yapacağını teslimden önce konuşun.