Web Tasarım Hizmeti Nelerden Oluşur?

Web tasarım hizmeti; ihtiyaç analizi, site yapısının planlanması, görsel tasarım, içerik hazırlığı, kodlama, test, yayına alma ve yayından sonraki bakım işlerinin toplamıdır. Sitenin ekranda nasıl göründüğü bu işlerin yalnızca bir bölümüdür. Bir sitenin kolay bulunması, hızlı açılması ve formlarının gerçekten çalışması diğer adımlarda belirlenir.

Farklı ajanslardan gelen teklifler çoğu zaman aynı işi anlatmaz. Birinde içerik girişi dahildir, diğerinde değildir; birinde barındırma ve bakım yıllık olarak eklenmiştir, diğerinde hiç geçmez. Bu yazıda hizmeti oluşturan adımları sırayla anlatıyoruz ki teklifleri karşılaştırırken neye baktığınızı bilin.

Adım adım web sitesi yapım süreci

1. Keşif görüşmesi ve ihtiyaç analizi

Her proje, sitenin ne işe yarayacağını konuşarak başlar. Ziyaretçiler kimler, siteye gelince ne yapmaları isteniyor, rakiplerin sitelerinde neler var, mevcut bir site varsa nesi eksik? Bu görüşmede sitenin dili, hedeflenen şehir ya da ülke, ileride eklenmesi düşünülen bölümler de konuşulur.

İhtiyaç analizi ne kadar netse teklif de o kadar doğru olur. Belirsiz kalan bir ihtiyaç, projenin ortasında yeni bir iş olarak ortaya çıkar ve hem süreyi hem bütçeyi uzatır. Bu aşamanın sonunda yazılı bir kapsam belgesi ya da teklif hazırlanır.

Bu görüşmeye siteden sorumlu olacak kişinin yanında satış ya da müşteri ilişkilerinden birinin katılması işe yarar. Müşterilerin telefonda en sık sorduğu sorular, sitede cevaplanması gereken soruların listesini verir. Beğendiğiniz ve beğenmediğiniz birkaç site örneği getirmek de tasarımcının beklentinizi anlamasını hızlandırır.

2. Site haritası ve sayfa yapısı

Site haritası, sitede hangi sayfaların olacağını ve bu sayfaların birbirine nasıl bağlanacağını gösteren listedir. Menüde neyin yer alacağı, hangi hizmetin ayrı bir sayfası olacağı, adreslerin nasıl yazılacağı bu aşamada kararlaştırılır.

Arama motorları açısından en önemli kararlar da burada verilir. Her hizmet için ayrı bir sayfa açmak, o hizmeti arayan kişinin doğrudan doğru sayfaya ulaşmasını sağlar. Mevcut bir site yenileniyorsa eski adreslerin listesi çıkarılır ve her birinin yeni sitede nereye yönlendirileceği planlanır.

3. Tel kafes ve görsel tasarım

Tel kafes (wireframe), sayfaların renk ve görsel olmadan, kutular ve başlıklarla çizilmiş taslağıdır. Hangi bilginin sayfada nerede duracağını, düğmelerin yerini ve okuma sırasını gösterir. Bu taslak üzerinde anlaşmak, görsel tasarım aşamasındaki geri dönüşleri azaltır.

Görsel tasarımda şirketin logosu, renkleri ve yazı tipleri sayfalara uygulanır. Ana sayfa ve birkaç örnek iç sayfa hem masaüstü hem telefon görünümüyle hazırlanır ve onaya sunulur. Şirketin henüz oturmuş bir kurumsal kimliği yoksa bu iş web tasarımından önce ele alınmalıdır; bunu kurumsal kimlik ve logo tasarımı sayfamızda anlattık.

4. İçerik hazırlığı

Metinler, fotoğraflar, referans logoları, belgeler ve iletişim bilgileri sitenin içeriğini oluşturur. Projelerin en sık geciktiği yer burasıdır, çünkü içeriğin büyük bölümü şirketin kendisinden gelir. İçeriği kimin hazırlayacağı, metin yazarlığının ve fotoğraf çekiminin hizmete dahil olup olmadığı baştan konuşulmalıdır.

Arama motorları için yazılan sayfa başlıkları ve açıklamalar da bu aşamanın parçasıdır. Her sayfanın kendine ait bir başlığı ve kısa bir açıklaması olmalı; tüm sayfalarda aynı başlığı kullanmak, Google’ın sayfaları ayırt etmesini zorlaştırır.

5. Kodlama ve yönetim paneli

Onaylanan tasarım bu aşamada çalışan bir siteye dönüşür. Sayfalar telefon, tablet ve bilgisayar ekranlarına uyumlu olarak kodlanır, formlar ve diğer işlevler bağlanır, site sahibinin içerikleri güncelleyebileceği yönetim paneli hazırlanır.

Biz kurumsal siteleri çoğunlukla WordPress üzerinde, kendi geliştirdiğimiz temalarla kuruyoruz. Sayfadaki her bölüm yönetim panelinde ayrı bir alan olarak düzenlenebiliyor; böylece metni ya da görseli değiştiren kişi tasarımı bozmadan çalışabiliyor. Formları Cloudflare Turnstile ile spama karşı koruyor, form bildirimlerinin e-posta kutusuna güvenle ulaşması için SMTP gönderimini kuruyoruz.

