Web Yazılım ve Kurumsal Site

Web yazılım hizmeti, bir kurumun tanıtım sitesinin veya iş süreçlerini yürüten web uygulamasının tasarımdan yayına kadar geliştirilmesidir. Moon Workshop bu işi, siteyi yalnızca bir vitrin olarak değil, ölçülebilir bir kanal olarak ele alarak yürütür.

2013’ten bu yana hem reklam kampanyaları yönettiğimiz hem de yazılım geliştirdiğimiz için, sitenin performans pazarlamasıyla nasıl çalışması gerektiğini biliyoruz. Ölçüm altyapısı sonradan eklenen bir parça değil, projenin ilk gününden itibaren tanımlı bir gereksinimdir.

Kurumsal sitede performansı belirleyen unsurlar

Bir kurumsal sitenin işe yarayıp yaramadığını dört başlıkta ölçeriz.

Bu dört başlık birbirini besler. Hızlı ama içeriği belirsiz bir site de, iyi yazılmış ama taranamayan bir site de sonuç üretmez.

Teknik yaklaşımımız

Proje tipine göre mimari değişir, ancak bazı ilkeler sabittir:

1. Gereksiz JavaScript göndermemek. İçerik ağırlıklı sayfalarda statik üretim tercih edilir; etkileşim gereken yerlerde kod parça parça yüklenir.
2. Bileşen bazlı geliştirme. Tekrarlanan arayüz parçaları tek yerde tanımlanır; bakım maliyeti düşer, tutarlılık artar.
3. Erişilebilirlik baştan. Anlamsal HTML, klavye ile gezinme, kontrast oranı ve etiketlenmiş form alanları sonradan eklenen düzeltmeler değildir.
4. İçerik modeli işin yapısına göre. Alanlar serbest metin yığını değil, tiplenmiş ve doğrulanmış yapılar olarak kurulur.
5. Ölçüm teslimin parçası. GA4, Tag Manager ve dönüşüm olayları site yayına girdiğinde hazır olur.

İçerik yönetimi: editör deneyimi de bir gereksinimdir

Güncellenemeyen site, kısa sürede eskir. Yönetim panelini içerik ekibinin gerçek iş akışına göre kurarız: alan bazlı doğrulama, zorunlu alanlar, görsel boyut uyarıları, taslak ve yayın ayrımı, çok dilli içerikte dil sürümleri arasında geçiş.

Amaç, basit bir metin değişikliği için geliştiriciye ihtiyaç duyulmamasıdır.

Çok dilli yapı

Uluslararası çalışan markalar için dil yapısı baştan kurgulanmalıdır. Ele aldığımız başlıklar: her dil için kalıcı URL şeması, hreflang ilişkilerinin karşılıklı ve doğru tanımlanması, dil değiştiricinin eşdeğer sayfaya yönlenmesi, dile göre tarih ve para birimi biçimlendirmesi, çeviri eksik olduğunda oluşacak davranışın tanımlanması.

Güvenlik ve bakım

Yayın, projenin sonu değildir. Bakım kapsamında ele aldığımız başlıklar şunlardır:

• Bağımlılık güncellemeleri ve güvenlik yamaları
• Düzenli yedekleme ve geri dönüş testi
• Erişilebilirlik ve hız ölçümlerinin periyodik kontrolü
• Sunucu ve uygulama hata izleme
• Form ve iletişim kanallarının çalıştığının düzenli doğrulanması
• Kötüye kullanım ve istenmeyen form gönderimlerine karşı koruma

Proje süreci ve şeffaflık

Projeyi kapalı kutu olarak yürütmüyoruz. Her aşamada gösterilebilir bir çıktı olur: bilgi mimarisi onayı, tasarım sistemi onayı, çalışan ara sürüm, içerik provası ve yayın öncesi kontrol listesi. Kapsam değişikliği olduğunda etkisini süre ve maliyet olarak yazılı paylaşırız.

Reklamla uyumlu site

Reklam kampanyası yürüten bir marka için sitenin şu gereksinimleri karşılaması gerekir: kampanya bazlı iniş sayfası üretebilme esnekliği, dönüşüm olaylarının doğru tetiklenmesi, form gönderimlerinin CRM’e aktarılması, sayfa hızının reklam kalite puanını olumsuz etkilememesi ve UTM parametrelerinin kaynak bilgisiyle birlikte kaydedilmesi. Bu gereksinimleri proje başında tanımlarız; sonradan eklendiğinde maliyeti her zaman daha yüksek olur.

Erişilebilirlik: yasal ve ticari bir gereklilik

Erişilebilirlik, yalnızca ekran okuyucu kullanan ziyaretçileri ilgilendirmez. Klavye ile gezinme, yeterli kontrast oranı, anlamlı bağlantı metinleri ve doğru etiketlenmiş form alanları tüm kullanıcılar için deneyimi iyileştirir. Uyguladığımız temel kontroller:

1. Anlamsal HTML kullanımı ve doğru başlık hiyerarşisi
2. Tüm etkileşimli öğelerin klavye ile erişilebilir olması ve odak göstergesinin görünür kalması
3. Metin ve arka plan arasında yeterli kontrast oranı
4. Form alanlarının etiketlenmesi ve hata mesajlarının ekran okuyucuya iletilmesi
5. Görsellerin anlamlı alternatif metinleri
6. Yalnızca renkle iletilen bilgi bulunmaması

Bu kontrolleri geliştirme sırasında yaparız; sonradan düzeltmek her zaman daha maliyetlidir.

Proje sonrası sahiplik

Teslim ettiğimiz projelerde kod ve içeriğin sahibi markadır. Kaynak kod deposu, ortam değişkenleri, alan adı ve barındırma erişimleri devredilir. Bir başka ekiple devam etme kararı verirseniz, teknik dokümantasyon bu geçişi kolaylaştıracak düzeyde hazırlanır.

Bu şeffaflık ticari bir tercih değil, çalışma ilkesidir. Bağımlılık üzerine kurulu bir ilişki, uzun vadede hem markaya hem ajansa zarar verir.

Ne zaman kurumsal site, ne zaman web uygulaması?

Bu ayrım proje başında netleşmezse, kurumsal site zamanla yönetilmesi zor bir uygulamaya dönüşür. Gereksinimleri baştan doğru sınıflandırmak, hem maliyeti hem bakım yükünü belirgin biçimde düşürür.

Sık yapılan hatalar

• İçerik hazır olmadan tasarıma başlamak ve sayfaları yer tutucu metinle kurgulamak
• Ölçüm kurulumunu yayın sonrasına bırakmak
• URL yapısını değiştirip yönlendirme haritası hazırlamamak
• Sayfa hızını yalnızca masaüstünde ölçmek
• Yönetim panelini editörün değil geliştiricinin alışkanlıklarına göre tasarlamak
• Bakım ve güncelleme sorumluluğunu tanımsız bırakmak