Dönüşüm Odaklı Web Tasarım Nedir? Satışı Artıran Tasarım Stratejileri

Bir web sitesinin güzel olması ile satış getirmesi aynı şey değildir. 2012'den beri kurumsal siteler, e-ticaret mağazaları ve reklam açılış sayfaları üzerinde çalışıyorum; en pahalı hataları çoğu zaman en şık sitelerde gördüm. Bu yazıda dönüşüm odaklı web tasarım yaklaşımını, yani ziyaretçiyi adım adım karara taşıyan tasarım kararlarını anlatıyorum: görsel hiyerarşi, değer önerisi, sosyal kanıt, CTA yerleşimi ve sürtünmeyi azaltma.

Dönüşüm odaklı web tasarım nedir?

Dönüşüm odaklı web tasarım, sayfadaki her öğeyi ziyaretçinin belirli bir eylemi tamamlamasına göre düzenleyen tasarım yaklaşımıdır. Bu eylem satın alma, teklif isteme, randevu alma veya arama yapma olabilir. Estetik amaç değil araçtır; başarıyı beğeni değil, ölçülen eylem oranı belirler.

Bu tanımı iki cümleyle açayım. Birincisi, tasarımın bir işi vardır ve o işi siz belirlersiniz. İkincisi, tasarımın o işi yapıp yapmadığını tahminle değil veriyle anlarsınız. Bu nedenle dönüşüm odaklı bir projede ilk toplantıda renk paleti konuşmam; önce "bu sayfadan çıkan kişinin ne yapmış olmasını istiyoruz?" sorusunu sorarım.

Ayrıca bu yaklaşım yalnızca e-ticarete özgü değildir. Bir diş kliniğinin randevu sayfası, bir fabrikanın teklif formu ya da bir danışmanlık firmasının telefon butonu da dönüşüm noktasıdır. Hepsinde mantık aynıdır: ziyaretçinin kafasındaki soruları sırayla yanıtlamak ve karar anında önüne tek, net bir adım koymak.

Dönüşüm odaklı web tasarım ile "güzel" tasarım arasındaki fark ne?

Güzel tasarım genellikle ekrana bakan kişiyi etkilemeye çalışır. Dönüşüm odaklı tasarım ise ekrana bakan kişinin işini kolaylaştırmaya çalışır. İkisi çoğu zaman çatışmaz; ancak çatıştığında hangisinin kazanacağını önceden bilmeniz gerekir. Aşağıdaki tablo sahada en sık karşılaştığım farkları özetliyor.

Tablodaki en kritik satır sonuncusudur. Görünüş odaklı ekipler iki üç yılda bir siteyi baştan yapar ve öğrendiklerini de çöpe atar. Dönüşüm odaklı ekipler ise siteyi yaşayan bir sistem gibi görür, her ay küçük bir şeyi düzeltir. Kısacası fark bir kerelik bir üslupta değil, çalışma biçimindedir.

Önce hangi dönüşümü hedeflediğinizi nasıl netleştirirsiniz?

Her sayfanın bir birincil eylemi olmalı. Ana sayfada bu genellikle "hizmetleri incele" veya "teklif al" olur; ürün sayfasında "sepete ekle", iletişim sayfasında "ara" ya da "mesaj gönder". İkincil eylemler de olabilir, ama görsel ağırlıkları birincil eylemin altında kalmalıdır.

Pratikte şöyle ilerliyorum: sitenin iş modelini tek cümleyle yazıyorum, ardından her ana sayfa şablonu için tek bir birincil eylem seçiyorum. Örneğin bir B2B üretici için ana sayfanın işi teklif talebi toplamaktır; blog yazısının işi ise okuru ilgili hizmet sayfasına taşımaktır. Böylece tasarımcıya "şık olsun" yerine ölçülebilir bir görev tanımı vermiş olursunuz.

• Makro dönüşüm: satış, teklif talebi, randevu, telefon araması.
• Mikro dönüşüm: katalog indirme, fiyat sayfasını görme, WhatsApp butonuna dokunma.
• Destek sinyali: sayfanın sonuna kadar kaydırma, video izleme, SSS açma.

