【HerTech架空案件】ペットフードのバナー

■コンセプト

「愛犬の健康を第一に考える飼い主様に向けた、”安心感”を伝える健康フード」

ロゴの色を基調にし、健康・やさしさが直感的に伝わる世界観を意識しました。

■優先順位・情報設計

１．健康応援フード

何の商品のバナーなのかを一目で伝えるため、最も大きく配置。

２．新発売！

新商品であることを明確にし、興味喚起を狙うために、「健康応援フード」の下に配置。

３．CTAボタン

LP誘導バナーの為、視線の流れの最後に配置。

４．補足情報

購買ハードルを下げる要素として、目立たせつつも主役よりは小さく配置。

また、CTAボタンの近くに配置させることで、「ちょっと見てみようかな」と思わせLPに誘導しやすくしています。

■デザインの工夫

１．ロゴの色としても使われているグリーン×オレンジを使用する事で、健康食品であるというイメージを想起させています。

２．足跡アイコンで”ペットらしさ”を強調。

３．犬の視線を中央に向けることで、自然な視線誘導を設計。

４．CTAは円形+明るいグリーンで視認性を向上。

５．価格訴求はバッジ風にし、広告感を強化。

また、要素が多くなりすぎないように「主役・脇役」を明確に分け、情報量を整理しました。

■前回（別の）のバナー制作での反省を生かした改善点

制作前に情報設計を行い、構成を整理した上でバナー制作に取り組みました。

前回はレイアウトから制作を始めたことで修正が多く発生したため、今回は制作前に情報設計を行い、優先順位と導線を整理した上でバナー制作に取り組みました。

その結果、構成の迷いが減り、修正回数の削減と制作時間の短縮を実現しました。目的から逆算して設計する事の重要性を実感した制作となりました。

↓バナー制作前に作った設計図