アクセス・売上が高いランディングページデザインの参考サイト6選

自然食品を販売するネットショップ「タマチャンショップ」は宮崎県都城市にある有限会社九南サービスが運営。2017年のショップ・オブ・ザ・イヤーでは総合2位に輝いています。



ファーストビューは比較的シンプル。上部は九州の田舎を思わせるイラストと〈「しあわせ食」を、九州から。〉のコピー、中央部は商品写真が横に5枚自動送りしていくだけというデザインです。



大きめの商品画像で動きをつけ、商品コピーはシンプルかつ温かみを表現しています。このページで特徴的なのが写真の美しさ。写真一枚に原材料やバックグラウンド、安心感までが盛り込まれており、商品情報だけでなく、ショップイメージを引き上げる大きな一因となっています。視覚的にユーザーの関心を引くだけでなく、九州の健康食品としての信頼感にも繋がり、ブランディングにも成功しています。



スクロールすると、ブロック分けしたグリッドレイアウトで商品情報から、ニュース、ブログ、新着アイテム、ランキングまで、豊富なコンテンツがどこにあるか瞬時に分かり、ユーザーはストレスなく希望の情報にたどり着けることができます。

「うきうきワインの玉手箱」は、ショップ・オブ・ザ・イヤーを10年連続受賞。まずファーストビューがインパクト大です。



「10年連続受賞」と「10%OFFクーポン」という「10」を意識した画面構成はユニークでユーザーの目をひきます。またページ横にあるセール情報は、余白があることで詰め込みすぎという印象が薄れ好印象。10年連続ショップ・オブ・ザ・イヤー受賞の自信が、画面から溢れ出ていて、ついついクリックしてしまいたくなるページです。

ネイル工房のランディングページは、画面の半分以上で、画像自動送りカルーセル機能を使用したカラフルなデザインでインパクト大。スクロールすると、お気に入りのネイルを施した生活シーンのイメージ画像が掲載されており、商品だけをフィーチャーするよりも、想像力を掻き立て購買意欲を掻き立てます。



商品情報ではパーツを含んだネイルのコーディネート方法がグリッドで配置されており、お気に入りが見つかりやすいレイアウトになっています。また画面をクリックするとネイルのコーディネート方法が動画で示されていることから、細かい心遣いが感じられます。ファーストビュー画面のサイドにはキャンペーン情報を、下部には一押し商品広告と、余白をもたせながらも簡潔にレイアウトされています。

ベストストアアワード2017のスイーツ部門で1位になったショップです。

グリッドレイアウトで商品情報がひと目で分かるファーストビューは、上部に旬のギフト情報、中央部に商品のアップでの自動送り画像をレイアウト。スクロールすると商品のイメージ動画も掲載されています。



基本構造はシンプルですが、写真のクオリティにばらつきがないので、サイト全体に統一感があり、高級感につながっています。マカロンやエクレアなどカラフルな商品の画像をシックにまとめ、自動送り機能で動きをつけたファーストビューは、スタイリッシュ。買う気がなくても画像の美しさについついクリックしたくなります。

ベストストアアワード2017キッチン部門で第2位になったショップです。ファーストビューで商品情報ではなく、セール情報を全面に打ち出す大胆なレイアウト。また、デザイン性のあるフォントのタイポグラフィーを意識しており、シンプルながらスッキリと品のあるページになっています。スクロールすると、グリッドレイアウトにセール情報のみを掲載する潔さ。グリッドの幅がかなり広いため、商品が見やすく、色調もブルーとピンク2色で統一され、言いたいことがダイレクトに伝わりやすい印象があります。

イラストと写真をミックスした賑やかなランディングページになっています。ファーストビューで、かぼちゃのモチーフをクリックすると、スクロールの必要なくカテゴライズされたコンテンツに飛ぶ構成はとっても便利。



画面は黒を基調にすることで、賑やかなハロウィンのイメージを保ちながらも、「ごちゃっと感」を軽減。ページ上の文字数が少ないのも、画面の統一感を持たせるために一役買っているのかもしれません。商品情報の写真がユニークなので、ついついクリックしてしまいそう。

ファーストビューとは、アクセス時に画面に表示されるページ上部のことです。
ランディングページにおいて大切なのは、すぐにページを離れないでいてもらうことです。
従って、ランディングページで最も重要なポイントがファーストビューとなります。
アクセスした人はまずファーストビューを見て、数秒で続けて見るかどうかを判断します。
一瞬で「このページは興味がある」と判断してもらうためには、「心をつかむキャッチコピー」と「目に留まるデザイン」の2要素を大切にしましょう。

ファーストビューで興味を持ってもらえると、ページ全体を見てもらえるので、商品・サービスの訴求が始まります。
重要なのは「顧客視点の利点」「スペック・機能」の順に説明することです。
利点とは、その商品・サービスを利用して、お客様が得るプラスのことを指します。
まずは顧客にとっての利益を述べたうえで、「その理由は〜」と繋げてスペックの説明をすると、説得力が高まり訴求力アップにつながります。

良いランディングページを作るためには、1ページ内にユーザーが求める情報をしっかりと載せることが大切です。
コンテンツ配置は、扱う商品・サービスにより異なってきます。
コンバージョンの壁となりうるあらゆる不安・疑問についてはページの中の情報だけで解決できるように工夫しましょう。
また、利用者の口コミやQ&Aは必ず掲載して、お客様が不安を感じることなく購入できるようにしましょう。
これらの対策もお客様の満足度UPが期待できます。

ランディングページにおいては、ユーザーが少しでも購入したいと思ったその瞬間を逃さないことが大切です。

そのために、購入までにかかるアクションの手間を少なくする必要があります。
1クリック・1アクションでも省く工夫をしましょう。
おすすめな工夫は、ランディングページ内に申込みフォームを用意することです。
ランディングページから申込みページにわざわざ移る必要がなく、ランディングページ内で申込みが可能になりスムーズに対応ができます。

商品内容やサービスが不明だと判断されるとすぐにユーザーは離脱してしまいます。
ファーストインプレッションが重要なため、わかりやすいタイトル、キャッチコピーをつけ、検索キーワードや広告文とコピーの内容が合致するようにしましょう。
また、画像やデザインもサービスや商品が一目でわかるものにすると良いでしょう。

「導入実績1万人」「顧客満足度98％」「メディア掲載」「テレビ番組で紹介」などの情報を多く載せすぎている場合は注意が必要です。
信頼を高める言葉は確かに必要ですが、このような文言があまりにも多すぎると逆効果です。
ユーザーが初めて商品やサービスを知ったときに、第三者から認められたという情報は興味を持つきっかけになります。
しかし、このような情報は決して多用してはいけないということは覚えておきましょう。

トンマナとは「トーン＆マナー」の略です。
ユーザーが商品やサービスを購入したくなるようなトンマナにし、コンバージョン率の向上を目指しましょう。
デザインが古い場合も、ユーザーの離脱の原因になるため、常に最新のデザインのものに変更するようにしましょう。