9ベストランディングページとそのことから学ぶことができるもの

書かれた記事:
  • ブログのヒント
  • 更新:Feb 21、2017

ランディングページを完璧にする単一のデザインはありませんが、いくつかの重要な要素が役立ちます。

ここWHSRでは、ここ数か月にわたってこれらのアイテムの多くについて次のように話しました。

ランディングページに必要な他の要素のいくつかは、サイトの訪問者の興味を引くだけでなく、目的の場所に誘導してそこに保持します。

  • 優れた見出し
  • 小見出し
  • 強く凝縮したリンク先ページのコンテンツ
  • お客様の声
  • 簡単なナビゲーション
  • 価値を付加する画像を視覚的に楽しむ

美しいランディングページを構築してコンバージョンにつなげる方法を学ぶ最も良い方法の1つは、 他のビジネスのリンク先ページを調べる。 彼らが正しいことを見て、彼らの努力と成功の可能性を繰り返すことができます。

ウィッシュポン

ウィッシュリンクのランディングページ

[アイコンのリンク]サイトのURL: http://blog.wishpond.com/

サイトを訪れたときに最初に起こることは、オレンジ色のボックスがあなたに挨拶し、ブログにサインアップして情報を入手するように求めることです。 ナビゲーションはシンプルで、ページの上部に注目のブログ投稿があり、訪問者にコンテストへの参加をさらに促します。 このランディングページで特にうまく機能していると思われるのは、散らかっていないことです。 ナビゲートしたいエリアを簡単に見つけることができます。フォーカスはサイトのコンテンツとサブスクライブにあります。 Wishpondが訪問者を購読者に変えたいと望んでおり、その唯一の焦点を持っていることは明らかです。

ベアーCSS

クマのCSS
[アイコンのリンク]サイトのURL: http://bearcss.com/

Bear CSSは、人々が基本的なHTMLファイルをCSSテンプレートに変換できるサイトです。 リンク先のページでは、どのような点に焦点が当てられているかを明確にしています。HTML文書をアップロードして今すぐ変換する。 ベアCSSは、ページ上のアイテムを制限して、あなたが注目するのは「HTMLのアップロード」ボタンです。 クマもファイルをアップロードするようにCTAボタンを指示しています。 あなたのCTAに向かって見ている、またはあなたのCTAを指しているイメージを使用することは、人々にそのアイテムを見させるためには非常に効果的です。 このページでは漫画のキャラクターを使用していますが、実際の人物の画像を使用することもできます。

PPCアナライザ

ppcアナライザ着陸

[アイコンのリンク]サイトのURL: http://www.ppcanalyzer.com/

PPC Analzyerは、情報をカプセル化するという概念を使用しています。 Unbounceなどのサイトでは、この方法を使用して、読者の目をどこに向けるかをお勧めします。 たとえば、暗い青色の背景にある明るい青色のボックスがすぐに目を引きます。 目標は、サイト訪問者にニュースレターに登録してもらうことです。 それを行うと、次の3つの可能性に目が向けられます。

  • コンバージョンを増やします
  • コストの削減
  • 時間の節約

アップル

リンゴ

[アイコンのリンク]サイトのURL: http://apple.com

ランディングページに対するAppleの焦点は、通常、最新の製品リリースに集中しています。 上記のスクリーンショットのサンプルでは、​​明らかにApple Watchです。 下の小さな画像は、他の情報を探している人に対応していますが、新しいMacBookモデルに関する情報です。 製品の美しい画像は、サイト訪問者がその写真をクリックして製品の詳細を学ぶよう促すことができます。 ナビゲーションがシンプルに保たれていることに注意してください。 写真をクリックしてその製品ページに移動するか、上部のリンクをクリックしてください。 最新の製品から注目を集めるための明るいCTAボタンはありません。

Unbounce

unbounce

[アイコンのリンク]サイトのURL: http://unbounce.com

Unbounceはランディングページを構築するビジネスのため、すばらしいランディングページを持つことになります。 あなたが最初にサイトに着いたときのフォーカスは、白と鮮やかなオレンジ色のCTAの青い帯の上に、「高変換ランディングページを今すぐ作成する」ことを求めています。 しかし、Unbounceはあなたが正当な読者を納得させるためにうまくいく何か他のことをしています。それはフィードバックを提供する人の写真を含む証言の使用です。 これにより、功績の要素が証言に追加されます。 サイト訪問者は、見積もりが実際の人から来ているのを見ることができます。

iCracked

icracked

[アイコンのリンク]サイトのURL: http://icracked.com

