Web Tasarım
Beşiktaş Web Tasarım Hizmeti Nedir ve Hangi İşleri Kapsar
Beşiktaş web tasarım hizmeti, bir kurum ya da işletme için internet sitesinin planlanması, görsel arayüzünün çizilmesi, kodlanması ve yayına alınması işlerinin tamamını kapsar. Çıktı yalnızca görünen sayfalardan oluşmaz; sunucu ayarları, içerik yönetim paneli, form altyapısı, ölçüm kodları ve arama motorlarının okuyacağı teknik etiketler de teslim edilen yapının parçasıdır. Hizmet; kurumsal tanıtım sitesi, katalog sitesi, randevu ya da teklif toplayan hizmet sitesi ve çok dilli yapılar gibi farklı proje türlerine uygulanır. Her proje türü için sayfa sayısı, kullanıcı akışı ve entegrasyon ihtiyacı ayrı belirlenir. Beşiktaş’ta çalışan şirketler, klinikler, restoranlar ve danışmanlık büroları için aynı kapsam, sektörün bilgi ve iletişim gereksinimine göre uyarlanır.
Kapsam teklif aşamasında yazılı olarak tanımlanır. Standart bir projede şu kalemler yer alır: alan adı ve barındırma yapılandırması, sayfa şablonlarının tasarımı, mobil ve masaüstü uyumlu kodlama, içerik yönetim sisteminin kurulumu, iletişim ve teklif formları, harita ile WhatsApp bağlantısı, Google Analytics ve Search Console kurulumu, SSL sertifikası, temel arama motoru ayarları ve yedekleme planı. İçerik yazımı, ürün fotoğrafı çekimi, logo ve kurumsal kimlik çalışması, çevrimiçi ödeme altyapısı ya da özel yazılım modülü gibi işler ayrı kalem olarak ele alınır. Bu ayrım, hangi işin teslim listesine girdiğini ve hangisinin ek çalışma sayılacağını baştan netleştirir. Kapsam dışı bir istek proje sırasında doğarsa ayrı bir iş tanımıyla planlanır.
Projenin hedefi ölçülebilir biçimde tanımlanır. Hedef; telefon araması, form gönderimi, randevu talebi, katalog indirme ya da mağaza ziyareti gibi somut bir eylem olabilir. Bu eylemler analiz aracında dönüşüm olarak işaretlenir ve yayından sonra hangi sayfanın kaç talep getirdiği izlenebilir. Tasarım kararları da bu hedefe göre verilir: iletişim düğmesinin konumu, form alanlarının sayısı, sayfa içi yönlendirmeler ve ilk ekranda gösterilecek bilgi hedef eyleme göre seçilir. Bir web tasarımı projesinde görsel tercih, kod kalitesi ve içerik düzeni birbirinden ayrı düşünülmez; üçü aynı kabul ölçütlerine bağlanır. Kabul ölçütleri sayfa hızını, mobil görünümü, formların çalışmasını ve erişilebilirlik kontrolünü içerir. Hedefler proje dokümanına yazılır, yayın sonrası raporlar da bu hedeflere göre hazırlanır.
Proje Süreci Hangi Adımlardan Oluşur ve Nasıl İlerler
Süreç analizle başlar. Bu adımda işletmenin hizmetleri, hedef kitlesi, rakip siteleri, mevcut alan adı ve varsa eski sitenin trafik verileri incelenir. Analiz çıktısı kısa bir proje dokümanıdır; hedef eylemler, sayfa listesi ve teknik gereksinimler bu belgede yazılır. Ardından site haritası çıkarılır. Bu belge, sayfaların hiyerarşik listesidir ve hangi sayfanın hangi menü altında duracağını, URL yapısının nasıl kurulacağını gösterir. Üçüncü adım tel kafestir (wireframe). Tel kafes, renk ve görsel içermeyen gri bir taslaktır; başlık, metin, görsel, form ve düğme alanlarının sayfadaki yerini belirler. Bu aşamada içerik sırası onaylanır, böylece görsel tasarıma geçildiğinde yerleşim tartışması yeniden açılmaz. Tel kafesler ana sayfa, hizmet detayı, iletişim ve blog gibi her şablon türü için ayrı hazırlanır.
Tel kafes onaylandıktan sonra arayüz tasarımı hazırlanır. Arayüz aşamasında renk paleti, yazı tipleri, ikon seti, düğme durumları ve bileşen kütüphanesi oluşturulur. Ekranlar Figma üzerinde geniş ekran ve telefon kırılımları için ayrı ayrı çizilir, onay turu tamamlanınca koda aktarılır. Kodlama adımında şablonlar HTML yapısı, CSS stil dosyaları ve gerektiği ölçüde JavaScript kullanılarak geliştirilir, ardından içerik yönetim sistemine bağlanır. Bileşenler tekrar kullanılabilir parçalar olarak kurulur; aynı kart, form ya da başlık yapısı farklı sayfalarda tutarlı görünür. Formlar sunucu tarafında doğrulanır ve istenmeyen gönderimlere karşı koruma eklenir. Kod, yayın sunucusundan önce bir test ortamında çalıştırılır ve sürüm kontrol sistemiyle saklanır. Her değişiklik kayıt altında tutulduğu için hatalı bir düzenleme önceki sürüme geri alınabilir.
İçerik girişi adımında sayfa metinleri, fotoğraflar, PDF dosyaları ve iletişim bilgileri panele aktarılır. Görseller yüklemeden önce boyutlandırılır, her görsele alternatif metin yazılır, sayfa başlıkları ve açıklama etiketleri girilir. Test adımında site dört yaygın tarayıcıda ve telefon, tablet, dizüstü gibi farklı ekran genişliklerinde denenir. Kırık bağlantı taraması yapılır, formlar gerçek gönderimle sınanır, hız ölçümleri alınır. Bulunan hatalar bir listeye işlenir ve tek tek kapatılır. Yayın adımında alan adının DNS kayıtları canlı sunucuyu gösterecek şekilde değiştirilir, sertifika etkinleştirilir, eski adresler için yönlendirme kuralları devreye alınır ve site haritasının adresi Search Console paneline eklenir. Yayından sonraki ilk günlerde sunucu kayıtları ve form bildirimleri izlenir, ortaya çıkan uyarılar aynı hafta içinde giderilir.
Teknik Altyapıda Panel, Mobil Uyum, Hız ve Güvenlik Gereksinimleri
Yönetim paneli olarak bir içerik yönetim sistemi kurulur. CMS kısaltmasıyla bilinen bu yazılım, kod bilgisi gerektirmeden sayfa, görsel ve metin güncellemeyi sağlar. Projelerde çoğunlukla WordPress kullanılır; gerektiğinde özel yazılmış bir panel de tercih edilebilir. Hangisinin seçileceği; içeriğin ne sıklıkla değiştiğine, kaç farklı kullanıcı yetkisi gerektiğine ve bağlanacak dış sistemlere bakılarak kararlaştırılır. Duyarlı tasarım (responsive), aynı sayfanın telefon, tablet ve masaüstü ekranlarında yerleşimini otomatik olarak değiştirmesidir. Bu yapı CSS kırılım noktalarıyla kurulur; menü mobilde açılır panele dönüşür, sütunlar alt alta dizilir, dokunma hedefleri en az 44 piksel yüksekliğe getirilir. Google sayfaları mobil sürüme göre dizinlediği için mobil görünüm ilk tasarlanan ve ilk test edilen görünümdür. Tablet kırılımı ayrıca kontrol edilir.
Hız çalışması dört başlıkta yürütülür. Görseller WebP biçimine dönüştürülür; bu biçim JPEG’e göre benzer kalitede daha küçük dosya üretir. Ekranın altında kalan görseller tembel yükleme (lazy loading) ile kullanıcı kaydırdığında indirilir. Sunucu ve tarayıcı önbelleği açılır, böylece tekrar ziyarette dosyalar yeniden indirilmez. Statik dosyalar CDN (içerik dağıtım ağı) üzerinden, kullanıcıya en yakın sunucudan sunulur. Sonuç Core Web Vitals ölçütleriyle kontrol edilir. LCP, sayfanın ana içerik bloğunun ekrana çizildiği andır ve hedef 2,5 saniyeden kısa olmasıdır. INP, kullanıcı bir düğmeye bastığında arayüzün yanıt vermesine kadar geçen süredir; üst sınır 200 milisaniyedir. CLS, sayfa yüklenirken öğelerin yer değiştirme miktarını puanlar ve 0,1’i geçmemelidir. Ölçüm PageSpeed Insights ile Search Console raporlarından alınır.
Güvenlik katmanı SSL sertifikasıyla başlar. Sertifika, ziyaretçinin cihazından sunucuya giden form ve oturum verisini şifreli kanaldan taşır, adres çubuğunda HTTPS ibaresini görünür kılar; form içeren her site için zorunludur. İkinci katman güncellemedir. CMS çekirdeği, tema ve eklentiler yayınlanan güvenlik yamalarına göre güncellenir, kullanılmayan eklentiler kaldırılır. Yönetici hesaplarında güçlü parola, iki adımlı doğrulama ve giriş denemesi sınırı uygulanır. Üçüncü katman yedeklemedir. Dosyalar ve veritabanı düzenli aralıklarla, sunucudan ayrı bir depolama alanına yedeklenir; yedekten geri dönüş işlemi yayından önce denenir. Bu üç katman birlikte, olası bir saldırı ya da hatalı güncelleme sonrasında sitenin kısa sürede çalışır duruma dönmesini sağlar. Sunucu tarafında güvenlik duvarı ve kötü amaçlı yazılım taraması da etkin tutulur.
Arama Motoru Temeli ve Erişilebilirlik Ayarları Nasıl Yapılır
Arama motoru temeli, sitenin taranabilir ve anlaşılabilir kurulmasıdır. Her sayfada tek bir H1 başlığı bulunur; alt bölümler H2, H3 ve sonraki seviyelerle sıralanır. Bu hiyerarşi hem arama motorlarına hem de ekran okuyuculara içeriğin yapısını bildirir. Her sayfa için ayrı bir başlık etiketi (title) ve meta açıklama yazılır. Başlık etiketi arama sonucunda görünen mavi satırdır ve yaklaşık 60 karakterle sınırlı tutulur; meta açıklama bu satırın altındaki özet metindir ve 150-160 karakter civarında hazırlanır. URL’ler kısa, Türkçe karakter içermeyen ve anlamlı kelimelerden oluşur. Kopya içerik oluşmaması için kanonik etiket eklenir, sosyal paylaşımlar için Open Graph etiketleri girilir. Sayfalar arasında ilgili konulara iç bağlantı verilir; bu bağlantılar arama botlarının siteyi derinlemesine dolaşmasını kolaylaştırır.
Yapısal veri için schema.org işaretlemesi kullanılır. Bu kodlama, sayfadaki kurum adı, adres, hizmet ve sorular gibi bilgileri makinelerin doğrudan okuyabileceği biçime getirir. Kurumsal sitelerde Organization ya da LocalBusiness türü, hizmet anlatan sayfalarda Service türü, SSS bloklarında FAQPage türü JSON-LD olarak eklenir. XML site haritası, sitedeki dizinlenmesi istenen adreslerin listesidir; yeni sayfa eklendiğinde otomatik güncellenir ve Search Console’a bildirilir. Robots.txt dosyası taranmaması gereken alanları belirtir. Eski bir siteden geçişte 301 yönlendirmesi kullanılır. 301, bir adresin kalıcı olarak taşındığını bildiren sunucu yanıtıdır; eski URL’lerin biriktirdiği bağlantı değeri yeni adrese aktarılır ve ziyaretçi 404 hata sayfasına düşmez. Yönlendirme listesi yayından önce tek tek eşlenir.
Erişilebilirlik, görme, işitme veya motor becerileri sınırlı kişilerin siteyi engelsiz kullanabilmesi anlamına gelir. Ölçüt olarak WCAG 2.1 AA seviyesi esas alınır. Kontrast kuralına göre standart boyuttaki yazı ile zemin rengi arasında 4,5:1, iri başlıklarda ise 3:1 oranı sağlanır. Her anlamlı görsele, görseli tarif eden alternatif metin (alt) yazılır; süs amaçlı görsellerde bu alan boş bırakılır. Tüm menüler, düğmeler ve form alanları yalnızca klavyeyle, Tab tuşuyla gezilebilir olur ve odaklanılan öğe görünür bir çerçeveyle belirtilir. Form alanlarının etiketleri kodda ilgili alana bağlanır. Bu kontroller otomatik tarayıcı araçları ve elle yapılan klavye testiyle doğrulanır. Videolar için altyazı, ses içerikleri için metin dökümü eklenir.
Teslim Paketi, Fiyatı Etkileyen Kalemler ve Bakım Kapsamı
Teslimde yönetim paneline erişim, kullanıcı hesapları ve panel kullanım eğitimi verilir. Eğitim; sayfa düzenleme, görsel yükleme, yeni içerik ekleme, form kayıtlarını görüntüleme ve yedek alma işlemlerini kapsar, kısa bir yazılı kılavuz ya da ekran kaydıyla desteklenir. Hesap sahipliği müşteriye aittir. Alan adı, barındırma, Google Analytics, Search Console ve varsa harita kaydı firmanın kendi e-postasıyla oluşturulur; önceden ajans üzerinden açılmış hesaplar varsa firmaya devredilir. Ajans bu hesaplarda yalnızca yetki verilmiş kullanıcı konumundadır. Tasarım kaynak dosyaları, kullanılan yazı tipi ve görsel lisansları ile teknik erişim bilgilerini içeren belge de teslim paketine eklenir. Böylece site ileride başka bir ekip tarafından da yönetilebilir. Teslim tutanağında hangi hesabın kimde olduğu tek tek listelenir.
Beşiktaş web tasarım fiyatları tek tip bir liste üzerinden değil, kapsamı belirleyen etkenlerle hesaplanır. Fiyatı etkileyen başlıca etkenler şunlardır: sayfa ve şablon sayısı, özgün tasarım ya da hazır şablon kullanımı, dil sayısı, içerik yazımı ile fotoğraf çekiminin dahil olup olmadığı, ürün ya da ilan gibi veri tabanlı içeriklerin hacmi, rezervasyon, ödeme veya CRM gibi entegrasyonlar, eski siteden veri ve URL taşıma işi, teslim süresinin kısalığı ve barındırma paketinin özellikleri. Bu etkenler analiz aşamasında netleşir ve teklif kalem kalem yazılır. Kapsam değişirse teklif de yazılı olarak güncellenir; ek isteklerin süreye ve bütçeye etkisi ayrıca bildirilir. Bakım ve barındırma gibi yıllık giderler, kurulum bedelinden ayrı satırda gösterilir.
Yayından sonraki bakım, sitenin güvenli, hızlı ve güncel kalması için takvime bağlı yürütülen işlerin toplamıdır. Aylık bakım kapsamında CMS, tema ve eklenti güncellemeleri yapılır, her güncellemeden önce yedek alınır. Çalışma süresi (uptime) izlenir, SSL sertifikasının yenilenme tarihi takip edilir. Core Web Vitals sonuçları ve Search Console hataları periyodik olarak kontrol edilir; kırık bağlantılar ve 404 sayfaları düzeltilir. İçerik değişikliği, yeni sayfa ekleme ya da küçük tasarım düzenlemeleri bakım paketine dahil olabilir veya saatlik iş olarak planlanabilir. Bakım yapılmayan bir web tasarım çalışması zamanla eski eklentiler, yavaşlayan sayfalar ve güvenlik açıklarıyla karşılaşır; bu nedenle bakım takvimi teslimle birlikte belirlenir.