Squarespace ランディング ページの例: 訪問者を引き付けて引き付けるために何をするか

公開: 2017-02-15

オールインクルーシブのウェブサイト構築プラットフォームである Squarespace は、インパクトのあるスタイリッシュなオンライン プレゼンスを作成し、独自のストーリーを世界と共有したいと考えているすべての人にとって、最高のソリューションです。

メイン ストリートの配管工のように多様な個人から、次の人生を変えるアプリを構築する熱狂的な起業家、フォーチュン 500 企業まで。 Squarespace は、2004 年の立ち上げ以来、1,000,000 人以上の有料顧客に選ばれているウェブサイト ビルダーです。

Squarespace は Web サイト ビルダーであり、ポスト クリック ランディング ページ プラットフォームではありませんが、このブランドは、ポスト クリック ランディング ページの力と、見込み客を顧客に変えるための明確で焦点を絞ったページを持つことの重要性を認識しています。

Squarespace はウェブサイト ビルダーですが、それでもブランドはポスト クリック ランディング ページの威力を認識しています。

クリックしてツイート

ポスト クリック ランディング ページとは何ですか?

クリック後ランディング ページは、訪問者にアカウントへのサインアップ、ガイドやレポートのダウンロード、製品やサービスの購入、ウェビナーへの登録などの特定のアクションを実行させるために使用されるスタンドアロンの Web ページです。クリック後のランディング ページでは、魅力的な見出し、説得力のあるコピー、社会的証明、視覚的な合図、強力な CTA など、さまざまな説得力のある要素を使用します。

Squarespace プロモーションの概要

クリック後のランディング ページにリンクするのではなく、ソーシャル メディアや有料検索広告を使用して、Squarespace が構築したホームページ、ブログ記事、および他のブランドの Web サイトにリンクすることがよくあります。

実例として、Squarespace によって作成された Tom Delavan の Web サイトにリンクしているツイートを次に示します。

この写真は、マーケティング担当者が、Squarespace がクリック後のランディング ページではなく、Twitter 投稿を使用して顧客の Web サイトへのトラフィックを生成し、顧客に変換する方法を示しています。

次は、クリック後のランディング ページにリンクしていないブランド名で検索したときの Google 広告です。

この写真は、マーケティング担当者が、Squarespace が広告をクリック後のランディング ページに接続する代わりに、Google 広告を使用してウェブサイトのトラフィックを生成する方法を示しています。

もう 1 つは、検索フレーズ「website builder:」に対して表示されたものです。

この写真は、Squarespace が見込み客をクリック後のランディング ページに誘導する代わりに、Google 広告を使用してウェブサイトのトラフィックを生成する方法をマーケティング担当者に示しています。

どちらの場合も、広告は検索ユーザーをブランドのホームページに誘導します— クリック後のランディング ページである Squarespace にリンクするのではありません。

それでは、クリック後のランディング ページと批評を見てみましょう。

Squarespace がクリック後のランディング ページを使用する方法

Squarespace が非伝統的なポスト クリック ランディング ページを使用してサービスを宣伝する方法をいくつか見てみましょう。 私たちが「非伝統的」と言うのは、本当の意味でクリック後のランディング ページではないからです。 多くの場合、上部にナビゲーション リンク、フッター リンク、場合によっては異なる目標を持つ複数の CTA が含まれます。

ただし、以下の例では、魅力的な画像、余白、短いフォームなど、クリック後のランディング ページの機能と特性を使用しています。

Squarespace のポスト クリック ランディング ページが短い場合は、ページ全体を表示していることに注意してください。 ただし、長いページについては、ページの一部のみを表示しました。 ここで説明するポイントの一部を確認するには、各ポスト クリック ランディング ページをクリックする必要がある場合があります。 また、以下にリストされている例の一部は、以下に表示されているものとは別のバージョンで A/B テストを受けている可能性があります。

1.サインアップを生成するには

以下の Facebook の投稿 (スーパーボウルのコマーシャルと共に) は、John Malkovich をフィーチャーしたキャンペーン全体の一部であり、人々に「ドメインがなくなる前に取得する」ように設計されています。

この写真は、マーケティング担当者が、Squarespace が John Malkovich と一緒に Facebook 広告を使用して、クリック後のランディング ページ トラフィックを生成する方法を示しています。

ビデオの最後に、視聴者はブランドのホームページに送られ、クリックスルー ページにハイパーリンクされたヘッダー バナーが表示されます。 これは、Squarespace / John Malkovich シリーズの最初のページです。

この写真は、マーケティング担当者が、Squarespace がドメイン名の主張に関するクリック後のランディング ページを使用して、John Malkovich とのパートナーシップを促進する方法を示しています。

プロスペクトが最初のページの [キャンペーンを表示] ボタンをクリックすると、シリーズの 2 番目のページに移動します。

