Kurumsal Web Tasarımı: Ziyaretçiyi Müşteriye Çeviren Site Nasıl Kurulur?

Kurumsal web sitesi, çoğu şirketin sahip olduğu en ucuz ve en çok çalışan satış temsilcisidir; ancak çoğu site bu görevi yapmaz. Ziyaretçiyi müşteriye çeviren bir site; hız, bilgi mimarisi, güven unsurları ve form tasarımının birlikte çalıştığı ölçülebilir bir sistemdir. Bu rehberde, kurumsal web tasarımını estetik bir tercih olmaktan çıkarıp veriye dayalı bir büyüme aracına dönüştüren tüm bileşenleri, doğrulanmış kaynaklarla ele alıyoruz.

Kurumsal Web Sitesi Aslında Ne İşe Yarar?

Bir kurumsal site, şirketin dijital vitrini değil, satış sürecinin ilk aşamasıdır. Potansiyel müşteri sizi bir arama sonucunda, bir reklamda veya bir tavsiyede duyduktan sonra siteye gelir ve orada üç soruya cevap arar:

• Doğru yerde miyim? Bu şirket benim problemimi çözüyor mu?
• Güvenebilir miyim? Gerçek bir kurum mu, referansları var mı?
• Sırada ne var? İletişime geçmek, teklif almak veya satın almak ne kadar kolay?

Bu üç sorudan herhangi birine net cevap veremeyen site, trafiği ne kadar yüksek olursa olsun ticari olarak boştur. Kurumsal web tasarımı hizmetimizde her projeyi bu üç soruyla başlatmamızın nedeni budur.

“Broşür Site” ile “Satış Yapan Site” Arasındaki Fark

Türkiye’de yaygın olan model, basılı katalogun dijital kopyası niteliğindeki broşür sitedir: Hakkımızda, Hizmetler, İletişim. Güzel görünür, hiçbir şey ölçmez, hiçbir davranışı yönlendirmez. Satış yapan site ise farklı bir mantıkla kurulur.

İlk İzlenim: Güvenilirlik Saniyeler İçinde Kuruluyor

Ziyaretçi, sitenizin içeriğini okumaya başlamadan önce ona dair bir yargıya varır. Nielsen Norman Group’un aktardığına göre, Gitte Lindgaard ve ekibinin araştırması estetiğe ilişkin kararın siteye girildikten sonraki 50 milisaniye kadar erken verildiğini ve daha fazla süre tanındığında bu kararın nadiren değiştiğini gösteriyor. Bu ilk tepki; algılanan alaka düzeyini, güvenilirliği ve kullanılabilirliği doğrudan etkiliyor.

Stanford Üniversitesi’nin 4.500’den fazla katılımcıyla yürüttüğü Web Credibility araştırması ise güvenilirliğin hangi somut unsurlarla kurulduğunu listeliyor: gerçek bir kurumun arkasında olduğunu gösterme (fiziksel adres, fotoğraflar), uzmanlığı belgeleme, açık iletişim bilgisi verme, amaca uygun profesyonel tasarım, içeriği güncel tutma, agresif reklamlardan kaçınma ve yazım hataları ile kırık linkler gibi hataları sıfırlama.

“İnsanlar bir siteyi yalnızca görsel tasarımına bakarak hızla değerlendirir.”
— Stanford Web Credibility Research

Pratik çıkarım net: ekip fotoğrafı olmayan, adres yazmayan, referans göstermeyen bir kurumsal site, en iyi metinle bile güven açığını kapatamaz. Tamamladığımız projelerde güven unsurlarını hero alanının hemen altına taşımamızın nedeni budur.

Site Hızı ve Core Web Vitals’ın Dönüşüme Etkisi

Core Web Vitals, Google’ın gerçek kullanıcı deneyimini ölçmek için tanımladığı üç metriktir. Jargonu açalım: bunlar laboratuvar testi değil, sitenizi gerçekten ziyaret eden Chrome kullanıcılarından toplanan saha verisidir. Bu veri Chrome UX Report (CrUX) veri setinde toplanır ve Google Search tarafından sayfa deneyimi sinyali olarak kullanılır.

