Squarespaceのランディングページの例：訪問者を引き付けて引き付けるために彼らが行うこと

公開: 2017-02-15

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

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

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

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

クリックしてツイート

クリック後のランディングページとは何ですか？

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

Squarespaceのプロモーションの概要

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

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

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

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

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

そして、検索フレーズ「ウェブサイトビルダー」に登場したもう1つ。

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

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

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

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

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

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

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

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

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

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

動画の最後に、視聴者はブランドのホームページに移動し、クリックスルーページにハイパーリンクされたヘッダーバナーを見つけます。 これはSquarespace / JohnMalkovichシリーズの最初のページです。

この写真は、Squarespaceがドメイン名の申請に関するクリック後のランディングページを使用して、JohnMalkovichとのパートナーシップをどのように促進しているかをマーケターに示しています。

見込み客がその最初のページの[キャンペーンを表示]ボタンをクリックすると、シリーズのこの2番目のページに移動します。

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

これらのページの目的は、人々をオファーに暖め、Squarespaceアカウントにサインアップする準備をすることです（以下に示すサインアップページ）。

ページがうまくいくこと：

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

A / Bテストの対象：

  • 両方のページのSquarespaceロゴ、フッターリンク、ビデオの下のソーシャル共有ボタン、2ページ目のJohnのWebサイトリンクなど、いくつかの終了リンクがあります。 これらのリンクはすべて、見込み客が最終的なサインアップページに到達する前に離れる可能性があるため、コンバージョンの可能性を低くします。
  • すべてのCTAボタンは、配色とより対照的である可能性があります。 単純な白い境界線でボタンをデザインする代わりに、明るい色でボタンをデザインすると、より多くの注目を集め、より多くのクリックを獲得できます。
  • 2ページの白いセクションの灰色のテキストは読みにくいです。 このコピーを読みやすくすることで、訪問者の目の疲れが少なくなります。

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

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

見出しとCTAボタンは、CTAボタンに「サインアップ」と表示され、両方のコンポーネントに「サイトの作成」と表示されるため、ページの目標が明確になります。 CTAボタンは黒い背景に対してよく目立ちますが、コピーは改善される可能性があります。 おそらく、「今すぐ無料アカウントにサインアップする」や「無料サイトを作成する」などのようなものは、より多くの見込み客にコンバージョンを強いるでしょう。

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

2.企業がロゴを作成するのを支援する

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

ページがうまくいくこと：

  • 見出しは、Squarespaceでロゴを作成するのが難しくないことを明確にするポイントにまっすぐになります。
  • 1フィールドフォームは会社名のみを要求するため、見込み客はためらうことなくフォームに記入する可能性が高くなります。 このフィールドは、ページ上の他の視覚要素と比較して大きく、太字の黒い長方形であるため、注目を集めています。
  • この画像を使用すると、Squarespaceで作成されたロゴを使用して名刺がどのように表示されるかを確認できます。
  • フォームの横にある矢印は、訪問者を[次へ]をクリックする場所に案内します。
  • たくさんの空白が見出しと形に注目を集めています。

A / Bテストの対象：

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

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

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

このページは特に訪問者にブログを作成することを奨励しています：
この写真は、Squarespaceがクリック後のランディングページを使用して、顧客向けのブログを作成するサービスを宣伝する方法をマーケターに示しています。

ページがうまくいくこと：

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

A / Bテストの対象：

  • CTAボタンは、より目を引く色でテストでき、コピーは「はじめに」よりもインパクトのある書き直しが可能です。 「HelpMeCreate My Blog」のように、より利益に焦点を当てたCTAコピーは、より良い結果を得る可能性があります。
  • 業界間のナビゲーションは、各ニッチから焦点の一部を奪います。 カテゴリごとに一意のページを作成する方が効果的な場合があります。
  • 上部のロゴ、下部のナビゲーションリンク、中央の顧客の例など、多数の終了リンクがあるため、見込み客は変換する前にページを離れる機会が多すぎます。

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

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

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

ページがうまくいくこと：

  • 空白はページをセクションに分割し、整理して読みやすくします。
  • 白を使用すると、ページが洗練された外観になり、多くのSquarespaceユーザーが魅力的だと感じるプレミアムな外観が伝わります。
  • 「詳細」CTAはアンカータグを使用しており、クリックすると、訪問者をフォールドの下に送信して、コミュニティのメリットについて読むことができます。
  • 機能と利点のリストは、このコミュニティへの参加について見込み客に通知し、サークルへの参加を説得するのに役立ちます。

A / Bテストの対象：

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

どのSquarespaceのクリック後のランディングページがあなたにインスピレーションを与えましたか？

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

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