この図は、マーケティング担当者が、Squarespace がクリックスルー ポスト クリック ランディング ページを使用して、見込み客にサービスを使用してドメイン名を要求するよう説得する方法を示しています。

これらのページの目的は、人々にオファーを紹介し、Squarespace アカウントにサインアップする準備をさせることです (サインアップ ページは以下に表示されます)。

ページの機能:

  • 黒を使用することで、プロフェッショナルでプレミアムな雰囲気が醸し出され、品質のオーラが生まれます。
  • 高品質のビデオは、ページに対する信頼の価値を高め、見込み客が Squarespace を使用して独自の Web サイトを構築することに関心を持つ可能性を高めます。
  • 鮮明な画像は非常にハイエンドな効果をもたらします。 最初のページにはジョン・マルコヴィッチの顔の画像が含まれており、人々の感情につながっている可能性があります。 2 番目のページには、彼の Squarespace Web サイトの画像が含まれており、人々にプラットフォームの品質を示しています。
  • どちらのページも、ストーリーを伝える素晴らしい仕事をしています。 最初のページの 2 つのビデオには、「パート I」と「パート II」というラベルが付けられており、ストーリーを紹介しています。 2 ページ目には、ジョン マルコビッチのキャンペーンが表示され、見込み客に「次の動きを起こす」よう説得しています。
  • 「ドメインがなくなる前に取得する」ことで切迫感が生まれ、見込み客がすぐにコンバートするよう促します。
  • 最初のページの価格比較により、見込み客は競合するウェブサイト ビルダーではなく、ブランドと協力することで最良の取引を得ていることを知ることができます。
  • 両方のページで余白を使用すると、ページが整理され、ページの重要な要素に注意を引くことができます。

A/B テストできるもの:

  • 両方のページの Squarespace ロゴ、フッター リンク、動画の下のソーシャル共有ボタン、2 ページ目の John の Web サイト リンクなど、いくつかの終了リンクがあります。 これらのリンクはすべて、見込み客が最終的な登録ページにたどり着く前に離脱する可能性があるため、コンバージョンの可能性を低下させます。
  • すべての CTA ボタンは、配色とのコントラストを高めることができます。 シンプルな白い枠線でボタンをデザインする代わりに、より明るい色でボタンをデザインすると、より多くの注目を集め、より多くのクリックを得ることができます.
  • 2 ページの白いセクションの灰色のテキストは読みにくいです。 このコピーを読みやすくすると、訪問者の眼精疲労が軽減されます。

訪問者が 2 ページの「無料トライアルを開始する」CTA をクリックして Web サイト テンプレートを選択すると、このページを使用してアカウントにサインアップするよう訪問者に求めることで、ストーリーは終了します。

この図は、Squarespace がサインアップ ページを使用して、訪問者に Web サイトを作成するよう説得する方法をマーケティング担当者に示しています。

CTAボタンには「サインアップ」と書かれており、両方のコンポーネントには「サイトを作成する」と書かれているため、見出しとCTAボタンはページの目標を明確にします. CTA ボタンは黒い背景に対してよく目立ちますが、コピーは改善の余地があります。 おそらく、「今すぐ無料アカウントにサインアップしてください」や「無料サイトを作成してください」などの言葉で、より多くの見込み客をコンバージョンに導くことができます。

見出しの下のコピーは、サインアップに 2 つの異なる利点を提供します。クレジット カードは不要であり、ユーザーはいつでもテンプレートを自由に変更できます。 最後に、短い 4 フィールドのフォームは基本的な情報のみを要求するため、見込み客が安心して入力できる可能性が高くなります。

2.企業様のロゴ制作のお手伝い

Squarespace はウェブサイトの構築だけを専門としているわけではありません。そのプラットフォームはブランドが会社のロゴを作成するのにも役立つからです。 顧客獲得、ロゴ作成のため。 ブランドは、このシンプルで目標に焦点を当てたページを使用しています。
この写真は、マーケティング担当者が、Squarespace がクリック後のランディング ページを使用して、見込み客に自社のプラットフォームを使用して会社のロゴを作成するよう説得する方法を示しています。

ページの機能:

  • 見出しは、Squarespace を使用してロゴを作成することは難しくないことを明確にしています。
  • 1 フィールドのフォームは会社名のみを要求するため、見込み客はためらうことなくフォームに入力する可能性が高くなります。 このフィールドは、ページ上の他の視覚要素に比べて大きく太字の黒い四角形であるため、注目を集めます。
  • この画像により、Squarespace で作成されたロゴを使用して名刺がどのように見えるかを確認できます。
  • フォームの横にある矢印は、訪問者を次にクリックする場所に誘導します。
  • 多くの余白は、見出しとフォームに注目を集めます。

A/B テストできるもの:

  • 名刺は白と似た色合いで、一見しただけではカードを見つけるのが難しいため、別の色でテストすることができます。
  • 下隅にある2 つのハイパーリンクを削除して、独自のポスト クリック ランディング ページを提供すると、見込み客はここでロゴを作成することに集中できます。
  • Squarespace でロゴを作成することが賢明なアイデアである理由を説明する特典テキストを追加すると、プロセスを開始する人が増える可能性があります。

