Facebook アパレルECサイトバナー
Logo

アパレルECサイトバナー

クレジット
Avatar
WEBデザイナー
アパレルECサイトバナー-1
シェア
制作ノート
制作について

【デザインについて】

ファッションブランドのセール告知バナーとして、透明感や上品さを重視したミニマルなデザインにしました。余白を活かし、モデル写真と大きな「Sale」文字を中心に配置することで、ブランドらしい洗練された印象を演出しています。

カラー

  • 白や淡いグレーをベースに使用し、清潔感・透明感・高級感を表現。
  • メインのブルーをアクセントに加え、爽やかで夏らしい雰囲気を演出。
  • ブランド名が赤系だったので、セール情報も同系色の差し色で、目立たせました。

タイポグラフィ

  • 「Sale」の大きなセリフ体フォントで、海外ファッション誌のような上品さを表現。
  • 縦組みの日本語コピーを配置し、デザイン性と視線の流れを強調。
  • 日付や補足情報は細めのフォントで整理し、全体の繊細な雰囲気を維持しました。

情報設計

  • 中央に大きく「Sale」を配置し、最初にキャンペーン内容が伝わる構成に。
  • モデル写真を背景に配置し、商品の世界観やブランドイメージを強調。
  • 期間・割引率・ブランド情報を周囲に整理し、必要な情報を自然に確認できるレイアウトにしました。

工夫したポイント3つ

  1. 余白を活かした高級感の演出  情報を詰め込みすぎず、余白を広く取ることでファッションブランドらしい洗練された印象にしました。
  2. 写真と文字の一体感を重視  モデルの雰囲気を損なわないよう、透明感のある色調と重なりを活用してビジュアル全体をまとめました。
  3. 視線誘導を意識した文字配置  大きな「Sale」→割引率→期間情報の順に目が流れるよう配置し、訴求内容が直感的に伝わる設計にしました。
シェア
Webデザイナー ゆきの他の作品
画像
作品を見る
京都旅行プラン紹介LP
画像
作品を見る
美容化粧品バナー
foriio

あなたのforiioを無料で作成

fori.io/
アパレルECサイトバナー-1
Webデザイナー ゆきの他の作品
画像
作品を見る
京都旅行プラン紹介LP
画像
作品を見る
美容化粧品バナー
foriio

あなたのforiioを無料で作成

fori.io/