Kritik detay: bu eşikler ortalamayla değil, sayfa yüklenmelerinin 75. yüzdelik diliminde ve mobil ile masaüstü ayrı ayrı ölçülerek değerlendirilir. Yani kullanıcılarınızın dörtte üçü bu eşiğin altında deneyim yaşamalıdır. Ortalama LCP’nin 2,4 saniye çıkması, sitenizin geçtiği anlamına gelmez.

“Core Web Vitals are used by our ranking systems.”
— Google Search Central — Page Experience

Google aynı dokümanda tek bir “sayfa deneyimi puanı” olmadığını, arama sisteminin alakalı içeriği zayıf deneyime rağmen gösterebileceğini de açıkça belirtiyor. Yani hız tek başına sıralama garantisi değil; ancak dönüşüm tarafındaki etkisi bağımsızdır.

Think with Google’ın 11 milyon mobil açılış sayfasını incelediği araştırma, sayfa yükleme süresi 1 saniyeden 10 saniyeye çıktığında mobil ziyaretçinin siteyi terk etme olasılığının %123 arttığını gösteriyor. Aynı analizde incelenen sayfaların %70’inde ekranın üst kısmındaki görsel içeriğin görünmesi beş saniyeden uzun sürüyor ve ortalama mobil açılış sayfası yaklaşık 15 saniyede tam olarak yükleniyor.

CLS’in en yaygın nedenleri de bilinir ve hepsi tasarım aşamasında önlenebilir: boyutu tanımlanmamış görsel ve videolar, yedek fontla farklı boyutta render edilen web fontları, dinamik olarak boyutlanan üçüncü taraf reklam ve widget’lar, asenkron yüklenen kaynaklar ve mevcut içeriğin üstüne sonradan eklenen DOM elemanları.

Mobil Öncelikli Tasarım Artık Varsayılan

Google, sitelerin içeriğini indekslemek ve sıralamak için akıllı telefon botuyla taranan mobil sürümü kullanır. Bunun tasarım tarafındaki üç somut sonucu vardır:

• İçerik eşitliği: Mobil sürüm masaüstüyle aynı içeriği barındırmalıdır. İçeriği akordeon veya sekmelerle yeniden düzenlemek sorun değildir; silmek sorundur.
• Yapılandırılmış veri eşitliği: Mobil ve masaüstünde aynı structured data bulunmalı; Breadcrumb, Product ve VideoObject işaretlemeleri öncelikli tutulmalıdır.
• Görsel eşitliği: Mobil görseller kalite, format ve alt metin bakımından masaüstüyle aynı olmalıdır.

Buna dokunmatik ergonomiyi de eklemek gerekir: en az 44×44 piksel dokunma hedefleri, başparmakla erişilebilir birincil CTA konumu, yatay kaydırma olmaması ve mobilde 16 piksel altına düşmeyen gövde metni.

Bilgi Mimarisi ve Navigasyon

Bu iki kavram sıkça karıştırılır. Nielsen Norman Group ayrımı şöyle yapıyor: bilgi mimarisi (IA) sitenin içeriğini ve aralarındaki ilişkileri tanımlayan görünmez iskelettir; navigasyon ise kullanıcının bu iskelette dolaşmasını sağlayan menü, breadcrumb ve footer gibi görünür arayüz bileşenleridir.

“IA is the information backbone of the site.”
— Nielsen Norman Group — IA vs. Navigation

Sıralama önemlidir: önce bilgi mimarisi, sonra navigasyon. Menü desenini estetik gerekçelerle seçip içeriği ona sığdırmaya çalışmak, ideal yapıdan taviz vermek anlamına gelir. Kurumsal sitelerde pratik kurallar:

• Ana menüde 5–7 öğeyi geçmeyin; her ek öğe diğerlerinin dikkat payını böler.
• Menü etiketlerinde şirket içi jargon değil, müşterinin kullandığı kelimeleri kullanın (“Çözümlerimiz” yerine “Web Tasarımı”).
• Her önemli sayfaya ana sayfadan en fazla üç tıkla ulaşılmalıdır.
• Hizmet sayfalarını tek bir “Hizmetler” sayfasında toplamak yerine, her hizmet için ayrı ve derin bir sayfa oluşturun. Bu hem kullanıcı hem de SEO çalışmaları için gereklidir.

Dönüşüm Odaklı Sayfa Yapısı: Hero, Sosyal Kanıt, CTA

Yüksek dönüşümlü kurumsal sayfalar tesadüf değil, tekrarlanabilir bir kurguya dayanır:

1. Hero alanı: Tek cümlelik değer önerisi (ne yapıyorsunuz, kim için, hangi sonuçla), destekleyici alt metin ve tek bir birincil CTA. İki eşit ağırlıkta CTA, sıfır CTA’ya yakın performans verir.
2. Güven şeridi: Müşteri logoları, sertifikalar, üyelikler. Stanford araştırmasının işaret ettiği “gerçek kurum” sinyali burada verilir.
3. Problem–çözüm bölümü: Müşterinin diliyle yazılmış sorun tanımı ve buna karşılık gelen hizmet.
4. Sosyal kanıt: İsim, unvan ve şirket bilgisi içeren gerçek referanslar; mümkünse sayısal sonuçlarla desteklenmiş vaka çalışmaları.
5. Süreç şeffaflığı: “Sonra ne oluyor?” sorusuna cevap veren 3–4 adımlık akış. Belirsizlik dönüşümün en sessiz düşmanıdır.
6. SSS: Fiyat, süre ve kapsam gibi satın alma engellerini önden kaldırır.
7. Kapanış CTA’sı: Sayfanın sonunda tekrarlanan, aynı eylemi işaret eden çağrı.

CTA yerleşiminde kural, “üstte olsun” değil “karar anında olsun”dır. Uzun hizmet sayfalarında her büyük bölümün sonuna bağlama uygun bir CTA yerleştirmek, tek bir sabit butondan daha iyi çalışır.

Form ve İletişim Tasarımı: Son Metredeki Kayıplar

Trafiği getirmek için harcanan bütçenin karşılığı formda alınır ya da kaybedilir. Baymard Institute’un e-ticaret ödeme akışları üzerine yaptığı araştırma, ortalama sitenin 12,8 form alanı kullandığını, oysa kredi kartı bilgileri dâhil olmak üzere 6–8 alanla tamamlanabilecek bir akışın mümkün olduğunu gösteriyor. Aynı araştırmada kullanıcıların %26’sı ödeme akışı çok uzun veya karmaşık olduğu için alışverişten vazgeçtiğini belirtiyor.

Kurumsal iletişim formlarında da mantık aynıdır:

• Her alanı savunun. “Faks”, “unvan”, “nereden duydunuz” gibi alanlar satış ekibinin merakını giderir, dönüşümü düşürür.
• Etiketleri alanın üstünde tutun. Placeholder metni etiket yerine kullanıldığında kullanıcı yazmaya başlayınca bağlamı kaybeder.
• Hataları alan bazında ve anlaşılır dille gösterin. “Geçersiz giriş” değil, “Telefon numarasını 5XX XXX XX XX biçiminde yazın”.
• Alternatif kanal sunun. Telefon, WhatsApp ve e-posta adresini görünür yapın; herkes form doldurmak istemez.
• Teşekkür sayfası kurun. Hem dönüşüm ölçümü hem de bir sonraki adımın anlatılması için gereklidir.

Erişilebilirlik (WCAG) ve Ticari Karşılığı

WCAG (Web Content Accessibility Guidelines), W3C tarafından geliştirilen erişilebilirlik standardıdır. Sürüm tarihleri: WCAG 2.0 11 Aralık 2008, WCAG 2.1 5 Haziran 2018, WCAG 2.2 ise 5 Ekim 2023’te yayımlandı (12 Aralık 2024’te güncellendi). Standart dört ilke üzerine kuruludur — Algılanabilir, Kullanılabilir, Anlaşılabilir, Sağlam (POUR) — ve A, AA, AAA olmak üzere üç uyum düzeyi tanımlar. Kurumsal siteler için pratik hedef AA düzeyidir.

Ticari gerekçe şudur: Dünya Sağlık Örgütü’nün 7 Mart 2023 tarihli bilgi notuna göre dünyada 1,3 milyar insan önemli düzeyde engelle yaşıyor.

“This represents 16% of the world’s population, or 1 in 6 of us.”
— World Health Organization — Disability

Erişilebilir tasarımın yan faydası da büyüktür: yeterli renk kontrastı güneş altında telefon kullananın da işine yarar, doğru başlık hiyerarşisi ekran okuyucunun da arama motorunun da işini kolaylaştırır, klavye ile gezinilebilirlik ise genel kullanılabilirliği yükseltir.

SEO ile Tasarımın Kesiştiği Yer

