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

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

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

[デザインについて]

●ビジュアルイメージ

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

●カラー

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

●タイポグラフィー

読みやすさを優先して丸ゴシック系をベースに設定。ボタン部分のみ明朝体系に切り替えることで、視線が自然とCTAへ向かうように工夫しています。文字間隔も広めに取り、行動を促しやすい印象に整えました。

●情報設計

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

[工夫したポイント]

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

シェア