クールなスタートアップの20のランディングページを分析しました。これは私たちが学んだことです

saas管理およびユーザーコミュニケーションサービスに取り組んでいる間、登録への最大の変換を達成するために、ランディングページを更新する必要があります。 また、当社の製品に基づいて構築できるソリューションの追加のランディングを作成します。 多くの変更があったため、ある時点で経験を体系化することにしました。 幸運なことに、20の有名なスタートアップのランディングページの各要素が非常に詳細に記載されたすばらしい記事を見つけました。



これは、トップモデルやお気に入りの女優から完璧な女の子を組み立てる方法です。 着陸についてのみ。

だから、一杯のコーヒーを買いだめすると、たくさんの材料があるでしょう。 始まった。



スタートアップのメインページまたはランディングページは、おそらくサイトの最も重要なページです。 ビジネスオーナーまたはウェブデザイナーとして、最初の訪問者を引き付けることができる空白のキャンバスと考えてください。



まず、メインページで製品またはサービスの内容を説明する必要があります。 それだけではありません-彼女はもっと多くのことをしなければなりません：

• 信頼できること、信頼でき、真に存在することを訪問者に納得させる必要があります。
• 彼女はあなたの訪問者に次に行くべき場所を伝えるべきです。
• 訪問者が「戻る」ボタンをクリックするのを防ぐために、十分な量の情報を提供する必要があります。

そして、彼女は非常に短い時間でこれらすべてをしなければなりません。



残念ながら、理想的なホームページを作成できる魔法の公式はありません。 ただし、最初の訪問者を購入者に転換するために、ほとんどのスタートアップで常に使用されている特定の要素セットを強調表示することができます。 この調査の目的は、ページでテストできる特定のアイデアセットを特定することです。

最初のステップ：20の SaaS スタートアップ を見つける

古いスタートアップと新しいスタートアップの組み合わせを分析して、ページ上の要素を特定し、そこから「理想的な」ページを作成するための何らかのモデル/テンプレートを確認したかったのです。 それでは、いくつかの「トップスタートアップ」と「最も成功したスタートアップ」から始めましょう。

1. Zendesk
2. Basecamp
3. ブースト可能
4. インターホン
5. 最適化
6. 満足
7. NextBigSound
8. キャンペーンモニター
9. KISSmetrics
10. Browserstack
11. トレロ
12. NewRelic
13. ミックスパネル
14. Wistia
15. 繰り返し
16. ヤモリ
17. スクウィグル
18. ほっついて
19. ユーザーボイス
20. Pingdom

次のステップ：各メインページの分析