Tasarım ve SEO ayrı disiplinler gibi görünse de aynı kararlarda buluşur. Başlık hiyerarşisi (H1–H3), sayfa hızının Core Web Vitals eşiklerine uyumu, mobil içerik eşitliği, görsel alt metinleri, URL yapısı ve iç linkleme — hepsi tasarım aşamasında belirlenir, sonradan “eklenemez”.

Bugün görünürlük sadece klasik arama sonuçlarıyla sınırlı da değil. Yapay zekâ destekli arama arayüzlerinde içeriğinizin alıntılanması için net başlıklar, tanımlayıcı paragraflar ve yapılandırılmış veri gerekiyor; bu konuyu GEO ve yapay zekâ arama görünürlüğü rehberimizde ayrıntılı ele aldık. Temel arama motoru optimizasyonu için ise SEO nedir başlıklı rehberimiz ve GEO hizmetimiz başlangıç noktası olabilir.

Ücretli trafik tarafında da aynı bağ geçerlidir: Google Ads veya Meta Ads kampanyalarında tıklama başına ödediğiniz bedelin karşılığını yavaş ve kafa karıştırıcı bir açılış sayfası siler. Kampanya kurgusunu Google Ads kampanya yönetimi rehberinde ve Meta Ads reklam rehberinde bulabilirsiniz.

E-Ticaret Özelinde Notlar

E-ticarette dönüşüm kaybı büyük ölçüde ölçülmüş nedenlere dayanıyor. Baymard Institute’un 50 farklı çalışmayı derlediği verilere göre ortalama sepet terk oranı %70,22. Satın alma niyeti olan kullanıcılar arasındaki başlıca terk nedenleri ise şunlar:

• %40 — Ek maliyetler çok yüksek (kargo, vergi, ücretler)
• %20 — Teslimat çok yavaş
• %19 — Siteye kredi kartı bilgisi konusunda güvenilmemesi
• %18 — Sitenin hesap açmayı zorunlu tutması
• %17 — Ödeme sürecinin uzun veya karmaşık olması
• %17 — Site hataları ve çökmeler
• %12 — Toplam sipariş tutarının önceden görülememesi

Bu listenin neredeyse tamamı tasarım ve arayüz kararlarıyla ilgilidir: kargo ve vergiyi sepet aşamasında şeffaf göstermek, misafir olarak ödeme seçeneği sunmak, güvenlik rozetlerini kart formunun yanına yerleştirmek, adım sayacı ile süreç uzunluğunu görünür kılmak ve ödeme akışını hatasız çalıştırmak. Bunlar pazarlama bütçesi değil, uygulama kalitesi meselesidir.

Yeniden Tasarım Öncesi Kontrol Listesi

Mevcut siteyi silip sıfırdan başlamak, çoğu zaman iyi çalışan şeyleri de silmek anlamına gelir. Yeniden tasarıma girmeden önce şu ölçümleri toplayın:

Sık Yapılan Hatalar

• Hero alanında slider kullanmak. Kullanıcıların çoğu ilk kareden sonrasını görmez; birden fazla mesaj, tek bir net mesajın etkisini seyreltir ve CLS riskini artırır.
• Sıkıştırılmamış devasa görseller. LCP’yi en çok bozan tekil sebeptir. Modern format (WebP/AVIF), doğru boyutlandırma ve genişlik/yükseklik tanımı zorunludur.
• Şirket odaklı metin. “1998’den beri sektörün öncüsü” cümlesi hiçbir müşterinin problemini çözmez.
• Fiyat veya kapsam hakkında hiçbir sinyal vermemek. Belirsizlik, nitelikli talebi değil, nitelikli olmayan talebi artırır.
• Referansların anonim olması. “A.Y., Müdür” ifadesi güven üretmez; isim, unvan, şirket ve mümkünse görsel gerekir.
• Ölçümü yayın sonrasına bırakmak. Dönüşüm izleme kurulmadan yayına alınan site, ne kadar iyi olduğunu asla kanıtlayamaz.
• Sosyal medya ve site içeriğini birbirinden kopuk yürütmek. Sosyal medya yönetimi ile site içeriği aynı mesaj çerçevesini paylaşmalıdır; ayrıntılar sosyal medya yönetimi rehberimizde.
• Üçüncü taraf script yığını. Her chat, ısı haritası ve piksel eklentisi INP’yi doğrudan kötüleştirir.

