Çevrimiçi Dönüşümünüzü Gerçekleştirin: SaaS Açılış Sayfası En İyi Uygulamaları

Pandemi, bağlantı kurmamıza, çalışmamıza, öğrenmemize ve oynamamıza yardımcı olmak için yazılım hizmetlerinde bir patlama yarattı. Bugün SaaS müşterilerinin her zamankinden daha fazla seçeneği var. Bu tür karmaşık ürünlerin öne çıkan özelliklerini, dönüşüm sağlayan keskin, güven uyandıran SaaS açılış sayfalarında nasıl paketlersiniz?

Pandemi sırasında Zoom kullanan toplantı katılımcılarının sayısı Aralık 2019'da 10 milyondan Nisan 2020'de 300 milyona fırladı ve dünya çapında 125.000 okul sistemi, sınıfta olmayan çocuklara ulaşmak için platformu kullanıyordu. Buluttan yararlanan şirketler genel olarak patlama yaşıyor: Bessemer Venture Partners'a göre, sektör şu anda toplu olarak 2 trilyon dolar değerinde ve ilk beş sağlayıcı (PayPal, Adobe, Salesforce, Shopify ve Zoom) yıldan yıla toplamda %70'lik bir artış elde ediyor. -yıl değeri.

Tüketici SaaS ürünlerinin çekici yanı, ürünleri satın almak zorunda olmamanızdır; yalnızca onlara abone olmanız yeterlidir. Uygulamalar olabilir, ancak hizmetleri herhangi bir web tarayıcısı üzerinden de kullanabilirsiniz. Yalnızca kullandığınız kadar ödediğiniz için, peşin satın alımlara göre genellikle uygun maliyetlidirler.

Ancak yazılım hizmetlerini sadece birkaç kelime ve resimle açıklamak zor olabilir - çok daha az satış -. Müşteriler bir yıl öncesine göre daha bilgili olabilir, ancak yine de uzman değiller ve belirli bir yazılım hizmetinin değer önerisi karmaşık olabilir. Bir açılış sayfasının, müşterinizi bunaltmadan veya sıkmadan bu tıklamayı teşvik etmek için yeterli bilgi sağlama arasında doğru dengeyi kurması gerekir.

Müşterilerin işleri daha iyi veya daha basit yapmalarına yardımcı olmak için yazılım hizmetleri mevcut olduğundan, bu mesajlaşmayı en iyi şekilde sunmak sizin hedefinizdir. Kullanıcı merkezli bir tasarım yaklaşımı, müşterilerinize daha etkin bir şekilde ulaşmanıza yardımcı olacaktır.

Kullanıcılarınızın İhtiyaçlarını Karşılayın

Bir yazılım hizmeti sağlayıcısı olarak, kullanıcılarınızın endişeleri ve zorlukları ve ürününüzle hangi sorunları çözmeye çalıştıkları hakkında zaten iyi bir fikre sahip olmalısınız. Bu UX içgörülerinin açılış sayfanızı da bilgilendirmesine izin verin.

Son zamanlarda, Cohere adlı bir müşteri başarısı ürünü için bir açılış sayfası üzerinde çalıştım. Sadece piyasaya sürülmekle kalmadı, birkaç sürümden geçti. Şirketin ürünün geliştirilmesi sırasında edindiği içgörüler, sayfanın tasarımına çeşitli şekillerde bilgi verdi.

Şirketin müşterilerinin çoğu Cohere'ı şu amaçlarla kullanıyordu:

• Müşterilerinin endişelerini ve sorularını gidermeye yardımcı olun.
• Potansiyel müşterileri dönüştürün ve işe alım konusunda onlara yardımcı olun.
• Arayüzlerle müşteri etkileşimlerini anlamak için müşterilerinin kendi web sitelerindeki faaliyetlerini izleyin.

Bu verileri, üç senaryonun her birini ele alan özellikleri sergilemek için açılış sayfasını segmentlere ayırmak için kullandık. Kullanıcı, ürünün her durumda nasıl çalıştığını görmek için her durum arasında geçiş yapabilir.

Değer Göstererek Hedeflerinize Ulaşın