次のステップは、各メインページとこれらのページで使用される要素を確認することから始まります。 だから私たちが見つけたもの：

	Zendesk Ze n デスク からのカスタマーサポートサービス 。 ページの要素：固定ヘッダー、スローガン+行動を促すフレーズ+スクリーンショット、機能のリスト、顧客のリスト、行動を促すフレーズとフッター。
	Basecamp Basecamp は、みんなのお気に入りのプロジェクト管理アプリケーションです。   ページの要素：ヘダー、スローガン（社会的証拠を使用）+行動を促す/ソーシャル。 証拠、スクリーンショット、FAQ、さらにソーシャル。 証拠、詳細情報とフッターへのリンク。
	ブースト可能 Boostableの 広告で市場の可視性を 高め ます。 ページごとのアイテム：   キャッチフレーズ+メールフィールド+行動を促すフレーズ、仕組み、デモ、チームと投資に関する情報、キャリアとフッター。
	インターホン ユーザー情報を収集し、顧客と通信するための サービス 。 ページ上の要素：固定ヘッダー、スローガン+メールフィールド+行動を促すフレーズ、機能比較、顧客リスト、機能+スクリーンショット、レビュー、フッター。
	最適化 実際に使用するA / Bテストのサービス。 ページの要素：ヘッダー、スローガン+メールフィールド+アクションとフッターの呼び出し
	満足 記者やブランドがより魅力的なコンテンツに関与できるよう、コンテンツに力を入れます。 ページごとのアイテム：   ヘダー、スローガン+顧客リスト+行動を促すフレーズ、仕組み、顧客リスト、ソーシャル 証拠とフッター
	NextBigSound 音楽業界の分析と洞察。 ページごとのアイテム：   ヘッダー、スローガン+検索、主な機能、レポート、ケース、レビュー、フッター
	キャンペーンモニター Campaign Monitorで 美しい メーリングリストを送信します 。 ページごとのアイテム：   ヘッダー、スローガン+行動を促すフレーズ、顧客リスト、機能、およびフッターを修正しました。
	KISSmetrics 顧客情報とウェブ分析。 ページ上の要素：スローガン+ウェブサイトの+行動を促すフレーズとフッター。
	Browserstack 実際のブラウザでクロスブラウザサポートについてサイトをテストします。 ページの要素：ヘッダー、スローガン+ビデオ+サブスクリプションフォーム、顧客リスト、レビュー、機能、フッター。
	トレロ Trello は、全体像から細部まですべてを 追跡 します。 ページ上の要素：スローガン+行動を促すフレーズ、機能+スクリーンショット、顧客のリスト、行動を促すフレーズとフッター。
	NewRelic アプリケーションのパフォーマンスを追跡および管理します。 ページの要素：ヘッダー、スローガン+行動を促すフレーズ、顧客リスト、レビュー、機能+ビデオ、フッター。
	ミックスパネル モバイルおよびウェブ市場向けの最先端の分析プラットフォーム。 ページの要素：ヘッダー、スローガン+行動を促すフレーズ、クライアントのリスト、ケース、レビュー、フッター。
	Wistia Wistia は、プロフェッショナルビデオホスティングを提供します。 ページごとのアイテム：   ヘッダー、スローガン、機能+ビデオ、レビュー、フッター。
	繰り返し サブスクリプションの支払いと定期的な支払いの専門家。 ページの要素：ヘッダー、スローガン+行動を促すフレーズ、顧客リスト、特典+レビュー、機能、フッター。
	ヤモリ ビジネス用の案内板。 ページの要素：ヘッダー、スローガン+行動を促すフレーズ+背景の動画、顧客リスト、特典、仕組み、レビュー、フッター。
	スクウィグル リモートおよび仮想チーム向けのオンラインコラボレーションソフトウェア。 ページの要素：ヘッダー、スローガン_行動を促すフレーズ+スクリーンショット、問題、レビュー、メリット、レビュー、登録フォーム、フッター。
	ほっついて 社会の管理委員会。 メディア。 ページごとのアイテム：   ヘッダー、スローガン+行動を促すフレーズ、計画、機能、ターゲットマーケット、フッターを修正しました。
	ユーザーボイス オンラインヘルプおよびユーザーからのフィードバックを得るためのソフトウェア。 ページ上の要素：ヘッダー、スローガン+行動を促すフレーズ、機能+スクリーンショット、ケース、ビデオ、クライアントとフッターのリストを修正しました 。
	Pingdom パフォーマンスと可用性の簡単な監視。 ページ上の要素：固定ヘッダー、スローガン+行動を促すフレーズ+スクリーンショット、顧客のリスト、レビュー、特典、ソーシャル。 証拠、機能、計画と価格、顧客とフッター

次のステップ：使用される各要素を分析します。

収集した情報を使用して、特定の各アイテムが使用される頻度を確認しましょう。



これらの20のスタートアップに関する興味深い統計上の事実を次に示します。

100％-スローガンを含む75％-スローガンの後に説明を含む



95％-最初の画面に行動を促すフレーズを含む; 20％-その前に入力フィールド（電子メールまたはWebサイト）を持つ行動を促すフレーズを含む



50％-行動を促すフレーズに「無料」という言葉を含める



10％-完全な登録フォームが含まれています



5％-価格に関する情報を含む20％-製品を使用する利点を示す65％-製品の機能のリストを示す



マルチメディア



20％-ビデオを含む



