株式会社アワード

デジタルマーケティング・コンテンツマーケティングのご相談はアワードへ

LP Studio｜デザイン見本一覧

56種類のデザインから、御社に合う構成とモーションをご覧ください。各案は4ページセットで、ヒーローとオープニングの演出も個別設定しています。固定ページを作成していなくても確認できます。

STANDARD 26｜デザインパターン026

フルスクリーン・フォト

STANDARD｜読みやすさ・信頼感重視

社名のオープニングから全面写真へ。本文がせり上がり、写真バナーと会社概要へつなぐ。

MOTION 01｜デザインパターン001

フォト・ミニマル

OPENING FADE + HERO SLIDER + BLUR UP

左寄せ・余白。全面写真を中心にした構成。｜OPENING FADE + HERO SLIDER + BLUR UP｜アーカイブイラスト対応

MOTION 02｜デザインパターン002

シネマティック

OPENING FADE + ROTATE IN + MEDIA SHIFT

映画のような奥行き。全面写真を中心にした構成。｜OPENING FADE + ROTATE IN + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 03｜デザインパターン003

エディトリアル

OPENING VERTICAL + FADE LEFT + SCREEN SHIFT

明朝・下揃え。全面写真を中心にした構成。｜OPENING VERTICAL + FADE LEFT + SCREEN SHIFT｜アーカイブイラスト対応

MOTION 04｜デザインパターン004

ライト・プレート

OPENING HORIZONTAL + ZOOM + LIFT UP

白い情報プレート。全面写真を中心にした構成。｜OPENING HORIZONTAL + ZOOM + LIFT UP｜アーカイブイラスト対応

MOTION 05｜デザインパターン005

タイポグラフィ

OPENING HORIZONTAL + CLIP UP + LIFT UP

文字と余白。写真を使わない構成。｜OPENING HORIZONTAL + CLIP UP + LIFT UP｜アーカイブイラスト対応

MOTION 06｜デザインパターン006

レイヤード

OPENING VERTICAL + FADE RIGHT + SCREEN SHIFT

重なる右パネル。全面写真を中心にした構成。｜OPENING VERTICAL + FADE RIGHT + SCREEN SHIFT｜アーカイブイラスト対応

MOTION 07｜デザインパターン007

ダイアゴナル

OPENING FADE + BLUR UP + LIFT UP

斜めの光と写真。全面写真を中心にした構成。｜OPENING FADE + BLUR UP + LIFT UP｜アーカイブイラスト対応

MOTION 08｜デザインパターン008

ソフト・オーガニック

OPENING HORIZONTAL + ZOOM + MEDIA SHIFT

丸い写真と曲線。余白と一枚の写真を中心にした構成。｜OPENING HORIZONTAL + ZOOM + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 09｜デザインパターン009

ペーパー・フレーム

OPENING FADE + CLIP UP + LIFT UP

紙の枠と写真。全面写真を中心にした構成。｜OPENING FADE + CLIP UP + LIFT UP｜アーカイブイラスト対応

MOTION 10｜デザインパターン010

ナイト・ギャラリー

OPENING FADE + ROTATE IN + MEDIA SHIFT

夜の写真と細い罫線。全面写真を中心にした構成。｜OPENING FADE + ROTATE IN + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 11｜デザインパターン011

グラデーション

OPENING VERTICAL + FADE UP + LIFT UP

光と中央の見出し。全面写真を中心にした構成。｜OPENING VERTICAL + FADE UP + LIFT UP｜アーカイブイラスト対応

MOTION 12｜デザインパターン012

テクニカル・グリッド

OPENING VERTICAL + FADE LEFT + SCREEN SHIFT

格子と情報パネル。全面写真を中心にした構成。｜OPENING VERTICAL + FADE LEFT + SCREEN SHIFT｜アーカイブイラスト対応

MOTION 13｜デザインパターン013

サイド・アクセント

OPENING HORIZONTAL + CLIP UP + LIFT UP

縦ラベルと写真。全面写真を中心にした構成。｜OPENING HORIZONTAL + CLIP UP + LIFT UP｜アーカイブイラスト対応

MOTION 14｜デザインパターン014

フォト・ストリップ

OPENING FADE + ZOOM + MEDIA SHIFT

上下にずれる写真帯。全面写真を中心にした構成。｜OPENING FADE + ZOOM + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 15｜デザインパターン015

ワイド・ストーリー

OPENING FADE + BLUR UP + MEDIA SHIFT

ワイド・ストーリー。全面写真を中心にした構成。｜OPENING FADE + BLUR UP + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 16｜デザインパターン016

ボールド・ポスター

OPENING VERTICAL + ROTATE IN + SCREEN SHIFT

大きな文字と色面。全面写真を中心にした構成。｜OPENING VERTICAL + ROTATE IN + SCREEN SHIFT｜アーカイブイラスト対応