Sık Sorulan Sorular

Kurumsal web sitesi yenilemesi ne kadar sürer?

Kapsama bağlı olarak tipik bir kurumsal site 6–10 hafta, e-ticaret projeleri 10–16 hafta sürer. Süreyi en çok uzatan kalem tasarım değil, içerik üretimi ve onay döngüleridir. İçerik hazırsa takvim ciddi biçimde kısalır.

Core Web Vitals’ta “iyi” sonuç almak sıralamamı garanti eder mi?

Hayır. Google, sayfa deneyimi için tek bir sinyal olmadığını ve arama sisteminin en alakalı içeriği zayıf sayfa deneyimine rağmen gösterebileceğini açıkça belirtiyor. Ancak Core Web Vitals’ın sıralama sistemlerinde kullanıldığı da resmî dokümantasyonda yer alıyor. Doğru bakış açısı: hız bir avantajdır, içerik yerine geçmez.

Sitem mobilde iyi görünüyor, ayrıca bir şey yapmam gerekir mi?

Görünüm yeterli değil. Google mobil sürümü indeksleme ve sıralama için kullandığından, mobil sayfanın masaüstüyle aynı içeriği, aynı yapılandırılmış veriyi ve aynı kalitede görselleri barındırması gerekir. İçeriği mobilde gizlemek yerine akordeon veya sekmelerle yeniden düzenleyin.

WCAG uyumu Türkiye’de zorunlu mu?

Kamu ve düzenlemeye tabi bazı sektörler dışında özel şirketler için genel bir yasal zorunluluk bulunmuyor. Buna karşın WHO verilerine göre dünya nüfusunun %16’sı önemli düzeyde engelle yaşıyor; erişilebilirlik bu nedenle hem etik hem de pazar payı meselesidir. AA düzeyi çoğu kurumsal site için makul bir hedeftir.

Kaç tane iletişim formu alanı ideal?

Genel kural: satış görüşmesini başlatmak için gereken minimum alan. Baymard’ın e-ticaret ödeme akışı araştırması, ortalama 12,8 alanlık akışların 6–8 alana indirilebildiğini gösteriyor. Kurumsal iletişim formlarında da ad, e-posta veya telefon ve kısa mesaj alanı çoğu senaryo için yeterlidir; kalan bilgileri ilk görüşmede toplayabilirsiniz.

Mevcut sitemi yenilerken SEO trafiğimi kaybeder miyim?

Plansız yapılırsa evet. Kaybı önlemenin yolu, değişen her URL için eksiksiz bir 301 yönlendirme eşlemesi hazırlamak, trafiğin çoğunu getiren sayfaların içerik derinliğini korumak ve yayın sonrası ilk 30 gün boyunca indeksleme ile sıralamaları takip etmektir.

Kaynaklar

1. web.dev — Web Vitals
2. web.dev — Largest Contentful Paint (LCP)
3. web.dev — Interaction to Next Paint (INP)
4. web.dev — Cumulative Layout Shift (CLS)
5. Google Search Central — Understanding Page Experience in Google Search Results
6. Google Search Central — Mobile-First Indexing Best Practices
7. Chrome for Developers — Chrome UX Report (CrUX)
8. Think with Google — New Industry Benchmarks for Mobile Page Speed
9. Nielsen Norman Group — First Impressions Matter: How Designers Can Support Humans’ Automatic Cognitive Processing
10. Nielsen Norman Group — Information Architecture vs. Navigation Design
11. Stanford Web Credibility Research — Stanford Guidelines for Web Credibility
12. Baymard Institute — Cart Abandonment Rate Statistics
13. Baymard Institute — Checkout Optimization: From 16 Form Fields to 8 Fields
14. W3C Web Accessibility Initiative — WCAG 2 Overview
15. World Health Organization — Disability Fact Sheet

Sitenizin bu rehberdeki eşiklerden hangilerinde takıldığını merak ediyorsanız, mevcut sitenizi hız, bilgi mimarisi, dönüşüm kurgusu ve erişilebilirlik başlıklarında ücretsiz analiz ediyoruz. Kurumsal web tasarımı hizmetimizi inceleyebilir veya doğrudan iletişim sayfamızdan bize ulaşarak 30 dakikalık bir görüşme planlayabilirsiniz.