Mikro dönüşümleri küçümsemeyin. Özellikle satış döngüsü uzun sektörlerde ziyaretçi ilk gelişinde nadiren form doldurur; ama katalog indirdiyse ya da fiyat sayfasına baktıysa ilgisini göstermiştir. Bu sinyaller hem tasarım kararlarına hem de remarketing ile satış hunisini güçlendirme çalışmalarına veri sağlar.

Değer önerisi ilk ekranda nasıl anlatılır?

Değer önerisi, ziyaretçinin "burası benim için mi ve neden buradan almalıyım?" sorusuna verdiğiniz yanıttır. İlk ekranda üç şeyi birkaç saniyede anlatmalısınız: ne yaptığınızı, kime yaptığınızı ve sizi seçmenin somut faydasını. "Kaliteli hizmet, müşteri memnuniyeti" gibi ifadeler bu soruya yanıt vermez, çünkü rakiplerin tamamı aynısını yazar.

Kullandığım basit bir kalıp var: başlıkta sonuç, alt başlıkta yöntem ve kanıt, hemen altında tek bir buton. Örneğin bir muhasebe bürosu için "Şirket kuruluşundan ilk beyannameye kadar tek muhatap" başlığı, "Kadıköy merkezli, 12 yıllık ekip, aylık sabit ücret" alt başlığından ve "Ücretsiz ön görüşme planlayın" butonundan oluşabilir. Bu örnekteki yıl ve konum sadece kalıbı göstermek içindir.

Öte yandan değer önerisini yalnızca başlıkla sınırlamayın. Başlığın altındaki üç kısa madde, küçük bir müşteri logosu şeridi veya bir puan göstergesi aynı mesajı destekler. Yine de ilk ekranı kalabalıklaştırmayın; göz aynı anda beş şeye odaklanamaz. Marka dilinizin bu mesajı taşıyıp taşımadığından emin değilseniz marka kimliği çalışmasıyla başlamak daha doğru olur.

Görsel hiyerarşi ziyaretçinin gözünü nasıl yönlendirir?

Görsel hiyerarşi, sayfadaki öğelerin önem sırasını boyut, renk, kontrast, boşluk ve konumla anlatmaktır. Ziyaretçi metni okumaz, tarar. Bu yüzden en önemli bilgi en büyük, en kontrastlı ve en üstte olmalıdır. Birincil buton sayfadaki tek dikkat çekici renk olursa göz onu kendiliğinden bulur.

Kaydırma alışkanlığı konusunda elimizde iyi bir veri var. Nielsen Norman Group'un 2018 göz izleme çalışmasına göre katılımcılar sayfa görüntüleme sürelerinin yüzde 57'sini ilk ekranda, yüzde 74'ünü ise ilk iki ekranda geçirdi (NN/g, Scrolling and Attention). Yani insanlar kaydırır, ama dikkatin büyük kısmı üst bölümde kalır.

Buradan çıkardığım pratik kurallar şunlar:

1. Karar için gereken en kritik bilgiyi ilk iki ekrana sığdırın.
2. Birincil eylem rengini başka hiçbir öğede kullanmayın.
3. Başlık, alt başlık ve gövde metni arasında belirgin boyut farkı bırakın.
4. Bölümler arasında cömert boşluk kullanın; boşluk da bir hiyerarşi aracıdır.
5. Önemli bilgiyi dönen slider içine gizlemeyin, çünkü çoğu kişi ikinci slaytı görmez.

Uzun sayfa mı kısa sayfa mı daha çok dönüştürür?

Bu sorunun tek bir doğru yanıtı yok; sayfanın uzunluğunu kararın ağırlığı belirler. Düşük fiyatlı, tanıdık bir ürün için kısa sayfa yeterlidir. Buna karşılık yüksek bedelli, riskli veya yeni bir hizmet için ziyaretçinin itirazlarını tek tek yanıtlayan uzun bir sayfa gerekir. Kural şudur: sayfa, ziyaretçinin sorusu bitene kadar uzamalı, bir cümle bile fazla uzamamalıdır.

