デザインの参考になるギャラリーサイト16選│自社にぴったりなLPの作り方も
CATEGORY
TAGS
目次
自社にぴったりなLPを作成する4つのコツ
LPとはランディングページのことです。最初にユーザーがアクセスするため、直訳すると着地ページという意味になります。サイトの顔となるLPは自社商品やサービスの特徴や利点が伝わりやすく、ユーザーの心をつかむデザインにするのが理想です。
自社にぴったりなLPを作成することで、ユーザーが欲しい情報を得やすくなります。ここではまず、LP作成のコツを紹介していきましょう。
1:カラーを参考にする
LPだけではなく、サイト全体で色味を統一すると読みやすくなります。自社のイメージカラーや商品のイメージカラーに合わせることが多いためメインカラーはすぐ決まりますが、補色は参考サイトから抜粋しましょう。
また登録ボタンや購入ボタンを反対色にすることで、ユーザーがタップしやすくなります。
2:イメージを参考にする
自社商品やサービスのイメージを伝えるのに効果的な画像は、ページの最初に掲載することが多いです。
ユーザーが記事を読むかどうかを決める重要なポイントですから、LPサンプルを掲載しているLP参考サイトから健全でイメージに合うものを選びましょう。
食品メーカーから食材のイメージ、アパレルブランドなら衣服のイメージ、住宅メーカーなら住居のイメージというように、内容に合致したものを選択してください。
3:自社と同業他社のLPを参考にする
自社のLPを改善したい場合、同業他社はどのようなLPにしているかを参考にしましょう。読みやすい記事の流れ、よりイメージを的確に伝えられるキャッチコピーなどを参考にできます。
また同業他社のLPを見ずに作成してしまうと、他の企業とまったく異なるものになってしまい、ユーザーに違和感を与えてしまいます。
4:キャッチコピーをヒントにする
キャッチコピーは、LPにおいて商品やサービスの特徴を簡潔に説明するものです。キャッチコピーは一から独自に考えると的確に言葉を選びにくいため、ギャラリーサイトや他社サイトを参考にしましょう。
LPを作成する作業の80%の時間と労力をキャッチコピーに費やすべきという風潮もあるため、本文を読ませることを目的として目立つ文章を考えてください。
【国内】参考にできるLPデザインまとめサイト11選
不動産、ファッション、化粧品、金融と業種を問わず、参考にできるLPデザインまとめサイトがあります。LP参考サイトにはさまざまなものがありますから、その中から特に使い勝手のいいサイトを知っておきましょう。
国内参考サイトの利点は、日本語表示で分かりやすいことです。LP作成依頼もしやすくなっています。
1:Dejam
「Dejam」は、LP・Webデザインの豊富なデザインデータベースを無料で公開している、参考事例サイトです。LPだけでなくWebサイトのデザインを画面ごとに閲覧することが可能できるのが大きな特徴です。
また有料版を用いると該当サイトの過去のデザインも見ることができるようになります。
2:LP幹事
ゲームやアニメ、芸能や音楽、不動産、ITなどさまざまな業種が使えるLPデザインの事例を閲覧できるサイトです。業界ごと、カラーごと、イメージごとに表示できるため、参考にしたい素材を探しやすくなっています。
「スタイリッシュ」や「ポップ」などイメージごとのタグ検索もできるため、イメージを検索しやすいです。国内の同じ業種で違う企業のサイトを参考にすることで、馴染みのあるデザインにできます。
親しみやすさは商品やサービスの購入に繋がりやすいため、積極的に取り入れましょう。
3:ランディングページ集めました。
「ライティングページ集めました」は画面左に医療や観光、車など業種ごとのカテゴリー一覧があり、参考ページの画面が右側に羅列されています。参考例をひとつひとつクリックしないでも見られるのが便利です。
全体的な雰囲気を見て気に入ったデザインを拡大して見られるため、好きなものを探しやすいのが特徴です。
4:縦長ページのデザイン 集めました
「縦長ページのデザイン集めました」は、画面右側にある金融や美容・ダイエットなどのカテゴリーの中からスマホでLPを表示した場合の参考デザインを表示します。スキンケアやコスメから、ビジネスや印刷サービスまで幅広い参考ページを閲覧できるサイトです。
ほとんどのユーザーがスマホで企業サイトを検索するため、自社サイトに訪問する多くのユーザーが閲覧するのと同じ状態のLPを確認できます。
5:イケてるランディングページデザインまとめ
「イケてるランディングページデザインまとめ」はナチュラル系、シンプル系、オーガニック系など、さまざまなイメージごとに参考ページを表示できます。ゲームやウエディングなど参考にしやすいものが揃っているのが特徴です。
女性が喜ぶ参考デザインが多いため、女性向けの商品やサービスを提供している企業におすすめです。
6:SANKOU!
「SANKOU!」はイメージ画像やLPページの参考デザインを集めたサイトです。シャンプーやラーメン屋、アウトドアといった店舗やブランド、メーカーなどのサイトに掲載されているLPデザインが見られるサイトです。
大企業だけではなく、中小企業の公式サイトや個人事業主が経営する店舗の公式サイトの実例も多く掲載されています。
7:Web Design Clip
「Web Design Clip」はウェブデザイン講座やアートプロジェクト、通信サービスなど幅広い業種のLPデザインを閲覧できます。スタイリッシュなものが多いですが、実用性の高いデザインもあるため、生活に根付いた商品やサービスのLPの参考になるのが特徴です。
生活に必要な便利なサービスを提供している企業や、自治体全体で取り組んでいる企画の公式サイトなど、デザイン性よりも実用性が優先となるサイトに向いている実例が集まっています。
8:MUUUUU.ORG
「MUUUUU.ORG」は飲食企業のLPや、金融サービス、歯科医院、自治体といった幅広いLPのデザインを参考にできます。商品やサービス、企業イメージを的確に伝えつつ、デザイン的にも優れているものが揃っているため、LPの参考にしやすいです。
9:LPアーカイブ
「LPアーカイブ」はサービスや保険、健康やサプリ、食品といった生活に根付いた商品・サービスを提供している企業のLPデザインを中心に掲載しています。
スマホで表示した場合の縦長デザインであるため、スマホからの検索に力を入れることを推奨しているGoogleの指針に合っているサイトです。
10:LP advance
「LP advance」もスマホで表示した場合のLPデザインを多く掲載しているサイトです。クリニックや銀行、ゲームアプリ、美容品など、幅広いデザインの参考デザインを表示しています。
11:LANDINGPAGE BOOKMARK
「LANDINGPAGE BOOKMARK」はエイジングケア商品や整腸サプリなど、健康に関する商品のLP参考デザインを表示しています。スマホで表示したときの画面が出てくるため、実際にサイトに掲載したときの印象が分かりやすいです
【海外】参考にできるLPデザインまとめサイト5選
海外のLPを参考にできるサイトも知っておくと、日本にはないデザインを取り入れたいと思ったときに便利です。ここからは、自社サイトに使える海外のLPデザインまとめサイトを紹介していきます。
日本にはないデザインを取り入れたいと思った時に、海外のサイトをひとつひとつ訪問して参考にするのは面倒です。海外サイトのデザインが多数揃っているまとめサイトを参考にしましょう。
1:CSSclip
「CSSclip」は、海外のシンプルでスタイリッシュなデザインを中心に紹介しています。LPをデザインする時に、余計なものを掲載したくない企業におすすめです。シンプルで分かりやすいデザイが多く、ユーザーに必要な情報が伝わりやすいです。
シンプルでスタイリッシュなデザインのサイトは業種に関わらず、似たようなものになってしまいます。海外のサイトを参考にするとシンプルながら他と違うデザインが可能です。
2:One Page Love
「One Page Love」は、さまざまな企業のインスピレーションを閲覧できるのが特徴です。都会的で洗練されたデザインから、シンプルで分かりやすいものまで掲載されているため、業種関係なく参考になります。
個性的なものも多く揃っているため、インパクトのあるLPを目指している場合にもおすすめです。ビビットカラーをバランスよく使ったデザインを取り入れることができます。
3:Awwwards
「Awwwards」はイタリアやスウェーデン、オランダなどヨーロッパを中心にしたLPデザインを掲載しています。インターネット上のデザインに困っているときに参考になるサイトです。
海外の参考デザインを閲覧できるサイトはアメリカのものが多いですが、「Awwwards」はヨーロッパのデザインを集めているサイトですから、他の参考サイトでは自社イメージに適さなかった場合に閲覧してみましょう。
4:OnePageMania
「OnePageMania」はグラフィックを使ったかわいいデザインから、モノクロのおしゃれなデザインまで、幅広い参考ページを掲載しています。アーティスティックなデザインのものが多いため、実用性の高い商品やサービスよりも、芸能や音楽に関するLPの参考におすすめです。
海外サイトのデザインはクール系が多いため、親しみやすさに欠けるという欠点があります。温かみのあるかわいらしいデザインであり、海外サイトで実際に使われているものなら、世界に向けて企業展開している場合でも使いやすいです。
5:Land-book
「Land-book」は下着メーカーやアクセサリーブランドから、ビジネスや文化遺産のためのサイトまで幅広い参考デザインを掲載しています。実例をたくさん見ることで商品やサービスに合ったデザインを選びやすくなるため、デザインの最適化が可能です。
日本のサイトでよく使われているデザインでは合わない場合や、海外に向けて商品・サービスを発信したい場合は海外サイトを参考にしましょう。
日本のサイトで参考にならないときには、このような海外サイトを訪問してみるとまた違ったデザインが見つかります。
まとめサイトを参考に自社のLPを作成しよう
今回は自社にぴったりなLPを作成するコツや、参考にできるLPサイトのご紹介をしましたが、いかがでしたでしょうか。
LP作成に興味のある方は、日本や海外のLPデザインを参考にして自社にぴったりなLP記事を作成してみてください。
LPやWebデザインを効率的に検索するには
たくさんのサイトを検索して参考になるデザインを探すのは時間がかかって大変です。
そこでおすすめなのが、LeanGoの提供する「Dejam」です。
https://leango.co.jp/dejam/
「Dejam」は、豊富なデザインデータベースを無料で公開している、LP・Webデザインの参考事例サイトです。
業種や画面名などでデザインを検索することができます。
デザインを検索したい方は活用してみましょう。
関連記事も読む
-
2023年08月30日投稿
LPはABテストで本当に改善する?成果の出る要素や手順、ツールを解説
続きを読む -
2023年08月21日投稿
ヒートマップとABテストのCVR最速改善テクニック3選|改善が停滞する落とし穴も紹介
続きを読む -
2023年08月18日投稿
離脱率を引き下げるためのABテスト実践法|離脱要因リストと対応策を解説
続きを読む -
2023年08月15日投稿
結果の出るABテストは仮説検証ができていた|成果の出る改善箇所の選び方
続きを読む -
2023年08月09日投稿
AB Tastyの料金や機能を他社と比較する|向き不向きなども解説
続きを読む