LP(ランディングページ)デザイン参考一覧

業種・テイスト別のLP(ランディングページ)デザイン実例を毎日更新
  • PCデザイン
  • SPデザイン
登録数
No.1
PCデザイン総登録数
46,413
※弊社実績数ではありません
登録数
No.1
SPデザイン総登録数
38,881
※弊社実績数ではありません
カラーから探す
カテゴリーから探す
カラーから探す
カテゴリーから探す
MENU
LP+

#Z世代 LPデザインまとめ

Z世代を意識したLPは、視覚的な第一印象とモバイルでの操作性が重視されます。共感や透明性を打ち出しつつ、短い滞在時間で行動につなげる設計が鍵になります。

Z世代とは?

Z世代とは、デジタルネイティブとして成長し、情報取得やコミュニケーションにSNSや短尺動画を多用する傾向がある世代を指します。ビジュアルやストーリー性に敏感で、ブランドの透明性、社会的価値、個人への配慮を重要視します。レビューやユーザー生成コンテンツに信頼を置きやすく、モバイルでの快適な体験や即時性のある応答を重視するため、LPは視覚的に訴えかけつつも操作を迷わせない設計が求められます。

Z世代LPデザインの制作方法

制作ではまずモバイルファーストの視点を優先し、ヒーローでの視覚的フックと明快な見出しで関心を引くことが重要です。コピーは簡潔にし、共感を呼ぶストーリーテリングやユーザー生成の声を目立たせます。インタラクションは小さな動きで注意を誘導し、入力は最小限に抑えて障壁を減らします。配色やテイストは、ブルーやホワイトの清潔感、カラフルやピンクの親しみやすさなどの傾向を踏まえつつブランドに合わせて調整してください。読み込み速度、フォントの可読性、アクセシビリティも制作段階で確保しましょう。

Z世代LPデザインの注意事項

注意点としては、見た目の流行だけを追いすぎてブランドの一貫性を損なわないこと、誇張表現や過度な煽りを避けることが挙げられます。個人情報の扱いやターゲティングは丁寧に説明し、透明性を保つことが信頼につながります。過剰なアニメーションや重いメディアは読み込みや操作性を低下させるため控えめにし、色やコントラストは可読性とアクセシビリティを優先してください。また多様な価値観に配慮した表現を心がけ、肖像や言葉選びで一部のユーザーを排除するような印象を与えないことが重要です。

<ベースカラー>
<アクセントカラー>
<テキストカラー>

#2F80ED
#FFFFFF
#0B2340

モチーフ:デジタルな青空とクラウド

#FFD166
#FF5DA2
#061826

モチーフ:カラフルな手描きストライプ

#FFB703
#2EC4B6
#012A36

モチーフ:柑橘の断面と水滴

縦型ショートドラマのLPデザイン(広告運用/レッド系/スタイリッシュ系)PC版
ちゅらデータ 新卒採用のLPデザイン(新卒採用/ブルー系/かっこいい系)PC版

ちゅらデータ株式会社様

Category:
新卒採用

1

超推し活展のLPデザイン(イベント・キャンペーン・体験/ブルー系/マンガ・イラスト系)PC版
ONE CAREER PLUSのLPデザイン(デザイン・アプリ・システム/ブルー系/スタイリッシュ系)PC版
粥粥好日のLPデザイン(米・雑穀・シリアル/グリーン系/かわいい系)PC版
新卒向け動画就活アプリReeluのLPデザイン(デザイン・アプリ・システム/ブルー系/シンプル系)PC版
LAVIE SOLのLPデザイン(パソコン・周辺機器/ブルー系/スタイリッシュ系)PC版
Z世代の毛穴対策マスクのLPデザイン(スキンケア・ボディケア・ヘアケア/イエロー系/かわいい系)PC版
タグソバーのLPデザイン(水・ソフトドリンク/イエロー系/かっこいい系)PC版
The Label Fruit(ラベルフルーツ)-食べるフルーツオレ専門店.pngのLPデザイン(企業・会社・お店/カラフル系/かわいい系)PC版
恋愛ドラマで学ぶカラコンの正しい楽しみ方のLPデザイン(コスメ・化粧品・コンタクトレンズ/ピンク系/かわいい系)PC版
アナログなのに、おもいっきり未来。のLPデザイン(企業・会社・お店/カラフル系/かわいい系)PC版
Mii+のLPデザイン(スキンケア・ボディケア・ヘアケア/ピンク系/かわいい系)PC版
OH MY BUBBLEのLPデザイン(スキンケア・ボディケア・ヘアケア/ピンク系/かわいい系)PC版
春はアゲぽよのLPデザイン(企業・会社・お店/ピンク系/かわいい系)PC版

株式会社NTTドコモ様

Category:
企業・会社・お店

2

plug+のLPデザイン(音楽・フェス・ライブ/ブルー系/かわいい系)PC版
ネイチャーリパブリック×チェゴシムのLPデザイン(スキンケア・ボディケア・ヘアケア/イエロー系/マンガ・イラスト系)PC版
Schick FIRST TOKYOのLPデザイン(スキンケア・ボディケア・ヘアケア/ブルー系/信頼・安心系)PC版
飯スマホやめ~い!ステッカープロジェクトのLPデザイン(イベント・キャンペーン・ギフト/レッド系/かわいい系)PC版
コスメを買うなら三井住友カード!のLPデザイン(イベント・キャンペーン・体験/パープル系/かわいい系)PC版
ヒャクトーク|10代からのマイナビのLPデザイン(中途採用/カラフル系/スタイリッシュ系)PC版

株式会社マイナビ様

Category:
中途採用

0

ぱぐおじZのLPデザイン(企業・会社・お店/イエロー系/にぎやか系)PC版
採用ページのLPデザイン(新卒採用/カラフル系/シンプル系)PC版
うぇいだけが青春ですか?のLPデザイン(イベント・キャンペーン・ギフト/グレー系/シンプル系)PC版
Earth hacksのLPデザイン(企業・会社・お店/ホワイト系/かわいい系)PC版
DARS CHOCOLATE MUSIC LABELのLPデザイン(イベント・キャンペーン・体験/ホワイト系/シンプル系)PC版
年商5億円以上の店舗サポート実績!楽天・ヤフーに特化した制作会社 トップページ、商品ページ、バナーなどの制作から反映までOK!

ヒント

キャッチコピーを一覧確認

現在表示されているデザイン一覧のランディングページで使われているメインのキャッチコピーを一覧で確認する事ができ、キャッチコピー作成時の参考としてご利用頂けます。

次へ

ヒント

お気に入り登録が可能!

このサイトのランディングページデザインをフォルダ毎に分けて自分が参考になるデザインだけを集めて利用する事ができます。