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

1. ビジュアルイメージ

• アイキャッチ: 左側に配置された真っ白で清潔感のあるワンちゃんの表情が、ユーザーの目を引く強力なフックになっています。「目が合う」構図は信頼感を生みます。このバナーを一目見ただけで、これはドッグフードのバナーだということが伝わります。

2. カラー

• 背景をダークブラウンとしてベージュの商品を目立たせています。また商品のシンプルで健康的なイメージに合わせて、周りの雰囲気も統一しました。
• アクセントカラー: 「初回のみ半額」のバッジに鮮やかなオレンジを採用。落ち着いた背景の中で最も目立つ色を使うことで、特典情報を一瞬で脳に届け、クリック率を高める工夫をしました。

3. タイポグラフィ

• メインコピー: 明朝体を使用することで、「健康応援」「新発売」というメッセージに誠実さと上品さを持たせています。
• 価格・特典: 視認性が重要な数字や「半額」の文字には、太字を採用。重要なポイントは目立たせています。

4. 情報設計：視線を誘導する「Zの法則」

• レイアウト: 左上の「新発売の告知」から始まり、中央の「商品パッケージ」、右下の「価格」へと、ユーザーの視線が自然に流れるように配置されています。
• 情報の優先順位: 「何の商品か（フード）」→「いくらか（2,500円）」という順番で情報が整理されており、ストレスなく内容を理解できる設計です。

5. 工夫したポイント

• 打ち消し線の演出: 元値の5,000円に打ち消し線を入れ、矢印で2,500円に導くことで、安くなった事実を視覚的に強調しています。
• 肉球アイコンの遊び心: 右下の余白に肉球を配置することで、画面が硬くなりすぎるのを防ぎ、親しみやすさをプラスしています。