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

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

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

[デザインについて]

●ビジュアルイメージ

X広告の横長フォーマットを活かし、視線の流れと訴求ポイントが一目で伝わる構成を意識しました。右側に情報を集約し、左側には商品とワンちゃんのビジュアルを大きく配置することで、「何の広告か」が瞬時に理解できるようにしています。特にキャッチコピーの「ワンちゃんの健康応援フード新発売!」は、視認性を高めるために余白とサイズ感を調整し、最初に目に入る位置へ。

●カラー

健康管理に特化したフードという特徴から、派手さよりも安心感を重視した落ち着いたトーンを採用。商品と情報が埋もれないようメリハリをつけました。

●タイポグラフィー

キャッチコピーは丸ゴシック系をベースに設定。商品内容はNoto Sans JP を採用し、情報が一目で入る読みやすさを重視しました。 丸ゴシック体の柔らかさから、より視認性の高いサンセリフ体へ切り替え、 キャッチコピー・説明文・価格情報を統一感のあるトーンで整理。 シンプルな構成でも迷わず読めるよう、文字の強弱と余白で導線を作っています。

●情報設計

依頼のあった「ワンちゃんの画像」を誰もが認識しやすい犬種で配置し、親しみやすさを演出。価格は「半額」が直感的に伝わるよう強調し、そのすぐ下にボタンを置くことで、視線の流れのまま行動につながる導線を作っています。

[工夫したポイント]

横長のXバナーに合わせて、商品とワンちゃんのビジュアルを大きく配置し、ひと目で内容が伝わる構成にしました。背景は落ち着いたカラーで安心感を演出し、キャッチコピーや価格が埋もれないようメリハリを調整。価格の強調とボタンの配置で、自然な流れで行動につながる導線を意識しています。

シェア
foriio

あなたのforiioを無料で作成

fori.io/