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

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

#動画 LPデザインまとめ

映像の力を活かしたランディングページは短時間で意図や魅力を伝え、理解と行動を促します。本稿では制作の進め方と注意点、デザインのヒントを分かりやすくまとめます。

動画とは?

ランディングページ上の動画は視覚と聴覚を同時に使って情報を伝える表現手段です。商品やサービスの使い方、ブランドの世界観、イベントの紹介などを直感的に示せるため、ユーザーの理解促進や関心喚起に向きます。この分野の一般的な傾向としてサービスや保険、スキンケアや飲料、新卒採用、イベントやTV・映画・アニメ、デザインやアプリ系など幅広い業種で動画が活用されることが多く、シンプルな信頼系から爽やかでかわいい表現、にぎやかでエンタメ寄りの演出まで多様なテイストが見られます。

動画LPデザインの制作方法

まず目的とターゲットを明確にし、伝えたい主題を脚本化して絵コンテで画面構成を詰めます。ヒーローに置く短尺のイントロ、詳細説明用のデモやインタビュー、視線誘導のためのビジュアル階層を意識して役割を分けると構造が整理されます。モバイル優先の比率設計、サムネイルやポスターフレームの見せ方、字幕やトランスクリプトの用意などアクセシビリティも早期に組み込みます。動画ファイルは適切な圧縮とフォーマット選定、CDNや遅延読み込みを用いて表示負荷を抑えつつ画質を確保し、CTAのタイミングや重ねるグラフィックはブランドトーンと統一します。公開後は視聴データをもとにサムネイルや導線を改善していく運用も重要です。

動画LPデザインの注意事項

動画を組み込む際は表示速度やユーザー操作性、アクセシビリティに注意します。自動再生は音声の扱いに配慮し、初期で音声が流れない設計にするほかコントロールを明示します。ファイル容量が大きいと表示遅延や離脱につながるため最適化を徹底し、過度な点滅や高速な明滅は視覚障害のリスクを高めるので避けます。動画上の文字は背景とのコントラストを確保し、重要情報はテキストでも提供して検索性を担保します。素材の権利関係や出演者同意、ブラウザや端末ごとの挙動差への対応、代替画像やキャプションの用意も忘れないでください。

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

#FFFFFF
#0077CC
#222222

モチーフ:製品デモの手元クローズ

#F2FFF4
#27AE60
#0B3D2E

モチーフ:自然素材と水滴のクローズ

#FFF4F6
#FF3366
#111111

モチーフ:にぎやかイベントの告知

TVer採用サイトのLPデザイン(中途採用/ブルー系/信頼・安心系)PC版
DMM 生成AI CAMP 学び放題のLPデザイン(セミナー・資格取得/グリーン系/シンプル系)PC版
札幌デジタル&どうぶつ・医療・観光専門学校のLPデザイン(学校・塾・通信講座/ブルー系/爽やか系)PC版
チャーム・ケア・コーポレーション新卒採用のLPデザイン(新卒採用/グレー系/信頼・安心系)PC版

株式会社チャーム・ケア・コーポレーション様

Category:
新卒採用

5

縦型ショートドラマのLPデザイン(広告運用/レッド系/スタイリッシュ系)PC版
THE SOCK CODEのLPデザイン(メンズファッション/ブラック系/かっこいい系)PC版
SHISEIDO オイデルミン エッセンスローションのLPデザイン(スキンケア・ボディケア・ヘアケア/レッド系/キレイ系)PC版
忍者めしアイススラリーのLPデザイン(スナック・ガム・あめ・グミ/ブルー系/かっこいい系)PC版
ムビスケのLPデザイン(デザイン・アプリ・システム/ホワイト系/シンプル系)PC版
got2bのLPデザイン(スキンケア・ボディケア・ヘアケア/ブルー系/爽やか系)PC版
ウルトラ大作戦のLPデザイン(中途採用/グレー系/マンガ・イラスト系)PC版
We are PINK CATS.のLPデザイン(コスメ・化粧品・コンタクトレンズ/ピンク系/かわいい系)PC版
ピノポケモンデザインのLPデザイン(アイス/レッド系/にぎやか系)PC版
採用サイトのLPデザイン(中途採用/ブルー系/シンプル系)PC版
株式会社We(We Inc.)のLPデザイン(企業・会社・お店/ホワイト系/アート・芸術系)PC版
大広 新卒採用サイトのLPデザイン(新卒採用/イエロー系/シンプル系)PC版

