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

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

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

We've talked about many of these items over the last several months here on WHSR, such as:

Some of the other elements needed for a landing page that not only grabs your site visitors' interest but guides them where you want them to go and keeps them there:

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

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

ウィッシュポン

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

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

The first thing that happens when you visit the site is an orange box greets you, asking you to sign up for the blog and stay informed. The navigation is simple and a featured blog post sits at the top of the page to further entice visitors to enter a contest. What seems to work particularly well about this landing page is that it isn't cluttered. You can easily find the area you want to navigate to and the focus is on the content on the site and subscribing to it. It is clear that Wishpond wants to convert visitors to subscribers and has that singular focus.

ベアー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 uses the concept of encapsulating information. Sites like Unbounce recommend this method to draw the reader's eye where you want it to go. For example, notice how the light blue box against the dark blue background immediately draws your eye? The goal is to get the site visitor to sign up for the newsletter. Once you've done that, your eye is drawn to three possibilities:

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

アップル

リンゴ

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

Apple's focus for their landing page typically centers on their latest product release. In the sample screenshot above, it is obviously the Apple Watch. The smaller images under cater to those who are looking for other information, but such info about the new MacBook model. Beautiful images of your product can encourage site visitors to click on that photo and learn more about the product. Notice that navigation is kept simple. Click on a picture and go to that product page or click on a link at the top. There are no bright CTA buttons to draw the attention from the latest product.

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's landing page makes a few things clear to the reader without using a thousand words to accomplish that task. First, Sharelock works with mobile devices, something many similar products do not accomplish. The focus is on a photo of the software loaded onto a phone screen. the eye then moves to the right with two sentences that explain what Sharelock does. It encrypts info that is private. Finally, you can choose from two capsules and learn more or create your own Sharelock to get started. There is also a small download link at the top right and a way to share the page on Twitter. Other links are small, gray and in the lower left corner in case you need them. The page is so simple that you don't even have to scroll down to see everything on the landing page.

テストと学習を続ける

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

Lori Soardについて

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

接続します。