Webデザイナーのための転職・副業・仕事情報

Webデザイナーが参考にしたLPデザインまとめ10選|2022年6月版

Webデザイナーが参考にしたLPデザインまとめ10選|2022年6月版

こんにちは!現役のWebデザイナーのずぼらなオッター(@Otter_zubora)です。

今回はLPデザインで実際の実務で参考にしたデザインをご紹介しようと思います。

デザインの良いと思ったポイントや参考にしたデザインのポイントなどもコメントで残しているので皆さんのご意見もコメントで教えてもらえれば嬉しいです。

にゃん助

デザインはインプットも大切ってよく言うよね!

ずぼらなオッター

そうだね!僕はデザインの時間と同じくらいインプットの時間は大切だと思ってるよ!だからより多くのデザインを見ることが大事!

この記事が役立つ人
  • LPデザインを作成中のWebデザイナー
  • Webデザイナーでデザインが行き詰まっている人
  • 参考にしたLPデザインを探している人
まずい?口コミは本当?BASE BREAD(ベースブレッド)を食べてみた正直な感想
まずい?口コミは本当?BASE BREAD(ベースブレッド)を食べてみた正直な感想最近コンビニのファミマで見かけることが多くなったBASE BREAD(ベースブレッド)をご存知ですか?BASE BREAD(ベースブレッド)はBASE FOODから販売されている完全食のパンで、忙しい現代人にはぴったりと言われているお手軽に栄養を補給できるパンです。今回はBASE BREAD(ベースブレッド)を購入して食べてみた感想をまとめました。...

※デザインは2022年6月時点のものなので現在のリリースされているLPデザインとは異なる場合がございます。

Webデザイナーが参考にしたLPデザイン

今回様々なジャンルのLPデザインからこれは参考になった!というデザインをまとめています。

それぞれ真似したい!と思うポイントも合わせて見てもらえたら嬉しいです。

ずぼらなオッター

今回は今ほとんどのLPがスマホからのアクセスがほとんどなので、スマホでのデザインを基本ピックアップしています!

美容系のシャンプーLPデザイン

全体のLPデザインはこちら(Pinterest)から

美容系LPは呼び飛ばしてさらっとスクロールするユーザーが多いことと、女性がメインなのできれいめでテンション高めなものが良いです。

このアミノリッチというヘアシャンプーのLPデザインはナチュラルな雰囲気だけど、静かすぎないデザインでさらっと読んだだけでもある程度内容が入ってくるのが良いですね。

また、成分や効果については図やグラフなどをダイナミックにスマホでは1画面を占領するくらいに使っています。

そのため流し読みしてもある程度印象を強く与えてくれるように感じました。

参考ポイント
  • ファーストビューで伝えたい3つのポイントが見える
  • 自然な雰囲気で優しい雰囲気が伝わる
  • 写真やグラフ、図をダイナミックに使うことで読み飛ばしても楽しく読める
  • 一方で根拠の説明などは丁寧に表現されていて下品さがないデザイン

女性がターゲットになっている健康食品のLPデザイン

全体のLPデザインはこちら(Pinterest)から

ファーストビューに女性を起用していることから女性がターゲットであることがデザインでわかります。

おそらく働く若い女性20代〜40代くらいをターゲットにしている健康食品系LPデザインです。

このLPデザインが良いと思ったのは構成で、ファーストビューの下にすぐチェックできるポイントがあって、共感をぐっと掴みに行ってるところです。

あ〜、あるある!そういう共感をすぐに掴むところが参考になると思ったポイントです。

参考ポイント
  • ファーストビューでターゲット層をはっきりと出している
  • ファーストビュー下にある共感ポイントがチェックマークになっていて良い
  • ファーストビューにポイントが3つぎゅっと詰まってる
  • 健康志向、自然思考な人に刺さるようにボタニカルなデザインになっている

健康食品で60代以上をターゲットにしたLPデザイン

全体のLPデザインはこちら(Pinterest)から

これぞ王道のLPという完璧な構成で作られたLPです。

Webデザイナーの教科書に載っていても良いのでは?と思うくらい構成は参考になるLPデザインでした。