株式会社 大広様

Category:
新卒採用

1

キリン 晴れと水のLPデザイン(飲料・お酒/ブルー系/シンプル系)PC版
KOIKEYA PRIDE POTATOのLPデザイン(スイーツ・スナック菓子/カラフル系/かっこいい系)PC版
チョコレート ケーキ トップ フラペチーノwith 抹茶ショットのLPデザイン(飲料・お酒/グリーン系/和風系)PC版
Toreta!のLPデザイン(飲料・お酒/グリーン系/ナチュラル系)PC版
無垢の学習机のLPデザイン(インテリア・家具・寝具/イエロー系/シンプル系)PC版
Collet(コレット)のLPデザイン(求人・採用関連/グレー系/シンプル系)PC版
ちふれのLPデザイン(美容・スキンケア・香水/ブルー系/かわいい系)PC版
SuperCub 1億台達成記念のLPデザイン(バイク車体・バイク用品/ホワイト系/かわいい系)PC版
憧れのコオリナエリアでウェディングのLPデザイン(サービス・保険・金融/ホワイト系/爽やか系)PC版
無垢の学習机のLPデザイン(インテリア・家具・寝具/イエロー系/シンプル系)PC版
ルミネ・ザ・バーゲンのLPデザイン(サービス・保険・金融/カラフル系/アート・芸術系)PC版
悪魔メシのLPデザイン(企業・会社・お店/ブラック系/かっこいい系)PC版
コーヒーをいれたからすこし話そうよ キャンペーンのLPデザイン(サービス・保険・金融/ベージュ系/にぎやか系)PC版
世界一うまみのある動画 ダイドーブレンドのLPデザイン(飲料・お酒/ブルー系/にぎやか系)PC版
イガイガイのうたTwitterプレゼントキャンペーンのLPデザイン(サービス・保険・金融/イエロー系/かわいい系)PC版
KOBAKO nails for FootのLPデザイン(美容・スキンケア・香水/ブルー系/シンプル系)PC版
乾きやすいあなたの肌へのLPデザイン(美容・スキンケア・香水/ホワイト系/キレイ系)PC版
BINGO5 ダンスコンテストのLPデザイン(サービス・保険・金融/ピンク系/にぎやか系)PC版
シャルロッテ いつでも散歩のLPデザイン(インターネットサービス/ブラウン系/かわいい系)PC版
特アクア・特プリウスのLPデザイン(車・バイク・自転車/ピンク系/かわいい系)PC版
BOONのLPデザイン(車・バイク・自転車/レッド系/かっこいい系)PC版
東京スカイツリーに行くなら!のLPデザイン(旅行・アウトドア/カラフル系/にぎやか系)PC版
UUUM採用サイトのLPデザイン(求人・採用関連/ブルー系/信頼・安心系)PC版
Honda Nシリーズ 車のLPデザイン(車・バイク・自転車/グレー系/シンプル系)PC版
朝食りんごヨーグルト発売20周年記念のLPデザイン(サービス・保険・金融/レッド系/かわいい系)PC版
ウェブフリのLPデザイン(デザイン・アプリ・システム/オレンジ系/かっこいい系)PC版
年商5億円以上の店舗サポート実績!楽天・ヤフーに特化した制作会社 トップページ、商品ページ、バナーなどの制作から反映までOK!

ヒント

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

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

次へ

ヒント

お気に入り登録が可能!

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