SaaS主頁設計的5個主要特點

已發表: 2020-07-23

所以你有一個很棒的 SaaS 產品,並且有時間和資源投入到一個網站上來展示你是誰以及你做了什麼。 但是 SaaS 的本質是競爭性的,很難將自己與競爭對手區分開來並保持受眾的注意力。

現在,普通用戶在網站上花費的時間僅為 15 秒。 這就是為什麼我們匯總了引人注目的 SaaS 主頁設計中的 5 個關鍵功能的列表,這些功能為您提供了吸引訪問者並將正確的潛在客戶轉化為潛在客戶的技巧。

價值主張

一個偉大設計的關鍵是把觀眾的注意力吸引到最重要的事情上。 當您加載網站時,首屏應該是您要說的最重要的事情。 這就是你的價值主張。

它應該用幾句話告訴訪問者你做什麼,你提供什麼以及他們可以期待什麼。 看看 Phyron,當你打開他們的主頁時,你就會知道他們是關於什麼的。

“視頻現在是一種負擔得起的遊戲規則改變者”。

飛龍主頁

它一目了然,易於閱讀,並向您展示了該公司希望您了解的內容。 同樣重要的是它在網站上顯示了清晰的視覺層次結構。 網頁設計都是關於視覺層次結構的。 文本越粗越大,它必須越重要——這應該是你的價值主張。

你的價值主張應該以簡潔和有影響力的方式展示你的產品是什麼,並且應該始終得到支持副本的支持。 Phyron 是使用增加價值主張的支持副本的示例。

Phyron 的價值主張表明,視頻改變了遊戲規則,而且現在可以負擔得起。 其次是支持副本,以告知觀眾更多有關該產品及其用途的信息——它是一款適用於電子商務、二手車和房地產的自動化視頻軟件。 然後有更多的支持副本讓您知道它是一款用於直播您的產品目錄和廣告的軟件。

在幾行有效的簡潔文案中,觀眾應該很容易理解你的產品、你的客戶,並有興趣了解你的產品將要做什麼。

視頻說 1000 字。

人們過著忙碌的生活。 最終,沒有人有時間閱讀每個產品網站上的一千字。 人們想要快速、輕鬆、不費吹灰之力地消化信息。 時間是寶貴的,視頻是簡潔地傳遞信息的完美媒介。

您可以以多種方式使用視頻——它可以是對您的產品的介紹,以及它如何解決您的目標角色的痛點。 您可以使用它來展示案例研究,將現實世界的成功故事變為現實。 或者,您可以提供產品功能的視頻演練和演示。 此外,我們都說過,“當你知道如何做時很容易”,那麼你為什麼不向你的客戶展示它是多麼簡單呢?

Phyron 主頁視頻

視頻不應該太長,你要瞄準最多兩分鐘。 明智地利用這段時間來展示您的產品所提供的價值,並且越具體越好。 這也是展示您流暢的用戶界面及其易用性的好方法,因為潛在客戶已經知道他們開始使用該軟件時會發生什麼,因此可以順利入職。

如前所述,您還可以使用這些視頻將您的客戶推薦變為現實。 通過概述問題,您的產品如何解決他們的問題(包括一些結果,因為數字總是有助於證明您的情況),並包括您的客戶的報價,您可以創建一種引人入勝的方式來為您的產品添加社會證明。 畢竟,口碑是產生高質量潛在客戶的最有效方式之一。

新的號召性用語

令人信服的行動號召

號召性用語 (CTA) 是讓訪問者參與您網站的下一步。 這是一種為該訪問者概述下一步合乎邏輯的步驟的方式,同時也可以在他們提交聯繫方式後將陌生人變成已知個人。

但要讓訪問者點擊您的號召性用語,它需要具有吸引力。 首先,不要使用通用詞或短語,而是根據您的產品定制您的行動號召。 “讓我的視頻更好”或“單擊此處獲取更多存儲空間”都是量身定制的短語,反映了一種好處; 觀眾希望完成的動作。 如果您的 CTA 與訪問者的利益一致,那麼他們更有可能轉化。

此外,在您的 CTA 中添加對時間敏感的單詞和短語。 諸如“立即探索”或“免費試用”之類的副本會在您的 CTA 中添加時間元素,這有助於吸引人們點擊。