Uzun sayfalarda asıl risk kaybolmaktır. Bu nedenle her iki üç bölümde bir birincil eylemi tekrar ediyorum ve bölüm başlıklarını, okur yalnız başlıkları tarasa bile hikâyeyi anlayacağı şekilde yazıyorum. Mobilde ekranın altına sabitlenen ince bir eylem çubuğu da işe yarar; ancak içeriğin üstünü kapatmamalıdır.

Metnin okunabilirliğini de ölçmenizi öneririm. Uzun cümleler, edilgen yapılar ve jargon kararı yavaşlatır. Sayfa metnini yayına almadan önce okunabilirlik analizi aracından geçirmek, ekipte "bu metin ağır mı?" tartışmasını kişisel zevkten çıkarır.

Bir satış sayfası hangi bölümlerden oluşmalı?

İyi bir satış veya hizmet sayfası, ziyaretçinin kafasındaki soruları geldikleri sırayla yanıtlar. Bu sırayı bozduğunuzda, örneğin daha kim olduğunuzu anlatmadan fiyat tablosu gösterdiğinizde, ziyaretçi bağlamı kaçırır. Hizmet sayfalarında sahada en iyi çalıştığını gördüğüm iskelet şu şekilde:

1. İlk ekran: sonuç odaklı başlık, kısa açıklama ve birincil eylem.
2. Sorun: ziyaretçinin yaşadığı durumu onun kelimeleriyle anlatan kısa bir bölüm.
3. Çözüm: hizmetin nasıl işlediği, üç dört adımda.
4. Kanıt: vaka özeti, yorumlar, referans logoları.
5. Kapsam ve fiyat: neyin dahil olduğu, neyin olmadığı, yaklaşık bütçe.
6. İtirazlar: sık sorulan sorular ve risk azaltıcı güvenceler.
7. Son çağrı: eylemi tekrar eden sade bir kapanış bölümü.

Bu iskeleti kalıp gibi kopyalamayın; sektörünüzde ziyaretçinin ilk sorusu farklıysa sırayı ona göre değiştirin. Örneğin acil hizmetlerde (tesisatçı, çilingir, çekici) ziyaretçinin ilk sorusu "şimdi gelebilir misiniz?" olduğu için telefon butonu ve çalışma saatleri sorundan bile önce gelir. Buna karşılık kurumsal yazılım gibi uzun karar süreçlerinde kanıt ve kapsam bölümleri daha uzun olmalıdır.

Ayrıca her bölümün tek bir işi olmalı. Bir bölüm hem süreci anlatıp hem yorum gösterip hem de fiyat veriyorsa okur hangisine odaklanacağını bilemez. Bölüm başlıklarını da soru ya da sonuç cümlesi olarak yazın; böylece yalnızca başlıkları tarayan okur bile sayfanın ana fikrini yakalar.

Sosyal kanıt hangi biçimde gerçekten işe yarar?

Sosyal kanıt, başkalarının sizi seçtiğini ve memnun kaldığını gösteren her türlü işarettir: müşteri yorumu, vaka çalışması, müşteri logosu, puan, basında yer alma, sertifika. İşe yarayıp yaramaması ise inandırıcılığına bağlıdır. İsimsiz, fotoğrafsız, hepsi beş yıldızlı yorumlar ziyaretçide güven değil şüphe uyandırır.

Sahada en iyi sonucu veren biçimler şunlardır:

• Ad, unvan ve firma bilgisiyle yazılmış, belirli bir sorunu anlatan yorumlar.
• Önce ve sonrası açıkça anlatılan kısa vaka özetleri.
• Google işletme profili veya bağımsız platformlardaki puanlara bağlantı.
• Karar anına yakın duran tek, güçlü bir alıntı.

Yerleşim de en az içerik kadar önemlidir. Tüm yorumları sayfanın dibindeki bir bölüme yığmak yerine, ilgili itirazın hemen yanına koyun. Örneğin fiyat tablosunun altına "pahalı gelmişti ama ilk ayda kendini çıkardı" türünden gerçek bir yorum, ayrı bir yorumlar sayfasından çok daha etkilidir. Uydurma yorum ise hem etik hem de yasal risk taşır; hiçbir koşulda önermem.

Hangi güven öğeleri satın alma kararını gerçekten etkiler?

