【業種別】ランディングページの成功デザイン事例23選

企業がWeb集客を成功させるために欠かせないのがランディングページである。

本記事では、これからランディングページを作ろうと考えている方に向けて成果の出ているランディングページ事例を職業別にご紹介したいと思う。

Man

プロが厳選した成功事例だね

woman

これは参考になるぞ

目次

【業種別】ランディングページ(LP)のデザイン事例

では早速、住まい・不動産・学校・士業・美容・採用・EC販売の7ジャンルに分けて各3つずつランディングページのデザイン例を紹介したい。

住まい・工務店のランディングページ例

ステージ設計事務所

こちらは富山工房で作らせていただいたステージ設計事務所様のランディングページ。
掲載する写真も既にお持ちだったため撮影の必要がなく低コストでの構築を実現している。

また、顧客の年齢層を考えて文字サイズや問い合わせフォームを大きめに作っているのが特徴だ。

KADEL

こちらはデザイナーズ注文住宅のKADeL様のランディングページ。
イラスト等は一切使用せずに施工写真と文字のみのシンプルなデザインだが、画面をスクロールしていくと背景色が変化するようにコーディングされており大きなアクセントになっている。

アイ工務店

滋賀県のアイ工務店様のランディングページ。
一見、紙チラシのように見えるかも知れないが、こちらのLPは1枚の画像をそのままWebページに貼り付けてLPとして利用している。

こういった構築手法で大幅な制作コスト削減および納期短縮にも繋がる。
もちろんデメリットもあるので理解した上で使用すべきだ。

不動産のランディングページ例

保険申請ナビ

不動産の火災保険に関する保険申請ナビ様のランディングページ、こちらも富山工房でお作りさせて頂いたLPになる。
問い合わせ率UPのためにページ最上部に診断フォームを設置し、イラストを多用して柔らかいデザインで仕上げている。

ページ上部の問い合わせフォームは問い合わせ獲得に有効である。

ファーストロジック

不動産投資サイトとしては利用者No,1を誇る楽侍様のランディングページ。
こちらも問い合わせ獲得のためページ上部に問い合わせフォームを設置しており、中段には動画を埋め込むことでサービスの理解度促進を促している。

長い文章は読まれにくい傾向になりつつあるのでLPへの動画埋め込みは有効である。

モチコム

賃貸物件の仲介サイト、モチコム様のランディングページ。
物件の内容よりも仲介手数料の低コスト化に特化したサービスであるため物件の写真などは一切使用せずにイラストで低コスト感を徹底的に訴求するLPに仕上がっている。

自社の特徴を上手く利用したLPである。

学校のランディングページ例

ガチベン

富山工房にて制作をさせて頂いたオンライン大学予備校ガチベン様のランディングページ。
写真撮影が難しいため高画質の素材写真を上手く活用して爽やかなデザインを構築している。

見込み客の年齢層に合わせ、問い合わせ方法はメールではなくLINEで設定している。

トヨタ神戸自動車大学校

ショールームスタッフの基本接客などを学ぶトヨタ神戸自動車大学校様のランディングページ。

親近感を持ってもらえるように実際の受講者のお写真を多用してデザインを構築している。

また、LPには珍しく画面左にグローバルメニューを設置してページ内移動がいつでもできる設計になっているのも注目箇所だ。

パソコン教室いろは

こちらは富山工房にて制作させて頂いた、神奈川県内に2校展開しているパソコン教室いろは様のランディングページ。
高齢者の方たちをターゲットにしているため、柔らかいイラストを使用して設計している。

また、顧客層に合わせて文字サイズも一般的なLPより2サイズ大きめに設定している。

士業のランディングページ例

補助金申請の窓口

補助金の申請をサポートされている補助金申請の窓口様のランディングページ、こちらも富山工房へご依頼をいただき制作させて頂いたLPとなる。

法律関連のLPだがあえてイラストを使って柔らかいデザインで作成し、広告運用ではなんとコンバージョン率10%を記録している。

日本税理士紹介センター

税理士・会計士などを無料で紹介してくれる全国税理士紹介センター様のランディングページ。

笑顔の女性写真&アクセントカラーに緑色を使用することで士業サイト独特の堅苦しいイメージを脱却しているデザインだ。

伊藤豪事務所

こちらは司法書士法人伊藤豪事務所様のランディングページとなる。

士業サイトではテッパンである青&白色を基本ベースにして信頼性を強調。その上でユーザーのページ離脱率を下げるためにイラストを多用してサービス案内などを記載している。

