Kurumsal web tasarımında dikkat edilmesi gerekenler

Kurumsal bir web sitesinin görevi güzel görünmekten çok, ziyaretçinin sorusuna hızla cevap vermektir: Bu firma ne yapıyor, benim işimi yapabilir mi, kime ulaşmalıyım? Birçok şirket sitesi yeniden tasarlanırken ilk konuşulan konu renkler ve görseller olur. Oysa sitenin başarısını çoğu zaman içerik düzeni, hız, telefondaki kullanım ve arkadaki yönetim paneli belirler. Bu yazıda kurumsal bir web sitesini planlarken ve tasarlarken dikkat edilmesi gerekenleri sırayla anlatıyoruz. Unna’nın bu alandaki hizmetini web tasarım ve yazılım sayfamızda bulabilirsiniz.

Tasarımdan önce: hedef ve içerik

İyi bir site, ilk ekran çiziminden önce iki sorunun cevabıyla başlar: Siteyi kimler ziyaret ediyor ve ziyaretten sonra ne yapmalarını istiyoruz? Bir makine üreticisinin sitesinde ziyaretçi çoğu zaman bir satın alma uzmanı ya da mühendistir; ürün kataloğunu, teknik bilgiyi ve teklif formunu arar. Bir hizmet firmasında ise ziyaretçi referans, hizmet kapsamı ve iletişim bilgisi arar.

Bu cevaplardan site haritası çıkar. Menüde yer alacak ana sayfalar, her sayfanın amacı ve sayfalar arası yol netleşmeden tasarıma başlamak, sonradan pahalı değişikliklere yol açar. İçerik de tasarımdan önce hazırlanmalıdır. "Buraya bir metin gelecek" diye bırakılan kutular, yayın günü ya boş kalır ya da aceleyle yazılmış metinlerle dolar.

• Her hizmet ya da ürün için ayrı ve yeterince ayrıntılı bir sayfa planlayın.
• Metinleri sektör jargonuyla değil, müşterinizin kullandığı kelimelerle yazın.
• Her sayfada bir sonraki adımı açıkça gösterin: teklif isteyin, bizi arayın, kataloğu indirin.

Önce telefon: mobil uyum

Ziyaretçilerin önemli bir kısmı siteye telefondan gelir. Google da siteleri değerlendirirken ağırlıklı olarak sayfanın mobil sürümünü esas alır. Bu yüzden mobil görünüm, masaüstü tasarımın küçültülmüş hâli değil, baştan düşünülmesi gereken bir ekrandır.

• Menü, telefonda tek elle açılıp kapanabilmelidir.
• Telefon numarası dokununca arama başlatmalı, adres harita uygulamasında açılmalıdır.
• Tablolar ve geniş görseller, ekrandan taşmadan okunabilmelidir.
• Butonlar ve bağlantılar parmakla rahatça dokunulabilecek boyutta olmalıdır.

Hız: ölçülebilir bir tasarım kararı

Hız, tasarım bittikten sonra yapılan bir ayar değildir; seçilen görsellerin boyutundan kullanılan yazı tipi sayısına kadar her tasarım kararı hızı etkiler. Google, sayfa deneyimini Core Web Vitals adını verdiği üç ölçütle değerlendirir:

INP, Mart 2024’te önceki ölçüt FID’in yerini aldı. Bu ölçütleri Google’ın PageSpeed Insights aracıyla ücretsiz olarak ölçebilirsiniz. Hızın bir kısmı da barındırma tarafındadır; yavaş yanıt veren bir sunucu, iyi tasarlanmış bir sayfayı da yavaşlatır. Barındırma seçenekleri için veri merkezi çözümleri sayfamıza bakabilirsiniz.

Erişilebilirlik ve arama motoru uyumu

Erişilebilirlik

Erişilebilir bir site, görme, işitme ya da hareket kısıtı olan kullanıcıların da rahatça kullanabildiği sitedir. Uluslararası referans, W3C’nin Web İçerik Erişilebilirliği Yönergeleri’dir (WCAG); güncel sürüm WCAG 2.2, Ekim 2023’te yayımlandı. Temel adımlar tasarımın doğal parçası olabilir:

• Metin ile arka plan arasında yeterli renk kontrastı
• Görsellerde anlamlı alternatif metin
• Başlıkların sırayla ve anlamına uygun kullanılması
• Formlarda her alanın açık bir etiketi ve anlaşılır hata mesajları
• Sitenin yalnızca klavyeyle de gezilebilmesi

Bu adımların çoğu, arama motorlarının sayfayı anlamasını da kolaylaştırır.

Arama motoru uyumu

Arama motoru uyumu yayından sonra eklenen bir özellik değil, site haritası ve içerikle birlikte kurulan bir yapıdır. Her sayfanın kendine özgü bir başlığı ve açıklaması, anlaşılır bir adresi, düzgün bir başlık hiyerarşisi olmalıdır. Hizmet ve ürün sayfaları birbirine anlamlı bağlantılarla bağlanmalıdır.

Mevcut bir siteyi yeniliyorsanız en büyük risk, eski adreslerin kaybolmasıdır. Yıllardır arama sonuçlarında görünen bir sayfa, yeni sitede farklı bir adrese taşınıp yönlendirme yapılmazsa trafiğini kaybedebilir. Bunun nasıl önleneceğini site yenilerken SEO’yu korumak yazımızda adım adım anlattık.

Güvenlik, KVKK ve yönetim paneli

Kurumsal bir site, iletişim ve teklif formlarıyla kişisel veri toplar. Formlar HTTPS üzerinden çalışmalı, toplanan veri gerekenden fazla olmamalı ve aydınlatma metni formun yanında yer almalıdır. Çerez kullanımı da güncel mevzuata göre ele alınmalıdır; hukuki ayrıntılar için hukuk danışmanınızla birlikte çalışmanızı öneririz. Teknik tarafı ISO 27001 ve KVKK sayfamızda anlattık.

Site yayına alındıktan sonra da yaşamaya devam eder. İçerik yönetim sistemi ve eklentiler düzenli güncellenmeli, site dosyaları ve veritabanı düzenli yedeklenmelidir. Yönetim paneli ise ekibinizin teknik bilgi gerektirmeden metin, görsel, ürün ve haber ekleyebileceği kadar sade olmalıdır. Güncellenemeyen bir site, kısa sürede eskiyen bir sitedir.

Kontrol listesi

Yeni bir site projesine başlarken ya da teklifleri karşılaştırırken şu soruları sorun:

• Site haritası ve sayfa içerikleri tasarımdan önce netleşiyor mu?
• Tasarım telefonda, tablette ve masaüstünde gerçek cihazlarda test ediliyor mu?
• Hız ölçütleri yayından önce ölçülüyor mu?
• Eski sitenin adresleri için yönlendirme planı var mı?
• Formlar ve çerezler KVKK açısından ele alınıyor mu?
• Yönetim panelini ekibiniz kendi başına kullanabilecek mi?
• Barındırma, yedekleme ve güncellemeleri yayından sonra kim üstleniyor?

Unna ile kurumsal web sitesi

1. Önce dinleriz. Hedeflerinizi, ziyaretçilerinizi ve mevcut sitenizin güçlü ve zayıf yanlarını birlikte inceleriz.
2. Birlikte tasarlarız. Site haritasını, ekran tasarımlarını ve teknik yapıyı onayınıza sunarız; kod yazmadan önce ne yapacağımız bellidir.
3. Geliştirir ve test ederiz. Siteyi gerçek cihazlarda ve tarayıcılarda test eder, hız, güvenlik ve erişilebilirliği yayından önce kontrol ederiz.
4. Yanınızda kalırız. Yayından sonra barındırma, yedekleme, güncelleme ve geliştirme desteğiyle projenin arkasında dururuz.

Sitenizi yenilemeyi düşünüyorsanız bize ulaşın; mevcut sitenizi birlikte değerlendirelim.