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

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

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

【ビジュアルイメージ】

「愛犬は大切な家族」というペルソナの価値観に寄り添い、

・安心感

・優しさ

・親しみやすさ

を軸にビジュアルを設計しました。

今回のバナーでは、健康志向の高い愛犬家に対して「本当に良いものを選びたい」という想いに共感してもらえるよう、ナチュラルで温かみのある世界観を意識しています。

メインビジュアルには、笑顔のワンちゃんを大きく配置することで、商品の魅力だけでなく、「愛犬が元気に過ごす未来」を想起できるよう工夫しました。さらに、ボールを頭に乗せた遊び心のある写真を採用することで、健康的で活発な印象や親しみやすさを演出しています。

また、背景にはチェック柄をうっすらと取り入れ、単調になりすぎない柔らかなアクセントを加えました。ナチュラルな雰囲気を保ちながらも、スクロール中に目に留まりやすいデザインを目指しています。

「健康に配慮したプレミアムフード」でありながら、気軽に試してみたくなるような、やさしく温もりのあるビジュアル表現を意識しました。

【カラー設計】

今回のバナーでは、「ナチュラル感・オーガニック感」と「安心感・優しさ」を両立することを目的に、3色を軸にカラー設計を行いました。

ベースカラー:#f3e4c9

背景には、やわらかなベージュを採用しました。

このカラーには、

・ナチュラルな印象

・オーガニックな雰囲気

・温かみ

・親しみやすさ

・安心感

といったイメージがあります。

ペットフードは毎日口にするものだからこそ、派手な印象ではなく、「信頼して選べる食品」であることを視覚的に伝えられるよう意識しました。

また、淡い色味にすることで商品画像やコピーが埋もれず、全体の視認性向上にもつなげています。

メインカラー:#a98b76

メインには、落ち着いたブラウンを使用しました。

ブラウンは、

・安定感

・誠実さ

・自然由来の安心感

・優しさ

・温もり

を連想させる色です。

商品名や見出し、「新発売」などの重要な情報に使用することで、ナチュラルな世界観を保ちながらもしっかりと視線を集められるよう工夫しました。

アクセントカラー:#babf94

アクセントには、やさしいグリーンを採用しています。

このカラーには、

・健康的な印象

・自然との調和

・オーガニック感

・清潔感

といったイメージがあります。

「50%OFF」の価格訴求や足跡モチーフなどに取り入れることで、単なる価格訴求だけではなく、“愛犬の健康を考えた商品”という印象を補強できるよう設計しました。

【タイポグラフィー】

日本語フォント:DNP 秀英丸ゴシック Std

日本語には「DNP 秀英丸ゴシック Std」を使用しました。

丸みのあるフォルムが特徴で、

・親しみやすさ

・優しさ

・可愛らしさ

・温かみ

を感じさせるフォントです。

愛犬家に向けたコミュニケーションにおいては、堅すぎる印象よりも「家族への愛情」や「気軽に試してみたい」という柔らかい雰囲気が重要だと考え、採用しました。

特に、「大切な家族だから。」というコピーや「新発売!!」の訴求部分では、丸みのある書体によって、商品の安心感と親近感を自然に伝えられるよう工夫しています。

商品通称フォント:にくまる

商品通称である「ワンちゃんの健康応援フード」には、「にくまる」を使用しました。

手書きのような柔らかさと存在感を兼ね備えており、

・親しみやすさ

・可愛らしさ

・記憶への残りやすさ

・ブランドらしさ

を演出しています。

個性を持たせることで、数あるペットフードの中でも印象に残りやすくなるよう意識しました。

英数字フォント:Zen Maru Gothic

価格表記やCTAなどの英数字には「Zen Maru Gothic」を使用しました。

統一感のある丸みが特徴で、

・視認性の高さ

・柔らかな印象

・可読性

・ポップさ

を兼ね備えています。

特に「50%OFF」「¥2,500」など、瞬時に認識してほしい情報に使用することで、やさしい世界観を保ちながらも情報が伝わりやすいよう設計しました。

【情報設計】

Instagram広告は短時間で情報を伝える必要があるため、**「愛犬家の感情に寄り添いながら、購入への導線を自然につくること」**を重視して設計しました。

① 共感コピーで興味を引く

最上部に、

「大切な家族だから。本当にいいごはん、まずは試してみませんか?」

というコピーを配置しました。

商品の特徴を伝える前に、ターゲットの愛犬への想いに寄り添うことで、「自分ごと」として興味を持ってもらえるよう工夫しています。

② 商品の特徴を端的に伝える

中央には、

・ワンちゃんの健康応援フード

・ルビーフード・ワン

・新発売

を大きく配置しました。

「何の商品なのか」「どんな価値があるのか」が瞬時に理解できるよう、情報を整理しています。

③ お得感を明確に訴求する

左側には、

「お試しフード 初回50%OFF」

を大きく配置しました。

さらに、

通常価格5,000円 → 2,500円

と具体的な価格差を見せることで、お得さが直感的に伝わるよう工夫しています。

④ CTAで行動を促す

右下には、

「今すぐ試す>>>」

のCTAボタンを配置しました。

購入への心理的ハードルを下げるため、「購入する」ではなく「試す」という表現を採用し、気軽にLPへ遷移できる導線づくりを意識しています。

【工夫したポイント】

今回の制作では、「愛犬家の感情への共感」と「購入ハードルを下げる情報設計」を両立することを特に意識しました。

単に商品の機能や価格を訴求するのではなく、

・愛犬を家族として大切に想う気持ちへの共感

・ 健康への配慮による安心感

・ 初回半額による試しやすさ

・ 元気なワンちゃんのビジュアルによる未来の想起

を組み合わせることで、感情と合理性の両面からアプローチしています。

また、

・丸みのあるフォントによる親しみやすさ

・ナチュラルカラーによる信頼感の演出

・視線誘導を意識した情報の優先順位

・CTAを目立たせるメリハリのあるレイアウト

によって、スクロール中でも内容を直感的に理解しやすいデザインを目指しました。

その結果、クライアントにとっては、

・新商品の認知拡大

・「健康に配慮したブランド」というイメージ向上

・LPへの遷移率向上

・初回お試し購入数の増加

・将来的な定期購入・リピート顧客の獲得

といった効果が期待できます。

単なる販促バナーではなく、「愛犬の健康を考える飼い主との信頼関係づくり」の第一接点として機能するデザインを目指して制作しました。

シェア
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】京都旅行プラン紹介LP
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【架空案件】ヘアオイルバナー
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】ペットフードバナー-1
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】京都旅行プラン紹介LP
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【架空案件】ヘアオイルバナー
foriio

あなたのforiioを無料で作成

fori.io/