Güven öğesi dediğimiz şey, ziyaretçinin "ya bir şey ters giderse?" korkusunu azaltan her bilgidir. Baymard Institute'un sepet terk araştırmasında, sipariş vermekten vazgeçen katılımcıların yüzde 19'u kart bilgisi güvenliği konusundaki endişeyi, yüzde 13'ü ise tatmin etmeyen iade politikasını neden olarak gösteriyor (Baymard Institute). Güven, doğrudan satışa dokunan bir konu.

Benim kontrol ettiğim güven öğeleri şunlar: açık adres ve telefon, gerçek kişilerin yer aldığı ekip bölümü, açık iade ve teslimat koşulları, ödeme sayfasında tanınan ödeme logoları ve güncel bir SSL sertifikası. Kurumsal B2B sitelerinde bunlara referans listesi, üretim tesisi fotoğrafları ve belgeleri de eklerim.

Fakat güven öğesi abartıldığında ters teper. Sayfanın her köşesine "yüzde 100 güvenli" rozeti koymak, özellikle tanımadığınız bir markada ters bir izlenim bırakabilir. Bu nedenle rozetleri yalnızca kaygının doğduğu yerde kullanıyorum: kart bilgisi alanının yanında güvenlik, sepet özetinin yanında iade, teklif formunun altında gizlilik notu.

CTA yerleşimi dönüşüm odaklı web tasarımda nasıl kurgulanır?

CTA (harekete geçirici çağrı) yerleşiminde temel ilke, ziyaretçi karar vermeye hazır olduğu her noktada eylemi bir dokunuş uzaklığında tutmaktır. İlk ekranda bir kez, her büyük ikna bölümünün sonunda bir kez ve sayfanın sonunda bir kez tekrar etmek çoğu sayfa için iyi bir başlangıçtır. Buton metni ise eylemin sonucunu söylemelidir: "Gönder" yerine "Teklifimi al" gibi.

Dönüşüm odaklı web tasarımda en sık düzelttiğim hata, aynı ekranda eşit ağırlıkta üç dört buton olmasıdır. "Hemen ara", "WhatsApp", "Teklif al" ve "Katalog indir" aynı renkte yan yana durduğunda ziyaretçi seçim yapmak yerine erteler. Birini birincil seçin, diğerlerini metin bağlantısı veya ikincil stil ile geri plana alın.

CTA metni, buton rengi ve test örneklerini ayrı bir yazıda ayrıntılı ele alıyorum; burada yalnızca yerleşimin tasarımın geri kalanıyla uyumunu vurgulamak istiyorum. WhatsApp butonu kullanıyorsanız hazır mesajlı bir bağlantı kurmak için WhatsApp link oluşturucu işinizi kolaylaştırır; ziyaretçi boş bir sohbet ekranında ne yazacağını düşünmek zorunda kalmaz.

Sürtünme nedir ve formlarda nasıl azaltılır?

Sürtünme, ziyaretçinin hedef eyleme ulaşırken harcadığı gereksiz çabadır: fazla alan, zorunlu üyelik, belirsiz hata mesajı, sürpriz maliyet. Her sürtünme noktası bir kısım ziyaretçiyi kaybettirir. Baymard'ın aynı araştırmasına göre sepeti terk edenlerin yüzde 40'ı beklenmedik ek maliyetleri, yüzde 18'i zorunlu hesap açmayı, yüzde 17'si ise uzun veya karmaşık ödeme sürecini neden olarak gösteriyor.

Form tarafında da tablo benzer. Baymard, ideal bir ödeme akışının 12 ile 14 form öğesiyle kurulabileceğini, ABD'deki ortalama ödeme akışının ise varsayılan olarak 23,48 form öğesi gösterdiğini belirtiyor. Yani ortalama site, gerekenin neredeyse iki katını istiyor. Kurumsal teklif formlarında da aynı eğilimi görüyorum.

• Her alan için "bu bilgi olmadan geri dönüş yapamaz mıyız?" diye sorun.
• Misafir olarak satın almayı her zaman açık tutun.
• Kargo ve ek ücretleri sepet aşamasında değil, ürün sayfasında gösterin.
• Hata mesajını alanın yanında ve çözümle birlikte yazın.
• Telefon alanında sayısal klavye açılmasını sağlayın.

