B2B web sitesinin "katının üstünde" ne olmalı? (Anlaşmayı gerçekten kapatabilen 5 örnekle)

Hayattaki asıl sorun: B2B web sitesi neden güzel? Kimse temasa geçmedi mi?
Hiç böyle hissettin mi? B2B Business web siteniz iyi tasarlanmış, güzel, modern, ürün bilgileri veya hizmeti tamamen verilmiştir. Ayrıca insanların her gün Web'e girmeleri için bir bütçe harcarken ama ... Neden bu kadar yalnız? "Teklif İsteyin" veya "Demo" neredeyse sıfırdır. Ziyaretçiler tren istasyonu gibi durdu. Peki, bir kez iş sohbetine devam etmeyin
Durumla karşılaşıyorsanız, "Trafik sadece liderlik ediyor." Bu sadece bu sorunla yüzleşmek değil. Bu, ne yazık ki "ilk 5 saniyede altın fırsatı" kaçıran web sitesinin klasik belirtileri. "Kat üstü" veya kullanıcının aşağı kaydırmak zorunda kalmadan gördüğü ekranın ilk kısmı olarak adlandırılan alan. En önemli kaderi yargılamak için savaş alanıdır ve web siteniz bu savaş alanında yenilebilir.
İllüstrasyonlar istemi: Bilgisayar ekranına karışıklıkla bakan bir kişinin resmi olarak sol tarafa kıyasla bölünmüş ekran, aynı web sitesini kullanırken tatmin edici bir gülümsemeye sahip bir kişi olarak sağ tarafı olan baş ağrısı, ancak yeni tasarımı. "İşletmenizin geleceğini yargılamak için 5 saniye" olduğuna dair farklı bir mesaj var.
Bu sorun neden meydana geldi: "İlk Kontrol Noktası" nda görülmeyen kör noktalar
Yukarıdaki birçok B2B web sitesinin katlanmasının nedeni tam olarak etkili değildir. Tasarım güzel olmadığı için değil, "iletişim" yeterince iyi olmadığı için değil. Sorunların çoğu bu yanlış anlamalardan kaynaklanmaktadır:
- Ana görevleri unutana kadar tasarımdan etkilenen: Bu alanın en önemli işlevinin "değerli iletişim" olduğunu unuttuğunuz güzel animasyon veya egzotik düzene genellikle önem veriyoruz.
- Kendilerini anlayan teknik kelime dağarcığını kullanın: "Yenilikçi Çözümler" veya "Sinerjistik Ortaklıklar" gibi kelimeler kulağa hoş gelebilir. Ancak ilk kez gelen müşteriler için "hiçbir şey yaptığınızı" ve "onun için herhangi bir problemi çözmeye yardımcı olduğunu" söylemiyor.
- "Açık" bir işaret yoktur: Ziyaretçiler içeri girer ve ilgilenmeye başlar. Ancak çağrı -kontrat düğmesi (CTA) ile ne yapacağını bilmiyorum Çok küçük olabilir, renk arka planı yuttu ya da hiç yoktu, bu da kaybolmasına ve nihayet basılmasına neden olur.
- Müşterilerin yolculuğunu anlamayın. B2B: Kuruluşun müşterilerinin kararı karmaşıktır ve çözülmeye yardımcı olmak için "uzmanlar" aramak için zaman harcar. Onun "iş sorunu" sadece genel bir çevrimiçi mağaza değil. Bu nedenle değerin değeri gerçekten doğru olmalı ve acılarında olmalıdır.
Nielsen Norman Grubu gibi UX uzmanlarından yapılan araştırmalar, kaydırma davranışı normal olmasına rağmen, kullanıcının ilgilendiği bilgilerin aşağı kaydırılırken hafifçe azalacağını yıllarca doğruladı. Bu, yukarıdaki kat alanının hala web sayfanızdaki "en pahalı gayrimenkul" olduğu anlamına gelir.
İllüstrasyonlar istemi: Basit infografik görüntüler, müşterinin beynini bir soru işareti ile gösterir (?) Yukarıdaki katlara bakarken, web sitesi teknik terimlerle doludur ve net bir CTA düğmesi yoktur.
Kalırsa, nasıl etkilenecek: ödenmesi gereken fiyat beklenenden daha pahalıdır.
Katlamanın üstünde zayıf olması sadece fırsatları kaybetmekle kalmaz, aynı zamanda işletmenizin bilmeden her gün ödediği bir "maliyet" dir. Sonuçlar beklenenden daha yoğun:
- Boşa harcanan reklam harcaması: İnsanların tıklamaları için para ödüyorsunuz. Ve sonra hemen bastırın, kuma su dökmek gibi. Hasat yapacak hiçbir şey kalmadı.
- Yüksek değerli bir iş fırsatı kaybetti: 6-7 basamakları web sitenize kapatmaya hazır potansiyel bir ipucuna sahip olduğunu hayal edin. Ama bunun yerine bilgi veya iletişim düğmesini bulamadım ... Gözlerin önünde kaybolan gelir buydu
- Marka imajını kırın: karışan iletişim kuran web sitesi. Markanızın profesyonelce görünmesini sağlayın. Güvenilmez ve B2B pazarında son derece tehlikeli olan ayrıntılara dikkat etmeyin. Güven her şeydir
- Daha kötü SEO sıralaması: Kullanıcı geldiğinde ve hızlı bir şekilde "beklenmedik" (unsulplonten) bastırdığında ve uzun vadede rütbenizi yavaş yavaş azaltacaktır. Yüksek değerli B2B işletmeleri için UX/UI tasarımları sadece güzel değil. Ancak SEO'nun önemli bir faktörüdür
İllüstrasyonlar istemi: Gümüş resim, karışık görünen B2B web sitesini açan bilgisayar ekranından bir sıçrama oranı grafiği ile yüzüyor.
Herhangi bir çözüm var mı? Ve nereden başlamalı: Olması gereken 5 metin açın!
İyi haber şu ki, bu sorun çözülebilir. Ve tüm yeni web sitelerini sökmek zorunda değiliz, yukarıdaki "5 önemli öğeyi" net olmak ve verimli bir şekilde birlikte çalışmak için ayarlıyoruz. Ziyaretçiyi hemen müşteriye değiştirebilirsiniz.
Temel ilke, 5 saniye içinde ziyaretçilerin 3 sorusunu cevaplamaktır: "Bu nerede?", "Benim için ne var?" Ve "Bundan sonra ne yapmalıyım?"
- İletişimin başlığı (değer önerisi başlığı): Bu en önemli kısımdır. "Ne yapıyorsunuz ve sorunu herkes için çözmeye yardımcı oluyor musunuz?" En açık olanı bir cümlede. Önce zarif kelimeleri unutun ve müşterilerin alacağı "sonuçlara" odaklanın.
- Açıklayıcı Alt Keçi: Başlığı genişleten 1-2 kısa cümleler, "nasıl" ya da "kim için" yaptığınızı söyleyebilir.
- Sonuçları yansıtan resim veya video (derleme görselleri derleme): Bir kahraman (kahraman görüntüsü) veya "hizmetin sonuçlarını" veya "ürünler çalışıyor" gösteren yüksek kaliteli videolar kullanın, sadece güzel stok fotoğrafları değil. İlgisiz
- Birincil eylem çağrısı-CTA: Ana düğmeye sahip olmalıdır. "Sadece bir düğme" en belirgin olanı. Kullanıcıya, "Demo İsteyin" veya "Teklif Alma gibi ne yapmak istediğinizi bildirin.
- Güven Sinyalleri / Sosyal Kanıt: Özellikle B2B pazarında. "500'den fazla önde gelen şirket" gibi ödüller veya ilginç istatistikler sunduğunuz büyük müşterilerin logosunu koyun
, B2B web siteniz için oyunu gerçekten değiştirecek optimizasyonunun kalbidir
İllüstrasyonlar istemi: Güzel Infographic, kısa bir açıklama ile her bir parçaya 1-5 puan (başlık, alt başlık, görsel, CTA, güven sinyalleri) ile yukarıdaki katın düzenini gösterir.
Eskiden elde edilen gerçek şeyden örnekler: Anlaşmayı kapatmak için katın üstünde kullanan 5 B2B web sitesi!
Ne kadar iyi bir teori gerçek şeyi gördüğünüz kadar iyi değil, dünya sınıfı B2B şirketinin katın üstünde güçlü yaratmak için yukarıda 5 öğeyi nasıl kullandığını görelim.
1. Asana:
- Başlık: "Meşgul işleri olmadan büyük fikirler üzerinde çalışın." (İşle meşgul olmak zorunda kalmadan büyük iş) - Sonuçları açıkça iletmek gereksiz çalışmayı azaltmaktır.
- Sub -Headline: " Küçük şeylerden büyük resme kadar Asana,
takımlar ne yapacağını, neden önemli olduğunu ve
nasıl yapılacağını biliyorlar .
2. Shopify:
- Başlık: "Küresel Ticaret Platformu" (Dünya Çapında Ticaret Platformu) - Ne kadar net?
- Sub -Headline: " İşletmenizi aralarında çevrimiçi, çevrimiçi ve
göz batmasına yardımcı
olan bir platformla oluşturun .
3. Slack:
- Başlık: "Araçlarınızla tek bir yerde daha hızlı hareket et" (tüm araçlarla tek bir yerde daha hızlı çalışın) - "Hız" a odaklanın, her işletmenin ihtiyacı olan şeydir
- alt -başlık: "Rutin görevleri otomatikleştirin ve en önemli şeylere odaklanın." - Avantajları genişletmek
- Visual: Diğer uygulamalarla çalışan uygulamayı gösteren program
- CTA: 2 net düğme vardır. İhtiyaçlara Göre Seçin
- Sosyal Kanıt: Logo, birçok önde gelen müşteri
4. Hubspot:
- Başlık : "
Kullanımı kolay olan güçlü bir CRM platformu" (Easy CRM CRM) - Kullanımı zor olan rakipleri tokatlayın
. Pazarlama, satış, içerik yönetimi ve müşteri hizmetleri. " - Tamlık Anlat - Görsel: Temiz ve anlaşılması kolay görünen genel gösterge tablosu
- CTA: " Bir Demo Al "ve" Başlangıç Ücretsiz Al "
- Sosyal Kanıt: Kullanılabilir Numaralar, Kullanıcılar ve Kokalar
5. CATERPILLAR (CAT):
- Başlık: )
- Ağır sanayide gücü ve gerekli olanı iletin.
- Sub -Headline: Hayır, ancak hikayeyi anlatmak için resmi kullanın . mükemmel
için açılış sayfası tasarımının bir örneğidir - CTA: "Ürün ve Hizmetleri Keşfedin" ve "Bir Bayi Bul" nu açıkça
- Sosyal Kanıt: Marka Tırtılının kendisi en güçlü sosyal kanıttır.
İllüstrasyonlar istemi: Ekran görüntüsünü içeren kolaj görüntüleri. Yukarıdaki 5 web sitesinin tümü güzel düzenlenmiştir.
Takip etmek istiyorsanız, ne yapmalı? (Hemen kullanılabilir): Kolları kontrol etmek için 6 adım kontrol listesi
Web sitenizi geliştirmeye hazır, değil mi? 6 adım kontrol listesini izlemeye çalışın.
- 1 numaralı hedefinizi belirleyin: Kendinize, "Ziyaretçilerin bu sayfada yapmasını istediğiniz en önemli eylem nedir?"
- Beyni harekete geçirin. Değer Teklifi Yazın: Basit formülleri kullanarak birçok başlık türünü yazmayı deneyin: [müşterilerin ihtiyaç duyduğu son sonuç] + [sorunları çözmeye yardımcı olan] "serbestlik için muhasebe platformları.
- En güçlü CTA'yı seçin: Düğmedeki metin yapmak ve sonuçları anlatacak şekilde uyarılmalıdır. "Bilgi Gönder" gibi geniş bir kelime değil. Daha fazla ilham bulmak için B2B web sitesinin CTA örneklerine bir göz atın
- Doğru resmi seçin: Görüntü, başlığınızı iletmek ve geliştirmek için kullanılır. Ürün resmi çalışıyor mu? Takım resminiz müşterilere hizmet ediyor mu? Veya büyüme gösteren grafik mi? En güçlü olanı seçin
- En iyi sosyal kanıtları toplayın: Kullanmanıza izin verilen en ünlü 3-5 müşteriyi seçin veya göstermek için en güçlü 1 referans seçin.
- Gerçek eylemden önce yapı (tel çerçeve): güzel olmamak. 5 öğenin hepsinin nereye yerleştirileceğini görmek için kağıdı ve kalemi kullanın. Geliştirme ekibinin gerçekten yapmadan önce genel resmi ve önceliği görmek için
Organizasyon müşterilerinin inanması için "Ne Söyleneceğini" anlamak, daha fazla okumayı deneyin. Keskin hale getirmek için değerlerinizi cilalamak için 'Neden Bizi Seçmelisiniz' sayfaları nasıl yazılır
İllüstrasyonlar istemi: Her simgede güzel kontrol listesi görüntüleri (hedef, beyin, fare düğmesi, resim, logo, taslak kağıt)
İnsanların merak ettiği sorular ve temizlenen cevaplar
Soru: "Katlamanın üstünde" hala önemli mi? Bu gün ve herkes web'i izlemek için tüm ekranları kaydırıyor musunuz?
Cevap: Daha önemli! Yukarıda belirtildiği gibi, ziyaretçinin "izlemek için aşağı kaydırmak için zamanınızı boşa harcayacak mısınız?" İlk 5 saniye, onu ilgilendiremezsiniz. Herhangi bir yere ertelemeden hemen baskı yapacak. Burada -Derect Analizi okumayı deneyin: Katlamanın üstünde hala önemli mi?
Soru: Yukarıdaki kat bölümünde kaç tane CTA düğmesi olmalı?
Cevap: En iyi kural "en önemli birincil CTA düğmesi ile" dir ve daha az belirgin olan "ikincil CTA" (bağlantı veya yarı saydam düğmeler kullanma gibi) olabilir. Ana düğme "Demokratlar" (düz renk) gibi birbirlerinin yanına yerleştirilebilir ve ikincil düğme seçenekler için "Video İzle" (havadar). Ama kafa karıştırıcı değil
Soru: B2B web sitesi için, stok fotoğrafından fotoğraf veya resim kullanmak daha iyi olmalı mı?
Cevap: Ekibin, ofisin veya profesyonel olarak çekilen ürünlerinizin gerçek fotoğrafları. Her zaman güvenilirlik oluşturur ve stok görüntülerinden daha iyi bağ kurar, çünkü gerçek kimlik gösterir, ancak stok görüntülerini kullanmak gerekirse, doğal görünen ve müşterilerin alacağı "sonuçları" ileten yüksek kaliteli görüntülerle yatırım yapmayı seçin. Sahte bir toplantı odasında gülümseyen bir yabancının resmi değil
Soru: Biz küçük bir şirketiz. Gösterilecek ünlü bir müşteri logosu yok. Ne yapmalıyım?
Cevap: Sorun değil! Sosyal kanıtları referans veya müşterilerden gelen iltifatlar gibi başka şekillerde kullanabilirsiniz. (Önce İzin Talep) Adıyla ve şirketi ile birlikte gösterilmesini, müşterinin herhangi bir problemi çözmesine ve daha iyi sonuçlar almasına yardımcı olduğunuzu veya başarılı projelerin sayısını gösterdiğinizi söyleyen vaka çalışmasını göstermesi. Bu şeyler logodan daha düşük değil, iyi bir güvenilirlik yaratır.
İllüstrasyonlar istemi: Bóng đn (ampul) ile büyük soru işareti simgesi (?)
Anlaması kolay olmak için özet + yapmaya çalışmak istiyorum
Özetle, "İlk Kontrol Noktası" veya B2B web sitenizin yukarıdaki yukarısı en iyi resepsiyonist gibi davranmak zorunda kalacaktır. 5 önemli bileşenle 5 saniye içinde işletmenizin tüm hikayesini anlatabilir: Keskin başlık, net alt başlık, güçlü görsel, navigasyon CTA ve Sosyal Kanıt
Yatırım, küçük alanı iyileştirmektir. Bu, işletmeniz için yapabileceğiniz en değerli yatırımlardan biridir. Bir "kurşun yaratma aracı olmak ve 24 saat boyunca işyerinde satışları kapatmak" için sadece "güzel çevrimiçi broşürden" web sitesinin kaderini değiştirebilir.
Şimdi ... web sitenizi açmayı deneyin. Ve sadece ekranı kaydırmak zorunda olmayan bölüme bakın, kendinize dürüstçe sorun, "İlk kez gelen müşteri olsaydım 5 saniye içinde anlayacağım? Peki ne yapmalıyım?"
Cevap "hayır" veya "emin değilim" ise ... değişme zamanı!
Müşterilere gerçekten değişebilecek bir web sayfası oluşturma deneyimi olan profesyonel bir ekip istiyorsanız, en yüksek dönüşümümüze odaklanan UX/UI tasarım ve İşletmeniz için en iyi çözümü bulmak için tavsiye vermeye hazırız.
İllüstrasyonlar istemi: İnsanlar bilgisayar ekranında güven gülümsemeleriyle "Demo İsteyin" düğmesine işaret ediyor. Arka, yükselen bir dönüşüm grafiğidir.
Son blog

Davanın derinlikte, web sitesi dönüşüm oranını ve kayıtlı kayıt sayısını artırmak için CRO ve UX ilkelerini kullanarak SaaS StarPup'a tasarlamaktadır.

KOBİ, kurumsal, e-ticaretten fiyatı etkileyen faktörlerle özel web sitesine her bir web sitesinin maliyetini dağıtın.

Bilgi mimarisi (IA) veya veri mimarisi ilkelerini açıklayın. Kullanıcıların kolayca bilgi bulabilmeleri için web'deki içeriği ve menüyü düzenlemeye nasıl yardımcı olur