更重要的是,確保您的 CTA 脫穎而出——考慮它的大小、對比度和圖像。 大小不宜過大或過小,可點擊和可讀。 您應該與其周圍的內容形成對比——選擇與著陸頁上使用的顏色相反的顏色。 此外,在您的 CTA 中使用圖像或自定義設計。 當以高質量製作並與您的報價相關時,這些是最有效的。

將 CTA 置於您的價值主張之下,以集中後續潛力——讀者在到達並點擊您的 CTA 之前會自然地掃描頁面。

應用程序主頁

從 AppSumo 中查看這個示例,這是一個關於最好的 SaaS 軟件的每日交易網站,其中包含在副本中。 獨特的 CTA 按鈕,上面寫著“Send me Deals”,是產品的主要賣點和優勢。

添加電子郵件地址可以讓您的訪問者進行電子郵件營銷,並為不同形式的增加參與度提供機會。 擁有一個與您的產品優勢直接相關的有效 CTA 將使您的轉化率上升。

持續測試並找到最能有效轉化的 CTA 非常重要。 根據 HubSpot,您的目標應該是 1-2% 的點擊率和 10-20% 的轉化率。 如果您認為您的 CTA 表現不佳,請 a/b 測試您的按鈕顏色、文案、大小和位置,以了解您的受眾認為最吸引人的是什麼。

免費增值、免費試用和演示

生活中一些美好的事物是免費的,擁有產品的免費版本或試用版是向客戶證明您的產品適合他們的好方法。

擁有軟件免費版本的好處意味著它允許客戶將您的軟件納入他們的工作習慣。 您可以在一段時間內為他們提供完整的功能,這樣當這段時間結束時,他們會覺得沒有您他們會迷失方向。

失去的客戶

或者,免費增值策略就像懸掛胡蘿蔔——它提供了足夠的功能來增加價值,目的是讓用戶想要更多。 通過使用彈出窗口來引導用戶探索您的產品,並添加暗示更高級功能的號召性用語,您可以吸引潛在客戶並誘使他們升級到完整付費版本。 有關免費增值與免費試用的比較,請查看我們之前撰寫的這篇文章。

演示是將潛在客戶轉化為銷售的同樣有效的策略。 演示允許您控制演示。 您可以練習音調,確保傳達要點,並開始您和客戶之間的對話。 將軟件作為服務銷售就是建立信任和增加價值,而演示允許您以針對您正在與之交談的特定潛在客戶量身定制的方式傳達這一點。

免費指南:如何為您的下一個網站重新設計預算

無論您選擇哪種選項,確保您在主頁上發出號召性用語,將潛在客戶引導至這些產品之一對於推動更多銷售對話至關重要。

使用用例定位您的角色

每個 SaaS 產品都有您產品的特定目標用戶群。 所以把它放在你的主頁上。 訪問者會想知道你的產品是為誰準備的,以及他們是否是其中之一。 潛在客戶不想花時間研究您的產品,只是為了在他們已經開始銷售對話時發現它不適合他們。 這是一條雙向的道路,銷售團隊的時間很寶貴——你不希望他們把時間浪費在死胡同上。

浮動主頁

通過用例定位您的角色可以擴展您的價值主張和案例研究。 查看 Float 的主頁,您會立即知道該產品的用途,然後您可以進一步了解它的確切用途——企業財務團隊或會計師和簿記員。

在此示例中,Float 的產品針對上述兩個用例具有不同的功能。 通過在早期概述這一點並包括呼籲採取行動以將其帶到特定於用例的頁面,它將突出潛在客戶感興趣的具體好處。這裡的主要收穫是你想消除買家的恐懼——更量身定制的您的信息與他們的問題有關,他們就越有可能開始銷售對話。

總之

使用這 5 個關鍵功能將使您走上正確的道路,打造一個精心打造、可轉換的主頁。 但是,當然,對於任何 SaaS 主頁,乃至整個網站,您都需要確保在提供出色的用戶體驗和視覺吸引力的頁面之間找到平衡點。

考慮到這一點,我們將為您提供一些最後的提示:確保您的主頁清晰,不要用不必要的按鈕弄亂它。 重新強調要點很好,但要盡量避免逐字重複。 當然,檢查一切是否正常——沒有什麼比緩慢的頁面加載或斷開的鏈接更令人沮喪的了。