35％-スクリーンショットを含む



ヘッダーとフッター



85％-ヘッダーを含む



30％-スクロール時に画面に残る固定ヘッダーを含む



100％-フッターを含む



社会的証拠



80％-何らかの形のソーシャルが含まれています。 証拠（顧客リスト、レビュー、またはケース）



60％-顧客のリストを含む



50％-レビューを含む



15％-ケースを含む

これらの数字は何を教えてくれますか？



特定の変換率を自由に使用できるわけではないため、どの要素が他の要素よりもうまく機能するかを（統計的に）判断することはできません。 ただし、分析の目的はテストのアイデアのリストを決定することであったため、十分な情報があります。



ホームページを更新する場合は、記事の次の部分が最も興味を引くでしょう。 以下に、試すことができるアイデアのリストを示します。



 

1.あなたのキャッチフレーズ：目立つチャンス

ページにはキャッチフレーズが必要です。 5秒で訪問者にあなたのサービスについて知らせる方法と考えてください。 短くて印象的でなければなりません。 サービスの利点を1つの文で強調する必要があります。



すべてのスタートアップにはスローガンが含まれており、その75％がそのすぐ下に説明を書いています。 できるだけ短いフレーズを使用するようにして、数回声に出して言ってください。 あなたの製品やサービスが何であるかを友人に説明するのに5秒あると想像してください...あなたは何と言いますか？







テストのアイデア：

• 新しいスローガンをテストする
• スローガンの後に説明を追加または変更します

スタートアップの例をいくつか紹介します。

2.行動を促すフレーズ：最初の画面で顧客を獲得する

ほとんどすべてのスタートアップ（95％）には、最初の画面で行動を促すフレーズが含まれていました。 この呼び出しのテキストは、クリックした訪問者の数に深刻な影響を与える可能性があるため、テストする価値があります。 スタートアップの半数は、彼らがすべてサブスクリプションを支払ったという事実にもかかわらず、彼らのアピールで「無料」という言葉を使用しました。



また、調査によると、スタートアップの20％が行動を促す前にメールやウェブサイトのフィールドを設けています。 これにより、まだ登録を開始していないが、登録にある程度の時間を費やし、サービスを使用する準備ができているという印象を訪問者に与えました。



テストのアイデア：

• 新しい行動を促すフレーズをテストする-「無料」という言葉を試してください
• さまざまな色と形式をお試しください
• 訪問者をフックする呼び出しの前に入力フィールドを追加します
• 登録フォームが大きくない場合は、メインページに貼り付けてみてください

スタートアップの例をいくつか紹介します。

3.社会的証拠：信頼とエンゲージメントを構築する

当然のことながら、ほとんどのページ（80％）は何らかの形の社会的証拠を使用していました。 訪問者があなたの製品/サービスが使用されており、それが本物であることを感じる必要があるため、彼らは働きます。



社会的証拠の3つの主な形式：

1. 顧客リストまたは顧客数（60％）
2. フィードバック（50％）
3. ケース（15％）

たとえあなたのスタートアップが仕事を始めたばかりであっても、あなたの製品を使用しようとした友人からフィードバックを得るのはそれほど難しくありません。 そして、時間の経過とともに、人気の低い顧客、リコール、ケースをより印象的な名前に置き換えます。







テストのアイデア：

• 顧客のリストを追加します-小さなリストでも役立ちます。
• www.userstats.comサービスを使用して、ソーシャルをすばやく追加します。 あなたのサイトへの証拠。
• お客様にレビューを書いてもらいます。
• 製品に満足している顧客を知っている場合は、その例に基づいてケースを作成してみてください。

スタートアップの例をいくつか紹介します。







 

4.機能：製品の機能を説明します。

スタートアップの60％が機能のリストを示しましたが、20％が全セクションを自社製品の利点に充てました。 ほとんどの人が既にその仕組みを知っているほど人気が​​出るまで、あなたのサービスが何をするのかを説明する必要があります。