Form tasarımının tüm ayrıntıları ayrı bir konu, ama ilkesi kısadır: istediğiniz her ek bilgi için ziyaretçiden bir bedel alırsınız.

Site hızı dönüşümü ne kadar etkiler?

Hız, dönüşüm odaklı tasarımın görünmeyen katmanıdır. Ziyaretçi sayfanın ne kadar hızlı açıldığını fark etmez, ama yavaş açıldığını hemen fark eder. Bunu somut gösteren kamuya açık bir örnek var: web.dev'de yayımlanan Vodafone vaka çalışmasında, Largest Contentful Paint değeri yüzde 31 iyileştirilen açılış sayfası, diğer sürüme göre yüzde 8 daha fazla satış getirdi (web.dev, Vodafone).

Bu rakamı sizin siteniz için bir vaat olarak okumayın; farklı sektör, farklı kitle, farklı sonuç. Ancak yönü açıktır: ağır görseller, gereksiz scriptler ve büyük slider'lar tasarımın parçası olarak bir bedel öder. Tasarım aşamasında bu bedeli hesaba katmak, sonradan optimizasyon yapmaktan çok daha ucuzdur.

Tasarımcıyla anlaştığım birkaç kural var. İlk ekran görseli hafif ve doğru boyutta olmalı; bunun için resim küçültme aracı gibi basit bir araç bile yeterli. Web fontu sayısı ikiyi geçmemeli. Otomatik oynayan arka plan videosu ise yalnızca gerçekten bir şey anlatıyorsa yer almalı.

Mobilde dönüşüm odaklı tasarımın farkı nedir?

Mobil, masaüstünün küçültülmüş hali değildir. Ekran dar, parmak farenin imleci kadar hassas değil ve kullanıcı çoğu zaman aceleyle, tek elle geziniyor. Bu yüzden mobilde öncelik sırası daha da acımasız olmalı: ilk ekranda değer önerisi ve eylem, gerisi aşağıda.

Dokunma alanı konusunda uluslararası bir ölçüt var. W3C'nin erişilebilirlik standardı WCAG 2.2, 2.5.8 numaralı başarı kriterinde dokunma hedefleri için en az 24 x 24 CSS pikseli (veya yeterli boşluk) öngörüyor (W3C WCAG 2.2). Bu bir alt sınırdır; birincil butonlarda ben daha büyük ve tam genişlikte butonları tercih ediyorum.

Ayrıca mobilde telefon numarası tıklanabilir olmalı, adres harita uygulamasını açmalı, form alanları doğru klavyeyi getirmeli. Açılır pencereler ise mobilde en çok zarar veren öğedir; içeriği kapatan bir pencere ziyaretçiyi geri tuşuna yönlendirir. Mobilde de dengeli bir deneyim için web tasarım sürecinde her şablonu önce telefon ekranında çiziyorum.

Erişilebilirlik neden bir satış konusudur?

Erişilebilirliği çoğu kişi yasal bir yükümlülük gibi konuşur, ama benim için doğrudan bir dönüşüm konusu. Metni okuyamayan, butonu göremeyen ya da formu klavyeyle dolduramayan kişi müşteri olamaz. Üstelik erişilebilirlik iyileştirmeleri yalnızca engelli kullanıcılara değil, güneş altında telefonuna bakan herkese yarar.

WCAG 2.2'nin kontrast kriteri (1.4.3) normal metin için en az 4,5:1, büyük metin için en az 3:1 kontrast oranı istiyor. Açık gri zemin üstüne açık gri metin, sahada en sık gördüğüm "şık ama okunmaz" hatasıdır. Benzer şekilde yalnızca renkle anlatılan hata mesajları da renk körü kullanıcılar için anlamsız kalır.

Hızlı bir kontrol için şunlara bakın: tüm butonlar klavyeyle erişilebilir mi, form alanlarının görünür etiketi var mı, bağlantı metinleri "buraya tıklayın" yerine hedefi anlatıyor mu? Renk seçimlerinde kodları tutarlı tutmak için HTML renk kodları sayfasını ekiple ortak referans olarak kullanabilirsiniz.

