Facebook 【Her Tech架空案件】ペットフードXバナー
Logo

【Her Tech架空案件】ペットフードXバナー

クレジット
Avatar
WEBデザイナー
【Her Tech架空案件】ペットフードXバナー-1
シェア
制作ノート
◆ 制作について

「大切な家族であるワンちゃんの健康を、毎日の食事から支えたい」 そんな飼い主の想いに寄り添うことを目的に制作しました。

新発売 × お試し半額という訴求を前面に出しつつも、 価格だけに寄らず、 安心感・やさしさ・親しみやすさ を感じられるトーンを意識しています。

ターゲット:

  • 犬を家族として大切にしている飼い主
  • フード選びに慎重で、品質や安全性を重視する層
  • 初回は「試してから判断したい」ユーザー

目的:

  • 新商品の認知
  • 初回購入の心理的ハードルを下げる
  • クリック(詳細確認)への誘導

◆ デザインについて

ビジュアルイメージ

  • ワンちゃんの表情が見える写真を配置し、感情的な共感を喚起
  • 商品パッケージ+フードのシズル感で、中身が想像できる構成
  • 足跡モチーフを散りばめ、やさしく親しみやすい世界観にしました
  • 健康に良さそう」「ワンちゃんが喜びそう」と 直感的に伝わるビジュアルを意識しました

カラー

  • グリーン系:健康・安心・自然素材のイメージ
  • ベージュ(背景):ナチュラルでやさしい印象
  • レッド(半額):視線を引くアクセントカラー
  • CTAボタンは明るいグリーン:安心感を保ったまま行動を促す

→全体はやさしい配色でまとめ、 価格訴求のみを強く見せる配色設計にしています。

タイポグラフィー

  • 見出し:丸みのあるゴシック系 → 親しみ・安心感
  • 説明文:可読性の高いフォント → 情報の理解しやすさ
  • 「半額」:大きく・太く → 視線誘導・訴求力

意識したポイント:

  • 固すぎない書体選びで、ペット商材らしいやさしさを表現
  • 文字サイズと太さの差で、情報の優先順位を明確に
  • 写真や装飾と干渉しないよう、可読性を重視した配置

→「安心感 × 分かりやすさ」 を軸にした設計です。

情報設計

ユーザーが迷わず行動できるよう、 情報は以下の順で整理しています。

1️⃣ 新発売・商品コンセプト

2️⃣ ワンちゃんの健康を支えるという価値

3️⃣ 初回限定・半額の訴求

4️⃣ 通常価格の明示

5️⃣ CTA(詳しく見る)

ユーザーが 「気になる → お得 → 詳しく見たい」 と自然に判断できる流れを意識しました。

◆ 最後に工夫したポイント

価格訴求が強くなりすぎないよう、全体はやさしいトーンでまとめ、安心感と親しみを保ったまま行動につながる構成を意識しました。

シェア