MOTION 17｜デザインパターン017

センター・ステージ

OPENING FADE + ZOOM + LIFT UP

中央の一枚写真。余白と一枚の写真を中心にした構成。｜OPENING FADE + ZOOM + LIFT UP｜アーカイブイラスト対応

MOTION 18｜デザインパターン018

ウェーブ・ストーリー

OPENING HORIZONTAL + FADE RIGHT + LIFT UP

曲線と明朝の見出し。全面写真を中心にした構成。｜OPENING HORIZONTAL + FADE RIGHT + LIFT UP｜アーカイブイラスト対応

MOTION 19｜デザインパターン019

アウトライン

OPENING VERTICAL + CLIP UP + SCREEN SHIFT

アウトラインと写真。全面写真を中心にした構成。｜OPENING VERTICAL + CLIP UP + SCREEN SHIFT｜アーカイブイラスト対応

MOTION 20｜デザインパターン020

エアリー・インセット

OPENING FADE + BLUR UP + MEDIA SHIFT

余白に収めた写真。余白と一枚の写真を中心にした構成。｜OPENING FADE + BLUR UP + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 21｜デザインパターン021

フォト・シーケンス

OPENING HORIZONTAL + ZOOM + MEDIA SHIFT

写真を全面に使い、左右交互の文章で事業を紹介。｜OPENING HORIZONTAL + ZOOM + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 22｜デザインパターン022

ラウンド・パネル

OPENING FADE + CLIP UP + LIFT UP

曲線の背景と丸いパネル、横に巡る写真カード。｜OPENING FADE + CLIP UP + LIFT UP｜アーカイブイラスト対応

MOTION 23｜デザインパターン023

アングル・グリッド

OPENING VERTICAL + FADE LEFT + SCREEN SHIFT

斜めの境界と大小の写真カードでリズムをつくる。｜OPENING VERTICAL + FADE LEFT + SCREEN SHIFT｜アーカイブイラスト対応

MOTION 24｜デザインパターン024

オフセット・エディトリアル

OPENING FADE + ROTATE IN + MEDIA SHIFT

写真と文章を重ね、数字と幾何学でアクセント。｜OPENING FADE + ROTATE IN + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 25｜デザインパターン025

プロセス・メトリクス

OPENING HORIZONTAL + BLUR UP + LIFT UP

強み・数字・工程を整理して見せる構成。｜OPENING HORIZONTAL + BLUR UP + LIFT UP｜アーカイブイラスト対応

MOTION 26｜デザインパターン026

フルスクリーン・フォト

OPENING FADE + ZOOM + MEDIA SHIFT

社名のオープニングから全面写真へ。本文がせり上がり、写真バナーと会社概要へつなぐ。｜OPENING FADE + ZOOM + MEDIA SHIFT｜アーカイブイラスト対応

MOTION 27｜デザインパターン027

クアッド・パネル

OPENING HORIZONTAL + QUAD GRID + LIFT UP

4分割カードを主役にしたパターン。左右で大小差を付けず、4面を均等に見せるモダンな構成です。｜アーカイブイラスト対応

MOTION 28｜デザインパターン028

クアッド・ウィンドウ

OPENING FADE + FOUR WINDOW + MEDIA SHIFT

4面の窓のように情報を整理するパターン。ヒーローからカードへテンポ良くつながります。｜アーカイブイラスト対応

MOTION 29｜デザインパターン029

シックス・フロー

OPENING VERTICAL + SIX FLOW + LIFT UP

6分割のカードを並べ、上下にリズムよく見せるパターン。情報量が多いサービス紹介向けです。｜アーカイブイラスト対応

MOTION 30｜デザインパターン030

シックス・バーティカル

OPENING FADE + SIX VERTICAL + SCREEN SHIFT

6つの縦型カードを上下に流れるように見せるパターン。ストーリーや工程紹介に向いています。｜アーカイブイラスト対応

※カードをクリックすると各パターンのライブ見本が開きます。4分割・6分割の新パターンも追加しました。

ホームページ制作を相談する

>事例コンテンツを編集×AIで作成

事例コンテンツを編集×AIで作成

「いい製品なのに、良さが伝わらない……」「営業マンによって成約率にバラつきがある……」「求人コンテンツが説明的すぎる」そんな課題を解決するのが、株式会社アワードの「事例コンテンツ制作サービス」です。お客様が本当に知りたいのは、スペックではなく「どう変わったか」というリアルな物語。 私たちは、10年以上の経験を持つプロのコピーライター集団として、貴社が選ばれた理由を、AIとの協業で説得力のあるストーリーへとして執筆します。事例ひとつで、ターゲットへの障壁は劇的に下がります。 貴社のファンを増やすための「戦略的な一歩」を、アワードの戦略シナリオ室がサポートいたします。

事例コンテンツの問い合わせ
CTR IMG