Fiyat ve teklif sayfası nasıl tasarlanmalı?

Fiyat sayfası, sitenin en çok ziyaret edilen ama en az özen gösterilen sayfalarından biridir. Ziyaretçi buraya geldiğinde artık ilgilidir; tek sorusu "bu bana uyar mı ve ne kadara?" sorusudur. Fiyatı gizlemek bazı sektörlerde kaçınılmaz olabilir, ama hiç ipucu vermemek ciddi bir kısmı rakibe gönderir.

Tasarımda üç ilkeyi uyguluyorum. Birincisi, paketler arasındaki farkı özellik listesiyle değil, kime uygun olduklarıyla anlatmak. İkincisi, tek bir paketi "en çok tercih edilen" olarak öne çıkarmak, çünkü seçenek çokluğu kararı yavaşlatır. Üçüncüsü, fiyatın hemen altında en sık itirazı yanıtlamak: taahhüt süresi, iade, ek maliyet.

Bu ilkeleri kendi sitemde de uyguladım; web sitesi yaptırma fiyatları sayfasında paketleri, kapsamı ve süreyi açıkça yazmamın nedeni bu. Açık fiyat, yanlış beklentiyle gelen görüşme sayısını da azaltır; böylece satış ekibinin zamanı gerçekten uygun müşterilere kalır.

Mikro metin dönüşümde nasıl bir rol oynar?

Mikro metin, butonların, form etiketlerinin, hata mesajlarının ve küçük açıklama notlarının dilidir. Kimse bunları "okumaz", ama herkes onlarla karar verir. "Gönder" yazan bir buton ile "Ücretsiz ön değerlendirmemi iste" yazan bir buton aynı işi yapar; fakat ikincisi ziyaretçiye tıklayınca ne olacağını söyler.

En etkili mikro metinler endişeyi eylemin tam yanında giderir. Örneğin teklif formunun altına "Bilgileriniz yalnızca teklif hazırlamak için kullanılır, reklam listesine eklenmez" gibi bir not, ya da telefon butonunun altına "Hafta içi 09:00 ile 18:00 arası" bilgisi eklemek. Bu küçük notlar tasarımın ağırlığını artırmaz ama kararsızlığı azaltır.

Dikkat ettiğim bir başka konu da tutarlılık. Menüde "Teklif Al", butonda "Fiyat İste", formda "Başvuru" yazıyorsa ziyaretçi üç farklı işlem olduğunu sanabilir. Tüm sitede aynı eylem için aynı ifadeyi kullanın.

Dönüşüm odaklı web tasarımın başarısını nasıl ölçersiniz?

Ölçemediğiniz tasarımı savunamazsınız. Google Analytics 4'te önemli eylemleri "anahtar etkinlik" olarak işaretleyip (eski adıyla dönüşüm) sayfa ve kaynak bazında izlemek temel adımdır. Form gönderimi, telefon tıklaması, WhatsApp tıklaması, satın alma ve katalog indirme ayrı ayrı izlenmelidir.

Ardından trafiğin nereden geldiğini doğru etiketlemek gerekir. Kampanya bağlantılarını UTM oluşturucu ile tutarlı biçimde etiketlerseniz, bir sayfanın reklam ziyaretçisinde mi organik ziyaretçide mi daha iyi çalıştığını görebilirsiniz. Bu ayrım önemlidir, çünkü aynı sayfa farklı niyetle gelen kitlelerde farklı sonuç verir.

Ben aylık takipte üç şeye bakıyorum: şablon bazında dönüşüm oranı, dönüşüm oranı en düşük yüksek trafikli sayfalar ve formu başlatıp tamamlamayan ziyaretçi oranı. Rakamlar küçükse, yani sayfa ayda birkaç dönüşüm alıyorsa, haftalık dalgalanmaya göre karar vermeyin; iki üç aylık eğilime bakın. Reklam trafiği gönderiyorsanız ölçüm kurulumunu Google Ads yönetimi ile birlikte ele almak veri tutarlılığını artırır.

A/B testi yapmak SEO'ya zarar verir mi?