情報量はかなり多く、テキスト量もすごく多いんです。

ですが、このLPデザインのターゲット層が60代以上なので、ゆっくりじっくりと読み込む人が多い想定で作られたんだと思います。

なので新聞広告やチラシ同様にガッツリ文章を入れているのが逆に効果がありそうです。

参考ポイント
  • ファーストビューでターゲット層をはっきりと出している
  • ターゲット層が60代以上なので読み物系LPになっている
  • ファーストビューで30日間返金可能を大きくデザインすることでまず不安を解消する狙いがある
  • 「今がはじめどき」「キャンペーン」「お得にはじめる」など色々な言い回しのテキストがすごく良い
  • ペインポイントではしっかりと不安を煽っていて、ここまで読むと正直引き込まれるコンテンツの強さ

男性向けAGAクリニックのLPデザイン

全体のLPデザインはこちら(Pinterest)から

男性向けのAGAクリニックのLPデザインです。

ファーストビューでハードルを下げているのと、若い人でもやってるよ!というのをアピールするために比較的若いさわやかな男性を使っているところが良いと思いました。

相談が無料で月額1,700円からはじめられるというのがはっきりとわかるので、「高そう」という不安をここで取り除こうという意図が感じられました。

白が多いデザインで清潔感、スタイリッシュさ、さわやかさがあって男性受けも良さそうです。

参考ポイント
  • ファーストビューで不安要素をなるべく減らしてハードルを下げている
  • 白が多いデザインで清潔感を出している
  • ファーストビューに大事なポイントが3つデザインされている
  • 電話だけじゃなく悩みを相談しやすいようにLINEでも受け付けていることがアピールできている
  • 悩みに対し、解決することが目的の商材なので悩みコンテンツから解決のコンテンツが厚くて信頼できる構成

男性向けスキンケアのLPデザイン

全体のLPデザインはこちら(Pinterest)から

黒を貴重とした男性向けの化粧品LPです。

権威付けと強いオファー、数多くのコピーがファーストビューにギュギュっと1枚になっているのがすごい!と思いました。

正直、ここまでファーストビューに入れてほしいと要望があったらかなり大変…と僕なら思いますね。

コンバージョンボタンも緑になっていて良いです。緑は一般的に押されやすいとされているボタンの色です。

参考ポイント
  • ここまで情報量の多いファーストビューをきれいにまとめてるのがすごい!
  • 注文のコンバージョンボタンだけひときわ目立ってて誘導がうまい
  • 権威付けの見せ方がうまくて、知らない商品でもなんとなく良い商品なのかな?とパッと見で感じるLPデザイン
  • ターゲット層にあたる男性像がファーストビューにはっきり写ってて良い

宅食サービスのLPデザイン

全体のLPデザインはこちら(公式サイト)から

最近広告にもかなり積極的に投資しているナッシュのLPデザインです。インパクトのあるダンディー坂野さんを起用したデザインです。

元々、結構女性向けに広告を打っているイメージでしたが、最近ではバリバリ働く男性ターゲットにしているように感じます。

ビタミンカラーを多く使って健康的な印象、元気な印象を受けます。

参考ポイント
  • ただの宅食ではなく健康的な印象をLPから伝えられている
  • ファーストビューのダイナミックなデザインに惹きつけられる
  • ほかのLPではあんまりみない黄色を全面につかったデザインで印象に残る
  • デザインのメリハリがスッキリしてて情報量がきれいにまとまっている

子ども向け英会話サービスのLPデザイン

全体のLPデザインはこちら(公式サイト)から

子ども向け、育児系のLPデザインってしっかり読ませる情報量が必要なので、結構難しいです。

ワールドワイドキッズではファーストビューを全面に無料プレゼントの内容に振り切っているところが良いですね。

とにかく無料で、とりあえず申し込んでもらう、CVしてもらうことが最大の目的というのがわかるLPです。

資料請求をしてほしい、とにかくメールアドレスなどの登録をしてほしいときはこのLPの構成を参考にデザインすると良さそうだと思いました!

