Web Tasarım
Ümraniye Web Tasarım Hizmetinin Tanımı ve Proje Kapsamı
Web tasarım, bir internet sitesinin bilgi mimarisini, görsel düzenini ve çalışan kodunu birlikte üreten teknik hizmettir. Çalışmanın sonunda alan adına bağlı, yönetim paneliyle güncellenebilen, mobil cihazlarda düzgün görüntülenen ve arama motorlarınca taranabilen bir site teslim edilir. Hizmet; tek sayfalık tanıtım yapılarından onlarca sayfalı kurumsal sitelere, ürün kataloglarından teklif ve randevu formu barındıran hizmet sitelerine kadar farklı ölçeklerde uygulanır. Proje türü sayfa adedini, veri yapısını ve gereken entegrasyonları doğrudan belirler. Sitenin hangi tarayıcı ve cihaz sürümlerini destekleyeceği de bu tanımın içinde belirtilir. Ümraniye’de üretim, lojistik, sağlık ve perakende alanında çalışan firmalar için aynı yöntem, sektörün bilgi ve form ihtiyacına göre uyarlanır.
Ümraniye web tasarım firmaları tarafından verilen teklifler karşılaştırılırken önce kalem listesine bakılmalıdır. Standart kapsam şunlardan oluşur: bilgi mimarisi ve sayfa planı, masaüstü ile mobil arayüz çizimi, şablonların kodlanması, içerik yönetim sistemi kurulumu, iletişim formu ve harita, SSL sertifikası, analiz ve Search Console bağlantısı, temel teknik SEO ayarları, ilk içerik yüklemesi ve yedekleme düzeni. Metin yazarlığı, profesyonel çekim, logo tasarımı, e-ticaret ödeme sistemi, ERP veya CRM bağlantısı ve özel yazılım geliştirme isteğe bağlı kalemlerdir. Teklifte her kalem ayrı satırda gösterilir. Böylece kapsamdaki ve kapsam dışındaki işler proje başlamadan birbirinden ayrışır. Kalem listesinde teslim süresi ve revizyon hakkı sayısı da belirtilir.
Teslim paketi üç parçadan oluşur. Birincisi yönetim panelidir: içerik düzenleyici, yönetici ve gerekirse sınırlı yetkili kullanıcı hesapları tanımlanır. İkincisi eğitimdir: panelde sayfa güncelleme, görsel ekleme, blog yazısı yayımlama, form mesajlarını okuma ve menü düzenleme adımları canlı oturumda gösterilir, ardından kısa bir kullanım belgesi verilir. Eğitim oturumu kayda alınır, böylece yeni bir çalışan paneli aynı videodan öğrenebilir. Üçüncüsü hesap sahipliğidir. Alan adı kaydı, sunucu paketi, Google Analytics mülkü, Search Console doğrulaması ve e-posta hizmeti sizin adınıza kayıtlı olur; ajans bu hesaplara yalnızca kullanıcı olarak eklenir. Fatura ve yenileme bildirimleri de bu nedenle doğrudan size ulaşır. Teslim belgesinde sunucu bilgileri, kullanılan eklentilerin listesi ve lisans durumları da yer alır.
Hız, Güvenlik ve Yönetim Paneli İçin Teknik Gereksinimler
Sayfa hızı Google’ın Core Web Vitals ölçütleriyle değerlendirilir. LCP, ilk ekranda yer alan en büyük fotoğrafın ya da yazı alanının tamamen yüklenme anını ölçer ve 2,5 saniye ya da daha kısa olmalıdır. INP, tıklama veya dokunma gibi bir etkileşimden sonra sayfanın görsel tepki verme süresidir; hedef 200 ms ve altıdır. CLS, yükleme sırasında öğelerin beklenmedik kaymasını puanlar; kabul edilen değer 0,1 veya altıdır. Bu hedeflere ulaşmak için görseller WebP formatında ve ekran boyutuna uygun ölçülerde sunulur, sayfa önbelleği ile tarayıcı önbelleği yapılandırılır, CSS ve JavaScript dosyaları küçültülür, statik içerik CDN üzerinden dağıtılır. Görsellere genişlik ve yükseklik değeri yazılması CLS’yi düşürür. Yazı tipleri sunucuda barındırılır ve yalnızca kullanılan ağırlıklar yüklenir.
Yönetim paneli için içerik yönetim sistemi kullanılır. CMS; sayfaları, menüleri, görselleri ve formları tarayıcı üzerinden düzenlemeye imkân veren yazılımdır. Yaygın tercih WordPress’tir; çok özel veri yapısı gereken durumlarda Laravel gibi bir çatıyla yazılmış özel panel kurulur. Web tasarımında panel seçimi; kullanıcı sayısına, yetki seviyelerine, çok dil desteğine ve dış sistemlerle veri alışverişine göre yapılır. Panelde yetkiler rol bazında ayrılır; editör içerik değiştirir, yönetici eklenti ve ayarlara erişir. Sitenin bütün şablonları duyarlı kodlanır. Duyarlı kodlama, tek bir HTML yapısının CSS medya sorgularıyla 360 piksellik telefon ekranından geniş masaüstü monitörlere kadar farklı genişliklere uyum sağlamasıdır. Görseller srcset özniteliğiyle cihaz boyutuna göre seçilir, yazı boyutları göreli birimlerle tanımlanır.
Güvenlik gereksinimleri yayından önce tamamlanır. Sunucuda geçerli bir SSL/TLS sertifikası kurulur ve şifresiz HTTP adresine gelen her ziyaret HTTPS sürümüne aktarılır; sertifika otomatik yenilenecek biçimde ayarlanır. Yazılım tarafında CMS sürümü, eklentiler ve PHP sürümü güncel tutulur; güncellemeler önce sitenin test kopyasında çalıştırılır, hata görülmezse yayındaki sürüme geçirilir. Yönetim girişinin adresi değiştirilebilir, başarısız girişler sınırlanır ve iki faktörlü kimlik doğrulama açılır. Yedekleme günlük ya da haftalık planlanır; dosya ve veritabanı yedekleri farklı bir konumda, belirli sayıda sürüm olarak saklanır. Geri yükleme adımı belgelenir, böylece bir arıza anında hangi işlemin yapılacağı bellidir. Form alanlarına bot koruması eklenir, dosya yükleme izinleri kısıtlanır.
Analizden Yayına Kadar Proje Adımları Nasıl Sıralanır
İlk adım ihtiyaç analizidir. Görüşmede sunulan hizmetler, hedeflenen kullanıcı grubu, sitede gerçekleşmesi istenen eylemler ve rakip sitelerin yapısı not edilir. Mevcut bir site varsa trafik raporları, en çok ziyaret alan sayfalar ve dizinlenmiş adresler çıkarılır. Analizin sonucunda kapsam, takvim ve teknik tercihleri içeren bir belge onaylanır; onay verecek kişi ve iletişim kanalı da bu belgede yazılır. İkinci adım site haritasının çıkarılmasıdır. Bu harita, ana sayfadan başlayarak tüm sayfaları üst ve alt seviyeleriyle gösteren ağaç yapısındaki listedir. Menü kırılımları, sayfa adları ve URL’ler bu listede belirlenir. Site haritası onaylanmadan tasarım aşamasına geçilmez, çünkü sayfa sayısı hem iş yükünü hem de süreyi belirler.
Üçüncü adımda her şablon için tel kafes hazırlanır. Tel kafes, sayfadaki blokların yerini ve sırasını gösteren, renksiz ve görselsiz bir yerleşim çizimidir. Kullanıcının sayfada önce neyi göreceği, iletişim düğmesinin nerede duracağı ve formun hangi alanları içereceği bu aşamada kararlaştırılır. Dördüncü adım arayüz tasarımıdır: kurumsal renkler, tipografi, ikonlar, fotoğraf dili ve etkileşim durumları tel kafese giydirilir, masaüstü ve mobil için ayrı ekranlar hazırlanır. Onay için ekranlar tıklanabilir bir prototip olarak paylaşılır. Beşinci adım kodlamadır. Onaylı arayüz; semantik HTML, modüler CSS ve gerektiği kadar JavaScript ile şablonlara dönüştürülür, CMS alanlarına bağlanır ve geliştirme sunucusunda çalıştırılır. Kod değişiklikleri Git deposunda sürüm sürüm tutulur.
Altıncı adım içerik girişidir. Sayfa metinleri, ürün ya da hizmet kartları, görseller ve indirilebilir belgeler panele aktarılır; her sayfanın başlık etiketi, açıklaması ve görsel alt metinleri bu sırada doldurulur. Yedinci adım testtir. Kontrol listesi; tarayıcı uyumu, ekran boyutları, form gönderimi ve bildirim e-postaları, bağlantı doğruluğu, sayfa hızı, erişilebilirlik ve yönlendirme kurallarını içerir. Tespit edilen her sorun kayıt altına alınıp giderilir ve tekrar denenir. Test sonuçları kısa bir raporla paylaşılır, yayın tarihi bu rapor onaylandıktan sonra kesinleşir. Sekizinci adım yayındır. DNS kayıtları güncellenir, canlı sunucuda SSL ve önbellek ayarları doğrulanır, site haritası arama motoruna bildirilir ve analiz kodunun veri topladığı kontrol edilir.
Erişilebilirlik Kuralları ve Arama Motorları İçin Temel Ayarlar
Erişilebilirlik denetimi WCAG (Web İçeriği Erişilebilirlik Yönergeleri) ölçütlerine göre yapılır ve hedef AA uyumudur. Renk kontrastı için gövde metninde metin ile zemin arasında 4,5’e 1 oranı, 24 piksel ve üzeri başlıklarda 3’e 1 oranı aranır; renk seçimi tasarım aşamasında bir kontrast aracıyla doğrulanır. İçerik taşıyan her görselin alt özniteliğine görselin anlattığı bilgi kısa bir cümleyle yazılır. Klavye erişiminde sayfa fare kullanılmadan gezilebilir olmalıdır: odak sırası mantıklı ilerler, açılan menü ya da modal pencere Escape tuşuna basıldığında kapanır, odak göstergesi gizlenmez. Formlarda hata mesajları yalnızca renkle değil, metinle de belirtilir. Sayfa dili HTML kodunda tanımlanır, böylece ekran okuyucu metni doğru telaffuzla seslendirir.
Arama görünürlüğü için ilk düzenleme sayfa yapısında yapılır. Sayfanın konusu tek bir H1 ile verilir, ana bölümler H2, alt konular H3 ve H4 ile açılır; seviye atlanmaz ve başlıklar yalnızca biçim vermek için kullanılmaz. Her sayfanın title etiketi benzersiz yazılır ve sayfanın konusunu ilk kelimelerde söyler. Meta description, arama sonucunda başlığın altında gösterilen kısa tanıtım metnidir; sayfaya özel hazırlanır ve kesilmemesi için uygun uzunlukta tutulur. URL’ler küçük harfli, tireyle ayrılmış ve kısa olur. Aynı içeriğin birden çok adreste görünmesi kanonik etiketle önlenir, sayfalar arası iç bağlantılar açıklayıcı bağlantı metinleriyle kurulur. Görsel dosya adları da içeriği tarif eden kelimelerle verilir.
Yapılandırılmış veri, sayfadaki işletme adı, adres, çalışma saatleri, hizmet ve sık sorulan sorular gibi bilgileri schema.org sözlüğüyle etiketler. Bu etiketler JSON-LD olarak sayfa koduna eklenir ve Google’ın Zengin Sonuç Testi aracında hata vermediği kontrol edilir. Sitenin XML haritası, dizinlenebilir sayfaların adreslerini ve son güncelleme tarihlerini içeren dosyadır; CMS bu dosyayı kendiliğinden oluşturur, dosyanın adresi Search Console’a kaydedilir. Robots.txt dosyasında yönetim paneli ve site içi arama sonuçları taramaya kapatılır. Yeni siteye geçişte ya da URL yapısı değiştiğinde 301 yönlendirmesi uygulanır. Bu kalıcı yönlendirme, eski adrese gelen kullanıcıyı ve arama motoru botunu yeni adrese taşır, eski sayfanın dış bağlantı değerini korur. Yönlendirme zincirleri ve döngüleri yayından önce taranarak temizlenir.
Proje Bütçesini Oluşturan Kalemler ve Düzenli Bakım İşleri
Ümraniye web tasarım fiyatları proje kapsamından türetilir; bu nedenle tutar analiz tamamlanmadan kesinleşmez. Maliyeti belirleyen etkenler şunlardır: şablon ve sayfa adedi, tasarımın özgün mü hazır tema üzerinden mi yapılacağı, dil seçeneği, ürün veya içerik kaydı sayısı, metin ve görsel üretiminin kimde olduğu, ödeme sistemi, stok, muhasebe ya da randevu yazılımı gibi bağlantılar, özel geliştirilecek modüller, eski sitenin taşınması, istenen teslim tarihi ve sunucu kaynakları. Onay turu adedi de iş yükünü değiştiren bir kalemdir. Hazır içerikle başlayan ve az entegrasyon isteyen projeler daha kısa sürer. Teklif hazırlanırken site haritası taslağı esas alınır. Teklif bu etkenlerin her birini ayrı kalem olarak gösterir; sonradan eklenen işler yazılı onayla teklife işlenir.
Yayından sonra site düzenli bakım ister. Teknik bakımda yazılım sürümleri takip edilir, güncellemeler öncesinde tam yedek alınır, güvenlik taraması yapılır ve sunucu kaynak kullanımı izlenir. Kesinti olduğunda bildirim gönderen bir izleme aracı kurulur. Sertifika, alan adı ve sunucu paketinin bitiş tarihleri bir takvimde tutulur, süresi dolmadan yenilenir. Form bildirimlerinin ulaşıp ulaşmadığı belirli aralıklarla deneme gönderimiyle sınanır. Bakımda tespit edilen hatalar önceliğine göre sınıflandırılır: siteyi durduran sorunlar aynı gün, görünüm hataları planlı bakım gününde giderilir. Yapılan her işlem bir kayıt dosyasında tarih ve açıklamayla tutulur. Ay sonunda paylaşılan raporda güncellenen bileşenler, alınan yedekler ve izleme kayıtları yer alır. Disk alanı ile veritabanı boyutu da büyüme eğilimine karşı takip edilir.
Bakımın ikinci kısmı performans ve içerik takibidir. Core Web Vitals ölçümleri ile mobil kullanılabilirlik raporları aylık olarak incelenir, eşik dışına çıkan sayfalar için görsel, kod ya da eklenti düzeyinde düzeltme yapılır. Search Console’daki dizin kapsamı ve tarama hataları kontrol edilir, kırık bağlantılar onarılır. Fiyat, kadro, hizmet listesi veya kampanya bilgisi değiştiğinde ilgili sayfalar güncellenir. Geçerliliğini yitiren sayfalar ya kaldırılıp en yakın içeriğe yönlendirilir ya da yenilenir. Uzun süre bakımsız bırakılan bir web tasarımı eski kodla çalışır, hız ve güvenlik puanı düşer; bu yüzden bakım sıklığı ve kapsamı teslim gününde yazılı olarak belirlenir. Analiz verileri de yeni sayfa ihtiyacını gösterir.