Her açılış sayfası, kullanıcıyı açıkça tanımlanmış bir hedefe yönlendirmelidir. Tüketici yazılım hizmeti sağlayıcıları için amaç, genellikle müşterileri belirli bir süre sonra ücretli hizmete geçiş seçeneğiyle ücretsiz bir denemeye kaydolmaya veya daha fazlası için ödeme seçeneği olan minimalist bir ücretsiz sürüme katılmaya ikna etmektir. özellikleri.

Örneğin Slack, yeni müşterilerin ücretsiz, taahhütsüz bir denemeye kaydolmasını istiyor, bu nedenle uygulamanın ekip boyutu, proje türü veya katılım türünden bağımsız olarak nasıl çalışabileceğini gösteriyor.

Açılış sayfası, kullanıcının ekibinin boyutunu seçmesine izin vermekle başlayarak, Slack'in çok çeşitli senaryolarda sunduğu değeri vurgular. Bu seçim, benzer büyüklükteki şirketlerden ilgili birkaç örnek sunar ve kullanıcının ekibinin onu nasıl kullanabileceğini anlamasını kolaylaştırır.

Bu, kullanıcının görüntülü sohbet ve harici ekiplerle çalışma yeteneği gibi daha evrensel avantajlara geçmeye devam etmesine yetecek kadar meşgul olmasını sağlar. Sayfa, yerinde ücretsiz deneme uygulama veya daha fazla bilgi için bir satış temsilcisiyle konuşma seçeneğinin yanı sıra üretkenlik ve toplulukla ilgili çeşitli istatistikleri özetler.

Kahramanınızı (Resim) Akıllıca Seçin

Kullanıcınızın dikkatini çekmek için yalnızca 50 milisaniyeniz var, bu nedenle neyi göstermeyi seçtiğiniz konusunda çok seçici olmalısınız. Bir SaaS ürünü için bu çok daha zordur çünkü tanıtılacak somut bir ürün yoktur. Ürünün özelliklerini sergilemek ve kullanıcıların sorularını rahatsız edici görseller veya gereksiz bilgiler olmadan tahmin etmek ve yanıtlamak çok önemlidir.

Pazartesi günü proje yönetim aracının arkasındaki ekip, ürünün özelleştirilebileceği tüm yolları vurgulamak için ekran görüntülerini kullanarak ürünün değer önerisini yakalama konusunda mükemmel bir iş çıkarıyor.

"Sınırsız Çalışma" sloganı dikkat çeker, ihtiyaçları giderir ve merak uyandırır. Alt başlık, ürünün değer önerisini özetleyerek ilgiyi artırır ve potansiyel müşterileri, bunun hayatlarına nasıl uygulanabileceği hakkında daha fazla bilgi edinmeye davet eder. Bu daveti bir soru olarak ifade etmek, siteyle etkileşimi teşvik eder. Aşağıda, çok çeşitli belirli sektörlere göre uyarlanmış iş akışlarının görselleri yer almakta ve kullanıcıyı bunun kendi sektörleri için nasıl çalışabileceğini düşünmeye sevk etmektedir.

Özellikler yerine faydaları vurgulamak genellikle yararlıdır. Ürününüzü görselleştirmek zorsa veya birkaç akılda kalıcı kelimeye sığdıramayacak kadar nüanslıysa, bu harika bir stratejidir. Bir ürünün tüm özelliklerini göstermek yerine, kullanıcılar için en önemli olana odaklanabilirsiniz.

Pipedrive'ın açılış sayfası, müşteri ilişkileri yönetimi (CRM) sistemini kullanmanın değerini iyi bir şekilde gösteriyor. Sayfa, kaydırma ihtiyacını ortadan kaldırmak için ürünün tüm temel faydalarını kısaca sunar. Bir bakışta, kullanıcı şunları yapabilir:

• CRM bağlamı ve bilgisi kazanın.
• Ürünü kullanırken tahmin edebilecekleri sonuçları görselleştirin.
• Pipedrive'ın ürününün kalabalığın arasından nasıl sıyrıldığını anlayın.
• Büyük şirketleri çekmenin anahtarı olan ürünün büyük ekipler için nasıl çalıştığını öğrenin.

Son olarak, etkileşimli bir yaklaşım düşünün. SaaS ürünleri sıkıcı olabilir, ancak açılış sayfalarının sıkıcı olması gerekmez. Etkileşimli tasarım, marka hikayenizin yanı sıra ürün bilgilerini ve değerini iletmeniz için kullanıcıları yeterince uzun süre etkileşimde tutabilir.