Doğru kurulduğunda hayır. Google, web sitesi testleriyle ilgili resmi belgesinde test yapmayı engellemiyor; yalnızca birkaç kurala uymanızı istiyor: Googlebot'a kullanıcıdan farklı içerik göstermemek (cloaking), farklı URL'li varyantlarda orijinal sayfaya rel="canonical" vermek, yönlendirme gerekiyorsa kalıcı değil geçici (302) yönlendirme kullanmak ve testi gereğinden uzun tutmamak (Google Search Central).

Asıl sorun genellikle SEO değil, istatistiktir. Ayda birkaç yüz ziyaret alan bir sayfada iki buton rengini test etmek anlamlı bir sonuç üretmez. Düşük trafikli sitelerde küçük varyasyonlar yerine büyük farklar test etmeyi öneririm: tamamen farklı bir değer önerisi, farklı bir sayfa kurgusu ya da farklı bir form yapısı.

Bir de şuna dikkat edin: test ettiğiniz değişiklik sayfanın arama niyetine uygun içeriğini silmemeli. Örneğin SEO trafiği alan bir hizmet sayfasını "daha kısa dönüştürür" diyerek üç paragrafa indirmek, dönüşüm oranını artırıp toplam dönüşümü düşürebilir. Organik tarafı da hesaba katan bir plan için SEO danışmanlığı ile tasarım kararlarını aynı masada konuşmak gerekir.

En sık gördüğüm dönüşüm odaklı tasarım hataları neler?

Yıllar içinde denetlediğim sitelerde aynı hatalar tekrar tekrar karşıma çıkıyor. Çoğu kötü niyetten değil, sitenin sahibinin kendini ziyaretçinin yerine koymamasından kaynaklanıyor. En yaygın olanlar şunlar:

1. İlk ekranda ne satıldığı anlaşılmıyor; slogan var, açıklama yok.
2. Her sayfada beş farklı eylem aynı ağırlıkta duruyor.
3. İletişim formunda on iki alan var, yarısı zorunlu.
4. Telefon numarası görselin içinde duruyor, mobilde tıklanmıyor.
5. Fiyat hakkında en küçük bir ipucu yok.
6. Yorumlar isimsiz ve tarihsiz.
7. Açılır pencere sayfa açılır açılmaz içeriği kapatıyor.
8. Teşekkür sayfası boş; sonraki adım anlatılmıyor.

Bu listenin güzel yanı, çoğu maddenin yeniden tasarım gerektirmemesidir. Birkaç günlük düzeltmeyle mevcut sitede ölçülebilir iyileşme görmek mümkün. Ancak site yapısını ve URL'leri değiştiren büyük bir yenileme planlıyorsanız, web sitesi yenilerken SEO'yu korumak için ayrı bir plan hazırlamalısınız.

Dönüşüm odaklı bir tasarım projesine nereden başlamalısınız?

Yeni bir site yapıyorsanız da mevcut siteyi iyileştiriyorsanız da sıra aynıdır. Önce ölçüm: hangi eylemleri izlediğinizi ve bugünkü oranları bilin. Sonra teşhis: trafiği yüksek ama dönüşümü düşük sayfaları bulun. Ardından hipotez: bu sayfalarda ziyaretçinin hangi soruyu yanıtsız bıraktığını yazın. En son değişiklik ve yeniden ölçüm.

Benim çalışma biçimimde müşteriyle birlikte kısa bir müşteri görüşmesi turu yapıyoruz; satış ekibinin telefonda en sık duyduğu beş soru, çoğu zaman sayfada eksik olan beş bölümdür. E-ticaret tarafında ise sepet ve ödeme adımları öncelikli; bu konularda e-ticaret danışmanlığı kapsamında adım adım ilerliyoruz.

Kendi sitenizde nereden başlayacağınızdan emin değilseniz, en çok trafik alan üç sayfanızı açın ve yalnız ilk ekrana bakarak şu soruları yanıtlayın: ne satıyorum, kime satıyorum, neden ben, şimdi ne yapmalı? Birine bile net yanıt veremiyorsanız başlangıç noktanız orasıdır. Birlikte bakmak isterseniz iletişim sayfasından ulaşabilirsiniz.