美容・エステサロンのランディングページ例

MIRANAL

MIRANALナチュラルパック様のランディングページ。
LP内に動きのあるGIF画像を用いて肌の汚れの除去効果を訴求している。

また、見込み客の年齢層を考慮してLINEの問い合わせボタンを一番目立たせるように配置しているのも特徴だ。

レジーナクリニック

医療脱毛のレジーナクリニック様のランディングページ。
LP内に無料特典などを付けることで申し込みの心理的ハードルを下げている。

また、顧客の年齢層からスマートフォンに特化したデザインになっており、そうすることでLP制作費を大きく削減できるのもポイントだろう。

HAKU

こちらは美容液HAKU様のランディングページ。
メイン画像に広告塔の松雪泰子さんを掲載することで圧倒的なインパクトのあるLPへと仕上がっている。

また、ページ内から電話・LINEでの問い合わせの他に各SNSフォローも行えるよう設計しており、販売およびファン構築を目的としたLPとなっている。

採用求人のランディングページ例

ジョブホム

こちらは富山工房にて制作を担当させていただいた都内ナイトワークに特化した求人サービスJOBHOME様のランディングページ。

見込み客層が20代女性メインということで、漫画LPとして作成。文字は年々読まれない傾向にあるので、客層に合わせた漫画LPは非常に高い効果をあらわす。

iYell株式会社

住宅ローン等を取り扱うiYell株式会社様の採用特設ランディングページ。
社風が伝わるよう独特の明るいカラーバリエーションを使用しており、現社員へのインタビュー映像もLP内に埋め込みを行っている。

福利厚生条件よりもとにかく会社イメージが伝わるように設計されたLPである。

株式会社スリーウィン

ヘアカラー専門店を展開する株式会社スリーウィン様の採用特設ランディングページ。

福利厚生・研修内容などが判りやすいように情報を多めに掲載しているLPである。

スマホユーザーがアクションを起こしやすいようにフッターに固定でエントリ―ボタンが表示されているのも特徴だ。

通販ECのランディングページ例

昭和書体

こちらは富山工房にて制作を担当させていただいた昭和書体様のランディングページ。

毛筆フォントのダウンロード販売を行っており、数々のテレビ番組や漫画鬼滅の刃等のタイトルで利用されている。

商品内容に相応しいようにデザインの美しさに特化させたLPである。

第一三共ヘルスケア

こちらは第一三共ヘルスケア様の青汁販売特設ランディングページ。

購入の後押しとなる動くタイプのバナーボタンや質問用のチャットフォームを設けており、ページ内には多くの販売心理学テクニックを用いてデザイン設計されている。

オゾンマート

オゾンマート様のオゾン発生器特設ランディングページ。

単価7万円の高額商品をLPで売るのは非常にハードルが高い。しかしAmazonサイト内での購入リンクや高齢者の方がFAXでも注文できるように用紙DLボタンなど、様々な仕掛けが施してコンバージョン成果を上げている。

効果倍増!漫画LPのデザイン事例

また、近年コンバージョン獲得において高い効果を発揮しているのが漫画LPである。
WEBユーザーは長文の文字を読み飛ばす習性を持つため、漫画を使うことで読み飛ばされずにしっかりとサービス内容を伝えることができるのだ。

Man

LPなんて寝転がって流し読みしてるだろうしね

woman

そうそう、文字が読まれないのよ

その漫画LPの事例もいくつかご紹介したいが、取り扱っているWeb制作会社がとても少ないため、富山工房の制作事例を2サイトご紹介したいと思う。

昼職マッチ

求人サイト昼職マッチ様のセラピスト求人ランディングページ。

漫画LP内に「よくある質問」「利用者の声」など一般的なLPコンテンツもプラスすることで圧倒的なコンバージョン単価を広告運用で発揮している。

若い女性向けのサービスに漫画LPは特に有効だ。

ホームページ集客

こちらは富山工房自身が集客のために利用しているランディングページとなる。

伝える情報量が多いため、漫画LPを採用することで分かりやすくサービスのメリットを訴求可能にしている。

このように情報量の多くなりがちなサービスのLPでも漫画は有効活用しやすい。

ランディングページのデザイン例まとめサイト

また、この他にもランディングページのデザイン事例をまとめたサイトは数多くあるのでご紹介したいと思う。