製品の内容を説明するにはさまざまな方法があります-スクリーンショットまたはビデオを表示できます。 または、各要素の仕組みをテキスト形式で説明します。 スタートアップの1社は、各機能の後にレビューを投稿しました。これは、ユーザーの言葉の利点を示す素晴らしい方法です。







テストのアイデア：

• 製品の機能を視覚的に説明するスクリーンショットを追加します。
• 可能であれば、製品がもたらすメリットを説明する短いビデオを作成します。
• 製品のすべての機能に関するフィードバックを取得してください。これは、顧客の言葉でそれらの利点を示すのに役立ちます。
• 機能をより利益重視にします。 ちょうど答え：この機能は私のクライアントにどのように役立ちますか？

スタートアップの例をいくつか紹介します。







 

5.詳細：詳細を知りたい訪問者向け

メインページの情報に満足できない一定数の訪問者が必ず見つかります。 これらのユーザーは、製品の使用を検討する前に、製品について可能な限り多くの情報を見つけたいと思うでしょう。 そのため、訪問者がメインページからサイトの他の部分に簡単にアクセスできるようにする必要があります。



一部のスタートアップは、2回目の行動を促すフレーズを追加して、製品の詳細な説明、FAQページ、またはフッターへの便利なリンクを追加することでこれを実現しました。 登録のために訪問者を送りたくない場合は、訪問者がさらに先に行く場所があることを確認してください。







テストのアイデア：

• 追加情報につながるアクションへの2番目の呼び出しを追加します。
• 基本的な質問への回答を含むFAQセクションをページに追加します。
• フッターに回答のブロックまたはデータベースへのリンクを貼り付けます。

スタートアップの例をいくつか紹介します。

だから、最終リスト：チェックするアイデア

サイトの分析により、ページで試す価値のある17のアイデアを強調できます。 1つのサイトで機能するアイデアは、自分のサイトには適さない可能性があることを覚えておくことが重要です。 要素が変換にどのように影響するかを検証するには、詳細なA / Bテストが必要です。 また、ページからコンテンツを削除することが最も効果的なソリューションになる場合があることを忘れないでください。 そして最後のリスト：

1. 新しいスローガンをテストします。
2. スローガンの後に説明を追加または変更します。
3. 新しい行動を促すフレーズをテストします-「無料」という言葉を試してください。
4. さまざまな色と形式を試してください。
5. 呼び出しの前に入力フィールドを追加して、訪問者をフックします。
6. 登録フォームが小さい場合は、メインページに貼り付けてみてください。
7. 顧客のリストを追加します-小さなリストでも役立ちます。
8. www.userstats.comサービスを使用して、ソーシャルをすばやく追加します。 あなたのサイトへの証拠。
9. お客様にレビューを書いてもらいます。
10. 製品に満足している顧客を知っている場合は、その例に基づいてケースを作成してみてください。
11. 製品の機能を視覚的に説明するスクリーンショットを追加します。
12. 可能であれば、製品がもたらすメリットを説明する短いビデオを作成します。
13. 製品のすべての機能に関するフィードバックを取得してください。これは、顧客の言葉でそれらの利点を示すのに役立ちます。
14. 機能をより利益重視にします。 ちょうど答え：この機能は私のクライアントにどのように役立ちますか？
15. 追加情報につながるアクションへの2番目の呼び出しを追加します。
16. 基本的な質問への回答を含むFAQセクションをページに追加します。
17. フッターに回答のブロックまたはデータベースへのリンクを貼り付けます。

上記のリストは、さらに多くの人があなたのサービスを購読するように、あなたのサイトで何を試すべきかについてのいくつかのアイデアを与えるはずです。 ただし、変更を開始する前に、現在のサイトを分析して、進捗状況を比較する方法を把握してください。



ふふ。 以上です。 クールな製品と高いコンバージョン

ニンジンクエストチーム



Ps

最後まで読んでくれてありがとう。

経験を共有しましょう、着陸をどのように収集してテストしますか？ 解説にリンクを追加し、あなたのために働いたトリックとケースについて話します。