3. さまざまなニッチなビジネスをターゲットにする

「ツアー」カテゴリの下のホームページ フッターには、オンライン ストア、写真家、ブロガー、アーティスト、レストラン、ミュージシャン、結婚式、中小企業など、さまざまな業界がリストされています。

特にこのページでは、訪問者にブログの作成を勧めています。
この写真は、マーケティング担当者が、Squarespace がポスト クリック ランディング ページを使用して、顧客向けのブログを作成する際にサービスを宣伝する方法を示しています。

ページの機能:

  • 見出しとサブ見出しは、説得力のある方法で見込み客に直接語りかけます。 「あなたの」という言葉を使用すると、読者はオファーとのつながりをより強く感じることができ、「クレジット カードは必要ありません」とページに説得力が加わります。
  • 矢印のビジュアル キューにより、訪問者はスクロールしなければ見えない位置にさらに多くの情報があることを知ることができます。 明確にするために、矢印はより大きく、より太く、背景に溶け込まないようにする必要があります。
  • このコピーでは、「あなた」という単語のさまざまな形式が使用されており、見込み客に直接語りかけ、見込み客とのつながりを築いています。
  • スクロールして表示できる利点のリストは、ページが乱雑に表示されるのを防ぎ、関連する画像のためのスペースを確保するため、優れた追加機能です.
  • 顧客サービス スタッフの画像と、 24 時間年中無休で対応できることを視聴者に知らせることで、Squarespace での作業は良い経験であると見込み客を安心させるのに役立ちます。
  • 空白を使用することでページが整理され、「開始」CTA ボタンやテンプレート オプションなどの重要な要素に注意が向けられます。

A/B テストできるもの:

  • CTA ボタンはより目を引く色でテストでき、コピーは「Get Started」よりもインパクトのあるものに書き換えることができます。 「ブログの作成を手伝ってください」など、より利益に重点を置いた CTA コピーは、より良い結果をもたらす可能性があります。
  • 業界間のナビゲーションは、各ニッチから焦点の一部を奪います。 カテゴリーごとに独自のページを作成した方が効果的かもしれません。
  • 上部のロゴ、下部のナビゲーション リンク、中央の顧客例など、多数の離脱リンクがあると、プロスペクトはコンバージョンする前にページを離れてしまう可能性が非常に高くなります。

4. Squarespace ユーザーにオンライン コミュニティを提供するため

このプラットフォームは、最も経験豊富なユーザーに、Circle として知られる専門家のオンライン コミュニティに参加する機会を提供します。 サークルのメンバーは、多くの専門家の洞察と他の専門家からの最適化されたサポートにアクセスできます。

Squarespace Circle ページへのリンクは、ホームページのフッターの「コミュニティ」セクションにあります。
この写真は、マーケティング担当者が、Squarespace がポスト クリック ランディング ページを使用して見込み客にオンライン コミュニティ「Circle」への参加を促す方法を示しています。

ページの機能:

  • 空白はページをセクションに分割し、ページを整理して読みやすくします。
  • 白を使用することで、ページが洗練されたように見え、多くの Squarespace ユーザーが魅力的に感じるプレミアムな外観を伝えます.
  • 「詳細」CTAはアンカー タグを使用しており、クリックするとビジターはスクロールしなければ見えない位置に移動し、コミュニティの利点について読むことができます。
  • 機能と利点のリストは、見込み客にこのコミュニティへの参加について知らせ、Circle への参加を説得するのに役立ちます。

A/B テストできるもの:

  • アウトバウンドリンクが複数あると、選択肢が多すぎて、ページから離れてクリックすることができなくなります。
  • CTA ボタンの色は透明なので、オレンジなどの大胆で対照的な色でボタンを再設計できます。
  • CTA のコピーは、「今すぐ参加」よりも説得力がある可能性があります。 「サークルに参加したい」は、より良い結果を生み出す可能性があります。
  • サークル メンバーからの推薦状を追加すると役立つ場合があります。 機能と利点を列挙することは素晴らしいことですが、現在のメンバーからの肯定を得ることはさらに良いことです.

Squarespace のどのポスト クリック ランディング ページからインスピレーションを得ましたか?

Squarespace の使命は、「創造的なアイデアを持つ人々の成功を支援する美しい製品を作る」ことです。 このブランドは、クリック後のランディング ページやその他の焦点を絞った Web ページを使用して、さまざまな方法で独自の価値提案と関連するオファーを伝えています。

これらの批判に基づいて、宣伝するオファー用に最適化されたクリック後のランディング ページの作成を開始します。 Instapage などの最適なポスト クリック ランディング ページ プラットフォームを使用して、マーケティング スタックに追加します。 Instapage Enterprise のデモに今すぐサインアップしてください。