参考ポイント
  • にぎやかなカラーリングで見てて楽しくなる
  • 1回みただけで子ども向けサービスというのがわかる
  • ファーストビューに情報量がかなり多い中、権威付けやボタンがしっかり配置されている
  • ファーストビューに無料プレゼントが一面にあるためなにができるサイトかわかりやすい

スタイリッシュな雰囲気のLPデザイン

全体のLPデザインはこちら(公式サイト)から

DR.VAPE Model2 Smart-Ship STARTER KITのLPデザインです。

LPの王道の構成でいて、うるさいデザインではなくしっとりと落ち着いたスタイリッシュなデザインだと思いました。

ファーストビューにはちゃんと権威付けがあって惹きつけられますし、この商品のポイントがまとまっていて良い。

肝心なCTAボタンには永久に保証がついていること、お得だということ、オファーがあることという背中を押すデザインになっています。

購入ハードルをかなり下げていてとても効果的だと思い、参考にしました。

参考ポイント
  • スタイリッシュできれいめなデザイン
  • 構成がとても参考になるLPの王道パターン
  • CTA、ボタン周りの文言や見せ方がとても参考になるLP

おしゃれな雰囲気があるイラストベースの診断系LPデザイン

全体のLPデザインはこちら(LPデザイン)から

診断系LPは訪問者に行動を起こさせることで自分ごとと捉えてもらい、CVに繋げやすいLPです。

僕も診断系LPを作ることがあるんですが、このLPはかなりきれいめで女性をターゲットにしたLPデザインでとても参考になりました。

私のパーソナルカラーってなんだろう?と引き込まれるLPデザインです。

参考ポイント
  • イラストをファーストビューで全面に使う贅沢なLPデザイン
  • 診断系LPはLPに訪問した人に行動を起こしてもらいやすいデザイン
  • ターゲット層がはっきりとわかるデザインでとても良い

サプリメントのLPデザイン

全体のLPデザインはこちら(LPデザイン)から

店頭に並ぶサプリメントのLPなので、CTAボタンはとくに大きく設置されてないLPです。

基本的に商品紹介LPとなっているため、目的は商品に魅力を感じてもらうこと?でしょうか。

結構、長いLPなんですがデザインがメリハリがあってグラフや図を使っているため流し読みして内容がすっと入ってくるデザインになっていました。

参考ポイント
  • あまりない紫ベースのLPデザイン
  • 商品紹介するだけのLPデザインの参考になる
  • 商品の詳しい説明がLPを流し読みしても伝わるような構成になっている

最後に

LPのデザインってたくさん見れば見るほど勉強になるので、僕は休憩時間たくさんのLPを見ています。

色々なLPデザインを見てるとわかるんですが、各社すごいペースで更新しているんですよね。

どんどんLP改善をしてABテストをして分析して、改善していってるんでしょうね。

僕も参考になるLPデザインをたくさんみてもっと良いLPデザインを作ろうと思います!

皆さんのおすすめのLPデザインがあればコメント欄で教えてください!

ずぼらなオッター

それでは!ずぼらなオッターでした!よかったらTwitterのフォロー(@Otter_zubora)お願いします!

もうLPデザインで迷わない!LPの基礎から成果をあげる実践方法までわかる本を見つけました!こんにちは!現役のWebデザイナーのずぼらなオッター(@Otter_zubora)です。みなさんはLP(ランディングページ)のデザインで成果がでなくて悩んだ経験はありませんか?僕は正直何度も悩んだことがあります!そのため「LPデザインで成果がでない!」と悩むたびに、色々なセミナーやツール、本でLP(ランディングページ)の勉強をしてきました。その結果、LPで成果をあげれるようになってクライアントさんにも喜んでもらえるようになりました。デザインと同じようにLPO(ランディングページの最適化)も、知識や引き出しを増やしていくことで色々な改善ができると痛感しました。そんな僕が最近「もっと早く読めばよかった!」という素敵な本に出会ったので今回はその本についてご紹介します。...
ずぼらなオッターのつぶやき
お問い合わせ

    必須 お名前

    必須 メールアドレス

    任意 題名

    任意 メッセージ本文

    COMMENT

    メールアドレスが公開されることはありません。

    CAPTCHA