6. Test

Yayından önce site farklı tarayıcılarda ve ekran boyutlarında denenir. Bütün linklerin çalıştığı, formların doğru adrese ulaştığı, görsellerin sıkıştırıldığı ve sayfaların makul bir sürede açıldığı kontrol edilir. Bu aşamada site sahibinin de siteyi gezmesi ve metinleri son kez okuması gerekir.

Hız ölçümü için Google’ın PageSpeed Insights aracı kullanılabilir. Burada sayfanın ana içeriğinin ne kadar sürede göründüğü, sayfa yüklenirken öğelerin yerinden kayıp kaymadığı ve dokunuşlara ne kadar hızlı tepki verildiği ölçülür. Erişilebilirlik tarafında ise görsellerin alt metinleri, başlık sırası, renk kontrastı ve sitenin klavyeyle gezilebilmesi kontrol edilir.

7. Yayına alma

Alan adı sitenin barındırıldığı sunucuya yönlendirilir, SSL sertifikası kurulur ve site https ile açılır hale gelir. Eski site varsa eski adresler planlandığı gibi yeni sayfalara yönlendirilir. Site haritası Google Search Console’a bildirilir, ziyaretçi ölçümü için Google Analytics 4 bağlanır ve kişisel veri işleniyorsa çerez onayı ile yasal metinler yayına alınır.

Siteyi nerede barındıracağınız da bu aşamada netleşir. Yaptığımız siteleri istenirse kendi yönettiğimiz sunucularda, Cloudflare arkasında barındırabiliyoruz; isterseniz kendi barındırma hizmetinizi de kullanabilirsiniz.

8. Bakım ve güncelleme

Web sitesi yayına girdikten sonra da ilgi ister. WordPress, eklentiler ve sunucu yazılımları düzenli güncelleme gerektirir; güncellenmeyen siteler zamanla güvenlik açığı verir. İçerik eklemek, yeni bir sayfa açmak ya da bir formu değiştirmek gibi küçük işler de bakımın parçasıdır. Teklifte bakımın süresi, kapsamı ve kimde olacağı yazılı olmalıdır.

Teklifte kapsam dışında kalabilecek işler

Bazı işler web tasarım teklifinin içinde yer almayabilir. Teklifleri karşılaştırırken şu kalemlerin dahil olup olmadığını sormanızı öneririz:

• Metin yazarlığı ve mevcut metinlerin düzenlenmesi
• Fotoğraf ya da video çekimi
• İkinci bir dil için çeviri ve içerik girişi
• Logo ve kurumsal kimlik çalışması
• Muhasebe, CRM ya da başka bir yazılımla entegrasyon
• Yayından sonraki düzenli SEO çalışması ve reklam yönetimi
• Alan adı, barındırma ve bakım ücretleri

Sitenin yayından sonra arama sonuçlarında yükselmesi ayrı ve süreklilik isteyen bir iştir; kapsamını SEO hizmeti sayfamızda anlattık.

Sürenin uzunluğunu neler belirler?

Bir web sitesinin ne kadar sürede tamamlanacağı en çok sayfa sayısına, özel tasarım isteyen bölümlerin çokluğuna, dil sayısına ve içeriğin ne zaman hazır olacağına bağlıdır. Entegrasyon gerektiren işler ve onay süreçlerinin uzunluğu da takvimi etkiler. Takvimi kısaltmanın en etkili yolu, metinleri ve fotoğrafları tasarım aşaması sürerken hazırlamaya başlamak ve onay verecek kişiyi baştan belirlemektir. Kapsam netleştikten sonra iş planını teklifte yazılı olarak veriyoruz.

Sık sorulan sorular

Web tasarım ile web yazılım aynı şey mi?

Değil. Web tasarım daha çok sitenin yapısı, görünümü ve kullanım kolaylığıyla ilgilenir. Web yazılım ise kullanıcı girişi, sipariş takibi ya da raporlama gibi iş süreçlerini yürüten uygulamaları kapsar. Kurumsal sitelerde ikisi iç içe geçer, büyük iş uygulamalarında ise yazılım ağır basar.

Tasarım onayından sonra değişiklik yapılabilir mi?

Yapılabilir, ama kodlama başladıktan sonra yapılan büyük değişiklikler süreyi uzatır. Bu yüzden tel kafes ve görsel tasarım aşamalarında acele etmemek, ilgili herkesin görüşünü o aşamada almak en verimli yoldur.

Kurumsal bir sitede hangi sayfaların bulunması gerektiğini kurumsal web tasarım nedir yazımızda, teklif almadan önce dikkat etmeniz gerekenleri de web sitesi yaptırmadan önce bilmeniz gerekenler yazımızda topladık. Kendi projeniz için kurumsal web sitesi tasarımı sayfamıza göz atabilir, iletişim sayfasından bize ulaşabilirsiniz.