Facebook バナー|ペットフードのLP誘導(架空案件)
Logo

バナー|ペットフードのLP誘導(架空案件)

クレジット
Avatar
WEBデザイナー
バナー|ペットフードのLP誘導(架空案件)-1
シェア
制作ノート
制作について

【デザインについて】

◼︎ビジュアルイメージ

ターゲットである「愛犬を家族の一員として大切にしている飼い主」に安心感と親しみを持ってもらえるよう、自然を感じさせる屋外の背景と、こちらを見つめる子犬の写真をメインビジュアルに採用しました。

子犬の視線を活かすことで思わず目を留めたくなる構図とし、「毎日のごはんをもっと良いものにしてあげたい」という飼い主の気持ちに寄り添えるような温かい印象を意識しています。また、商品パッケージとフード写真も配置することで、商品のイメージが伝わりやすいビジュアル設計にしました。

◼︎カラー

健康や自然、新鮮さを連想させるグリーンをベースカラーとして使用し、ナチュラルで安心感のあるブランドイメージを表現しました。

一方で、キャンペーン情報である「初回限定50%OFF」はオレンジを使用することで視線を集め、重要な情報がひと目で伝わるようメリハリをつけています。CTAボタンにも鮮やかなグリーンを採用し、全体の世界観を統一しながらクリックを促す配色を意識しました。

◼︎タイポグラフィ

情報の優先順位が伝わるよう、文字サイズや太さに強弱をつけました。

商品名やキャッチコピーは視認性の高い太めのフォントを使用し、「50%OFF」は最も大きく配置することで、キャンペーンの魅力が一瞬で伝わるよう工夫しています。また、吹き出しや装飾文字を取り入れることで親しみやすさを演出し、愛犬家向けの商品らしい柔らかな印象を持たせました。

◼︎情報設計

ユーザーが短時間で情報を理解できるよう、「商品 → キャンペーン内容 → CTA」の流れで自然に視線が移動するレイアウトを設計しました。

最初に商品名と「ワンちゃんの健康応援フード」というキャッチコピーで商品の特徴を伝え、その後に「初回限定50%OFF」という購入メリットを大きく訴求しています。最後にCTAボタンを右下へ配置することで、視線の流れに沿って「詳しくはこちら」へ誘導できる構成にしました。

シェア
WEBデザイナー*MioNの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
バナー|ペットフードのLP誘導(架空案件)-1
WEBデザイナー*MioNの他の作品
foriio

あなたのforiioを無料で作成

fori.io/