Cuberto ajansının mobil bankacılık uygulaması Wickret için açılış sayfası konsepti, kullanıcıların ilgisini çekmek için etkileşim ve minimalist bir tasarım kullanıyor.

Kullanıcının sayfayı aşağı kaydırırken karşılaştığı etkileşimli kopya ve özel imlecin ekran öğelerini canlandırdığı akıllı yollar, basit mesajlaşmayı hayata geçirir. Harekete geçirici mesajdaki ("İndir") mikro etkileşimin, sayfanın geri kalanına karşı öne çıkmasına nasıl yardımcı olduğuna dikkat edin.

Bu, minimalist bir ürünü sergilemenin eğlenceli ve ilgi çekici bir yoludur.

Mobil Kullanıcıları Düşünerek Tasarım

Kullanıcılarınızın yarısı, web sitenize mobil cihazları aracılığıyla göz atacak. Ancak açılış sayfanızın yalnızca daha küçük bir ekrana küçülmesi gerekmez, mobil cihazlar için optimize edilmesi gerekir.

Kullanıcıların mobil cihazlarda sahip olabileceği etkileşim türlerine dikkat edin ve kullanıcıların sorunsuz bir şekilde gezinebilmesi için sayfanın yapısını basitleştirin. Bir web sitesi yalnızca duyarlı olduğunda, içerik genellikle daha küçük bir ızgaraya kaydırılır ve dikey olarak istiflenir. İçerik mimarisindeki bu değişiklik, mesajlaşmanızın gücünü azaltabilir, bu nedenle tasarımınız için dikey yığılmış bir düzenin en iyisi olup olmadığı konusunda dikkatli olmalısınız. Bazı durumlarda, yatay karusel veya sekmeler gibi alternatif çözümler daha etkili olabilir.

Ürününüzü mobil cihazlarda iyi bir şekilde iletmemek, dönüşümlerinizin düşmesine neden olabilir. Video mesajlaşma hizmeti Loom, gerektiğinde içerik mimarisini basitleştirerek ve sekmeler için alternatif bir yaklaşım kullanarak, web sitesinde kullanılan etkileşimli bileşenleri ve görsel hikaye anlatımını mobil cihazlara çevirme konusunda harika bir iş çıkardı.

Sıfırdan Güven Oluşturun

Yabancılarla dolu bir odaya girdiğinizi ve doğru yerde olup olmadığınızı merak ettiğinizi hayal edin. Bu, bir kullanıcının yeni bir ürün web sitesini ziyaret ederken hissettiklerine benzer. Bir partide tanıdık yüzler gördüğünüzde kendinizi daha rahat hissetmeye başlarsınız.

Aynı fikir SaaS ürünleri için de geçerlidir. Müşterilerin çözmek istedikleri sorunları olsa da, yeni bir ürünü öğrenmek ve rutinlerine entegre etmek korkutucu olabilir. Bu, müşterilerin iletişim ve ödeme bilgilerini teslim etme riskini rasyonelleştirmelerini zorlaştırabilir.

Güveni birçok şekilde artırabilirsiniz:

• SSL sertifikasına sahip olduğunuzdan emin olun.
• URL'nizi kısa ve bilgilendirici bir şekilde yapılandırın.
• Gereksiz yönlendirmeler olmadığından emin olun.
• Müşteri adayları için umutsuz görünen kopyalardan kaçının.
• Sayfanızı sezgisel ve kullanımı kolay hale getirin.

Bunlar, kullanıcılarınızla bir ilişki kurmanın ve kendilerini değerli ve bilgili hissettikleri bir deneyim yaratmanın basit yollarıdır. Ama orada durmamalısın.

Kullanıcılara Kendileri İçin Nasıl Çalıştığını Göster

Müşterilerinizin ürününüzü nasıl kullanabileceğini bildiğinizi göstererek belirsizliği ve proje güvenilirliğini azaltabilirsiniz. Onlara ürününüzün rutinlerine nasıl uyduğunu göstermek, birçok soruyu çok hızlı bir şekilde yanıtlayabilir.

Örneğin, Pazartesi.com, kullanıcının siteyle nasıl etkileşime gireceğini görmesine yardımcı olan hızlı bir tur sunar.

