1. 全体コンセプトと共通要素
世界観: モード、スタイリッシュ、大人っぽさ、冬の上品な装い、女性らしさと高級感の融合。
共通の記載情報:
ブランド名: LUCIDA
メインコピー: 20XX WINTER NEW COLLECTION
リード文: 冬の気分を一層盛り上げる新作バッグが登場。モードな中にも女性らしさや高級感漂うバッグは、ON&OFFで活躍すること間違いなし!
商品ラインナップ(SELECT 1〜5):
SELECT 1: しなやかなレザー。どんな服装にも合う万能デザイン。[H20×W16.5×D9cm] ¥48,000
SELECT 2: リッチなスウェードを贅沢に使用したハンドバッグ。持つだけで格上げコーデに。[H23×W30×D10cm] ¥63,000
SELECT 3: クラシカルなデザインと小ぶりなサイズが今年らしいハンドバッグ。[H20×W25×D5cm] ¥36,000
SELECT 4: クールなデザインの中にもラインストーンの装飾が光るショルダーバッグ。[H25×W32×D16cm] ¥45,000
SELECT 5: 冬らしい羊毛のハンドバッグ。ウルフの刺繍がクールで個性的なデザイン。[H20×W30×D10cm] ¥39,000
2. 各パターンのレイアウトとデザイン分析
① 左メインビジュアル+右側5分割グリッド型(1枚目)
レイアウト:
画面の左半分にモデルのポートレート(SELECT 1のバッグを着用)を大きく配置し、右半分に残りの4つのバッグ(SELECT 2〜5)を縦に美しく並べた構成。
最下部に「20XX WINTER NEW COLLECTION」のタイトルとリード文を配置。
メインビジュアルの存在感を立てつつ、カタログのように全商品の詳細(サイズ・価格)を整理して一覧できるため、ECサイトの特設ページや雑誌のタイアップ広告として非常に機能的で優れたレイアウトです。
② 斜めカッティング・コラージュ風アシンメトリー型(2枚目)
レイアウト:
背景に大きなモデル写真を置きつつ、斜めのダイナミックなラインや複数の切り抜き写真(スウェードバッグなど)をコラージュ風に配置した、動きのあるデザイン。
従来のグリッド(格子状)にとらわれないアーティスティックな構成になっており、アパレルブランドの「攻めた」世界観や、視覚的な楽しさ・躍動感を演出したい場合に効果的なレイアウトです。
③ 上部タイトル集約・上下分割型(3枚目)
レイアウト:
画面の上部にブランド名と「NEW COLLECTION」の大きなタイトル、リード文をまとめて配置し、中段以降にモデル写真と各バッグを左右に振り分けてレイアウトした構成。
ファーストビューで一番伝えたい「新コレクションの告知」というメッセージが視界に飛び込んできやすいため、ユーザーの離脱を防ぎつつ商品をじっくり見せたいWebバナーに適した設計です。
④ 右上ブランド名・下部タイトル帯型(4枚目)
レイアウト:
右上にブランドロゴ「LUCIDA」を配置し、左側にモデル写真、上部にSELECT 2のバッグ、中央から下部にかけて残りのバッグとタイトル帯を配置した構成。
全体の視線の流れ(Z字またはF字の動線)を意識して各要素がパーツごとにブロック分けされており、情報量が多くてもすっきりと整理されて見える洗練されたレイアウトです。