iCrackedは、壊れたiPhoneの画面を置き換えるだけでなく、他のAppleデバイスを修理する会社です。 ここのランディングページは簡単です。 彼らは次の2つのうちのいずれかをしようとしています:

  • あなたのデバイスを修理するサービスを販売する
  • 不要になったデバイスを購入する

このランディングページでは、トーンを設定するために大きな写真も使用されていますが、2つのカプセル化されたオプションを目の当たりにする中立の色合いになっています。 CTAは明るい青と緑の鮮明なボタンです。

ユーホール

ユアウルランディング

[アイコンのリンク]サイトのURL: http://uhaul.com

U-Haulは、ランディングページでいくつかのことを行い、特にうまく機能し、自分のサイトでエミュレートすることができます。 第一に、カプセルやカプセルなどを使用して、保管や移動用品など、訪問者が探しているさまざまなものを分離しています。 彼らはまた、最高のオファーを示すために販売用ステッカーを使用し、リンクをクリックするようにサイト訪問者を誘導しています。 写真はプロフェッショナルな品質で、さまざまな移動する供給リンクに直面している女性のように、テキストに目を引くのに使用されます。 最後に、このページにはユーザーの個人的性格が考慮されます。 一旦あなたが必要な日付と場所にパンチすれば、U-Haulは移動中のトラックやトレーラーのレンタルを予約することができます。 ナビゲーションは、あらゆる年齢の成人が容易に使用するのに十分簡単です。

ビッグバーカー

大きなバーカー

[アイコンのリンク]サイトのURL: http://bigbarker.com

最初に作成したランディングページのケーススタディでは、コンバージョンを作成するための優れたテクニックが使用されていましたが、トラスト要因を強調したランディングページを含めることを検討しました。 しかし、私はサイト訪問者には明らかだった方法でレビューを利用していたサイトを見つけるのに苦労しました。 私はついにこのサイトへの参照を見つけました WordStreamしかし、そのデザインのレビューは100%ではありませんでした。 私は、ここで改善できるいくつかの事柄があることに同意します。ベッドを注文し、テキストから離れて代わりにテキストに犬を向けるより明白な方法が含まれています。

しかし、このランディングページが正しいことは、読者が関連するいくつかの信頼ファクターを追加することです。 最初に、平均的なAmazonのレビューは5の星で、彼らはその犬のベッドのイメージの下でそのことを強調しています。 また、「Google認定ショップ」のバナーを追加して、顧客満足度で懸命に働いていることをお知らせします。 彼らは「Guaranteed」という言葉を太字で表し、一番上に10年保証があることを明確にしています。これは、米国製の製品である高品質のベッドです。 これらはすべて、サイト訪問者が応答する信頼指標です。 いくつかの微調整を加えれば、このサイトではコンバージョン数が大幅に増加する可能性があります。

シェアロック

シェアロック

[アイコンのリンク]サイトのURL: https://sharelock.io/

Sharelockのランディングページは、そのタスクを達成するために千の言葉を使わずに読者にいくつかのことを明確にします。 まず、Sharelockはモバイルデバイスで動作しますが、これは多くの類似製品では実現できません。 焦点は、電話スクリーンにロードされたソフトウェアの写真です。 次に、Sharelockの機能を説明する2つの文で目が右に移動します。 プライベートな情報を暗号化します。 最後に、2つのカプセルから選択して詳細を確認するか、独自のSharelockを作成して開始できます。 また、右上に小さなダウンロードリンクがあり、Twitterでページを共有する方法もあります。 他のリンクは小さく、灰色で、必要に応じて左下隅にあります。 このページは非常にシンプルなので、ランディングページのすべてを表示するために下にスクロールする必要さえありません。

テストと学習を続ける

これらのランディングページのサンプルでは、​​訪問者を行動に誘導したり、商品を購入したり、さらにはあなたを信頼するために、独自のランディングページに含めることができる要素のアイデアが表示されます。 しかし、1つのサイトで動作するものは、訪問ユーザーの人口統計にはうまくいかない可能性があります。 新しい要素を追加して新しいデザインを試してみると、 A / Bテストを続ける 何があなたのために最も効果的かを見てください。

Lori Soardについて

Lori Soardは1996からフリーランスの作家および編集者として働いています。 彼女は英語教育の学士号とジャーナリズムの博士号を持っています。 彼女の記事は新聞、雑誌、オンラインに掲載されており、いくつかの書籍が出版されています。 1997以来、著者や中小企業向けのWebデザイナーやプロモーターとして活動してきました。 彼女は短期間で人気のある検索エンジンのウェブサイトをランキングし、数多くのクライアントのためのSEO対策を深めていました。 彼女は読者から聞き取りを楽しんでいます。

接続します。