Prototipleme aracı Framer, Framer arayüzünde çalışan bir prototipin gelişimini gösteren bir animasyonla bir adım daha ileri gider. Ek etkileşim, kullanıcının olasılıkları daha iyi anlaması için farklı projelere tıklamasını sağlar.

Sosyal Kanıt Esastır

Sosyal kanıt, özellikle SaaS ürünleri için önemlidir. Müşterilerinize güvenilir ortaklar göstermek, kullanıcıların ürününüzü deneme isteklerini artırmada uzun bir yol kat eder.

Sosyal kanıtın bir başka harika biçimi de olumlu akran baskısıdır. Bir masa rezervasyonu yapmadan veya olumlu yorumlara dayanarak çevrimiçi bir şey satın almadan önce bir restoranın yorumlarını ne sıklıkta kontrol ettiniz? BrightLocal'a göre, tüketicilerin %87'si tam da bunu yapıyor.

Onaylar güçlü bir araç olabilir, ancak bilgilendirici ve kullanıcıyla alakalı olmalıdır. İyi yapılırsa, aynı anda birkaç şey yapabilirler. Yakınlaştırma, incelemelerin şunları nasıl yapabileceğini gösterir:

• Talepte olduğunuzu gösterin . Zoom'un onayları, ürünün çeşitli sektörlerdeki büyük şirketler tarafından iyi tanındığını ve kullanıldığını gösteriyor.
• Müşteriler arasında bir topluluk duygusu yaratın . Bir dizi müşteriden gelen geri bildirim ve düşünceleri paylaşmak, büyük bir kullanıcı tabanı ile iletişim kurar ve bu da yeni müşterilerin kendilerini daha iyi karşılanmış hissetmelerini sağlar.
• Güvenilirliği teşvik edin . Kullanıcılar, tanınmış müşteriler tarafından yapılan satın almaların ürününüze güvenilirlik kazandırdığını ve güven oluşturduğunu görür.

Sağ Ayakta Bitir

Bir kullanıcı sayfanızda her şeyi yapmış olsa bile, karar vermeye hazır olmamalarının birkaç nedeni olabilir:

• SaaS ürününüzle ilgileniyorlar ancak daha fazla bilgi istiyorlar.
• Ele alınmamış soruları veya endişeleri var.
• Ürüne ve markaya güvenmiyorlar.

Bu sorunları gidermek için sayfanızın altını nasıl tasarlarsınız? Öncelikle, kullanıcıların anında desteğe erişebilecekleri veya soru ve endişelerini giderebilecek birine ulaşabilecekleri açık bir bölüm, düğme veya bağlantı olduğundan emin olun. Sohbet yoluyla bağlanmak veya bir SSS sağlamak için ek fırsatlar sunabilirsiniz.

Meraklı ama isteksiz kullanıcılarınızı bağlamanın bir başka yolu da ek bakış açısı sağlamaktır. Ücretsiz deneme, birincil harekete geçirici mesajınız değilse, bir demo önermek, hala tehlikede olan kullanıcıları yakalamanıza yardımcı olabilir. Alternatif olarak, çeşitli kullanıcılardan vaka çalışmaları da sağlayabilirsiniz.

Altbilginiz, kullanıcılara ürününüzle daha güçlü, daha kişiselleştirilmiş bir bağlantı oluşturmalarına olanak tanıyan bir kapı açmalıdır. Bunu yalnızca sayfanın sonu olarak görmeyin: Bunu, kullanıcılarınız için yeni bir yolculuğun başlangıcı olarak kabul edin.

Başarı için Karıştırın ve Eşleştirin

Dönüşüm, her ürün için aynı şekilde çalışacak tutarlı bir formül değildir. Bunun yerine, başarılı bir SaaS açılış sayfası, üç C'ye ulaşan bir site oluşturmak için kontrol edilebilen, ayarlanabilen ve oluşturulabilen değişkenlerin bir derlemesini içerecektir:

• Ürün hikayenizi en etkili şekilde aktarır .
• Kullanıcılarınızın dikkatini, ilgisini ve eylemlerini yakalar .
• Onları dönüştürür .

Toptal Tasarım Blogunda daha fazla okuma:

• Etkili Bir Açılış Sayfası Nasıl Tasarlanır
• Dönüştürmek İçin Oluşturuldu – Açılış Sayfası Tasarımı En İyi Uygulamaları
• Tanışma - Kullanıcı İlk Katılım Akışları Kılavuzu