LP ARCHIVE国内最大規模のLPデザインまとめサイト。3万以上のLPが登録されており、色・職業・イメージから絞り込み検索をすることができる。
ランディングページ集めましたこちらもLP ARCHIVEに次ぐLPまとめサイト。色・業種から検索をすることもできるので使い勝手が良い。
LPadvanceこちらはイメージ・業種・色・エフェクト効果などから細かく検索できるLPまとめサイト。掲載数は2000件と上記に劣るものの使い勝手は非常に良い。
LandBookLandBookは海外のLPまとめサイト。外国の方をターゲットとするLP制作をお考えの方には便利なサイトだろう。また、サイト内で一部デザインはそのまま購入することもできる嬉しい機能も備わっている。
SANKOU!SANKOU!は掲載数は少ないものの、業種・テイスト・配色などからLP検索のできる便利な事例まとめサイトである。

ランディングページ事例の活用法

ランディングページのデザイン事例は下記2点において活用することで、ランディングページ制作で失敗する確率は大幅に減少する。

  • 発注時に参考デザインとしてURL共有する
  • 構成を分析して取り入れる

ここからは少し専門的な話題になるので各々について簡単に解説したいと思う。

発注時の参考デザインとしてURL共有する

Web制作会社へランディングページを発注すると必ずヒアリングという作業が行われる。
デザイナーからランディングページの希望の色・イメージ・雰囲気などを質問されるのだが、そのまま答えても満足のできるデザインは100%完成しない。

何故なら人間の言葉の持つイメージは人それぞれ全く違うからだ。

言葉のイメ―ジ

そのためあなたの希望イメージを正確にデザイナーへ伝えるには、あなたが良いと感じたランディングページのURLを渡すのが好ましい。これ以上の正確なヒアリングは存在しない。

Man

そっくりでパクリみたいなLP作られない?

woman

そんなアホなデザイナーはいないでしょ、多分

構成を分析して取り入れる

また、ランディングページを自作する場合は同業他社のランディングページの下記5つの項目を分析してみよう。

キャッチフレーズサービスの質、価格の安さ、何を強調しているか、またそれはどのような表現方法なのか等
コンバージョン成果地点LP内で問い合わせ・資料請求・申し込みのどれに誘導しているか。また、問い合わせはLINE・メール・電話のどちらか
テキスト量どれくらいの文字数があるか。多すぎて読み疲れしないか、少なすぎて情報不足ではないか等
デザイン自社サービスに合っているか、顧客の年齢層に相応しい色合いか等
写真LP内のメイン写真は商品・スタッフ・広告塔(芸能人)のどちらか

上記を調べた上でランディングページを自作する際に取り入れることで効果は高くなる。

初心者向けLP作成ツール

ランディングページを外注した際の相場費用は20~30万円と言われており決して安い買い物ではない。
予算を掛けずに自作したいとお考えの方も多いと思うので、おすすめの作成ツールとしてペライチ・WIXの2つをご紹介したい。

Man

金ないなら自分で作れってか!?

woman

口が悪すぎるぞ

ペライチ

ペライチ
公式サイトhttps://peraichi.com/
月額料金0~7,678円
無料プラン内容1ページのみ作成可能。広告表示あり、フォーム等の機能は使用できない
操作解説ペライチの使い方を徹底解説

ペライチは初心者向けのホームページ作成ツールで、登録者数は30万人を超える。
ランディングページのように1ぺージだけのサイトであれば無料プランでも作成可能だ。

しかし問い合わせフォーム等の機能を使いたい場合は有料プランの加入が必須である。
上位プランになると予約フォームやメルマガ配信など様々な機能が利用可能になるため、本格的なWebマーケティングをはじめたい方にはおすすめのツールだ。

Wix

WIX
公式サイトhttps://ja.wix.com/
月額料金0~3,800円
無料プラン内容ページ数の制限なし。広告表示はあり、問い合わせフォーム等も利用可
操作解説Wixホームページの作り方

Wixはイスラエルで生まれたホームページ作成ツールであり世界中で2億人以上に利用されている。

無料プランであっても複数ページの作成や問い合わせフォームの設置も可能。
ランディングページを自作している方の半数以上はWixを利用していると考えて良いほどのメジャーな作成ツールである。

では次に、ランディングページを自作する際にコンバージョン成果を上げるためのポイントをいくつかご紹介したいと思う。

ランディングページ制作のポイント

ランディングページの効果を左右するポイントは下記3つになる。

  • ペルソナを徹底的にリサーチする
  • コンバージョン成果地点を設定する
  • ABテストで改善を繰り返す

