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

【デザインについて】

●ビジュアルイメージ

“かわいい家族の健康を守りたい”という愛犬家の気持ちに寄り添うため、 やさしく温かみのある世界観を軸にデザインしました。 犬の表情を大きく配置し、飼い主が「この子のために選びたい」と思えるような 感情的な訴求力を重視しています。 背景はナチュラルなベージュトーンでまとめ、 健康・安心・自然素材といったイメージを視覚的に伝えています。

●カラー

ベージュ〜ブラウンを基調に、自然由来のやさしさと安心感を表現。 アクセントとしてオレンジを使用し、 「新発売」「初回半額」といった重要情報に視線が集まるよう設計しました。

全体のトーンは“愛犬家向けの温かい世界観”に統一し、 信頼性と親しみやすさの両立を意識しています。

●タイポグラフィ

日本語フォントは視認性の高いゴシック体を中心に構成し、 “読みやすさ”と“安心感”を優先しました。 特に「新発売」「初回半額」などの訴求ワードは太めのウェイトを使用し、 メリハリのある情報設計を実現。 柔らかい背景とのコントラストで、 必要な情報がひと目で伝わるよう調整しています。

●情報設計

ユーザーが短時間でメリットを理解できるよう、 「新発売 → 健康応援フード → 初回半額 → 価格 → CTA」 の順に視線が流れる構成を採用しました。 犬の写真 → 商品 → 訴求 → ボタン という自然な流れを作り、 LP誘導とお試し購入の両方に対応できる導線を設計しています。 情報量が多くても読みやすいよう、 文字の階層（大・中・小）を明確に整理しました。

【工夫したポイント】

• 犬の“まっすぐ見つめる表情”を主役にし、 飼い主の感情に訴えかける構図にしたこと
• ナチュラルカラーで“健康・安心”の世界観を統一
• 「初回半額」の訴求を強調しつつ、押しつけ感が出ないよう余白を確保
• 購入ボタンはオレンジで視認性を高め、迷わずクリックできる導線に
• 情報過多にならないよう、必要な要素だけを厳選し、 余白を活かした上品なレイアウトに調整