それぞれについて詳しく見ていこう。

ペルソナを徹底的にリサーチする

ペルソナとは自社商品の典型的なユーザー像を指す。
また、ペルソナは年齢・年収・職業・ライフスタイル・悩みまでを徹底して考えることでランディングページの仕上がりは圧倒的に良くなる。

例えば、同じダイエット関連のサービスであってもペルソナには下記のような違いが生まれる。

スクロールできます
サービスペルソナLPの考慮点
エクササイズDVD産後太りで悩んでいる主婦(27)。幼い子供がいるためジム通いは難しく自宅でダイエットがしたい。世帯年収は平均前後で美意識が高い。女性の好む色調で作る。購入を慎重に検討されるので成功事例などは多めに掲載したい。期間限定の値下げキャンペーンなども効果的。
パーソナルジム35歳の独身男性。多少高額であっても効率よくマンツーマンで運動がしたい。年収は高く婚活もしている。効果重視でサービスを選ぶのでインストラクターの経歴を豊富に記載する。男性よりも女性インストラクターを前面に推し出す方が良い。価格勝負は効果が低い。
ランニングマシン30歳の独身女性。仕事が忙しくジムに行く暇もないが健康維持はしておきたい。年収は高くマシンの置ける広いマンションに住んでいる。時間帯関係なく簡単に問い合わせできるようにLINEで質問を受け付ける。自宅にいる時間もまばらなので配達の時間帯指定はできるように。
Man

飲むだけで痩せる嘘くさいドリンクのペルソナは?

woman

君みたいなヤツだろうな

如何だろうか。
類似サービスであってもペルソナは全く異なるのでしっかりとした事前のリサーチを行おう。

コンバージョン成果地点を設定する

ネット上に存在するランディングページの8割以上はコンバージョン成果地点を無料相談・購入のどちらかで設定している。

しかしその他にもコンバージョン成果地点にはざまざまな内容があり、その一例が以下のようになる。

メルマガ登録お役立ち情報をメルマガ配信した上でメール内で商品オファーを行う
簡易アンケートアンケート回答のためにLINE登録に誘導して後日商品オファーを行う
無料お試しお試し品を無料プレゼントした上で後日商品オファーを行う

もちろんアンケート回答やメルマガ登録されるだけでは売り上げは一切発生しないので不安に感じる方も多いと思う。

しかし富山工房にて脱毛関係商品をランディングページで行った際、「無料お試し」「購入」の2パターンのコンバージョン成果地点をABテストした結果が以下のようになる。

無料お試し購入
コンバージョン単価785円6,570円
成約単価5,495円6,570円

コンバージョン単価とは、LP内での成果を1件獲得するためのコストになる。一方、成約単価とは商品1つを販売するためのコストになる。

無料お試しでは785円でコンバージョンを獲得できているものの、もちろんこの時点で売り上げは一切ない。

しかし無料お試し利用者にLINEでの商品オファーを行ったところ、7人に1人の割合で実際の商品購入があり、最終的な成約単価はコンバージョン成果地点が購入の場合よりも圧倒的に良い数値となった。

ABテストを繰り返す

ABテストとは2通りのパターンを用意した上でどちらの方がより成果が高いのかを比較テストすることを指す。
上記で述べた「購入」「無料お試し」の比較もABテストの一環になる。

その他にも、下記3点をABテストするだけでもコンバージョン単価は大きく下げることができる。

ページ最上部のキャッチコピー価格・質・ブランド、何を前面に推しだすのか
ページ最上部のメイン画像女性写真・男性写真、また笑顔・困った顔のどちらが良いか
問い合わせ手段電話・メール・LINE・チャットのどちらが良いか

上記3つをABテストするだけでコミュニケーション単価は大きく改善できるはずだ。
初心者の方でも簡単に実施できるので是非試してほしい。

ランディングページまとめ

以上、ランディングページのデザイン事例から自作のポイントまでを解説させていただいた。

ランディングページにおいてデザインの美しさももちろん大切ではあるが、最も重要なのは合理性である。
ペルソナをしっかりとリサーチした上で、キャッチフレーズ・テキスト・ボタンをしっかりと作り込んでいけば、極論白紙の上に文章を書いただけのようなランディングページであっても商品を売る事は可能である。

富山工房でもランディングページ制作から広告運用までを承っているので是非お気軽にご相談頂きたい。

Man

お、最後に宣伝しやがったぞ

woman

最後くらい赦したれ

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次