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

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

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

【デザインについて】

●ビジュアルイメージ

「愛犬の健康を支えるフード」という商品のコンセプトが一目で伝わるよう、元気で表情豊かな犬の写真をメインビジュアルに使用しました。

●カラー

健康や自然をイメージさせるブラウン・ベージュをベースカラーに採用し、商品の安心感や品質の良さを表現しました。一方で、「新発売」や「半額」といった販促情報は赤を使用することで視認性を高めました。

●タイポグラフィ

読みやすく親しみやすいゴシック体を選定しました。見出しは太めのウェイトでインパクトを出し、価格やキャンペーン情報はサイズや色にメリハリを付けることで、重要な情報が瞬時に伝わるよう工夫しています。

●情報設計

ペルソナである「かわいい家族のためにお金を惜しまない愛犬家」「愛犬の年齢に合わせたフードやサプリなどを日頃から気にしている飼い主」を意識し、商品の安心感や品質の高さが伝わる情報設計を行いました。

まず、「健康応援フード」という商品のコンセプトを大きく配置し、愛犬の健康を重視するターゲットの興味を引く構成にしています。さらに、「栄養バランスに配慮」「全年齢のワンちゃんに対応」といった安心材料を分かりやすく整理し、商品の魅力を短時間で理解できるよう工夫しました。

また、「新発売」や「初回半額」のキャンペーン情報は視認性を高めることで、商品の信頼性だけでなく、お試し購入へのハードルを下げられるよう意識しています。

【工夫したポイント】

商品の安心感とキャンペーン性のバランスを意識して制作しました。犬の表情や商品写真を大きく配置することで商品の魅力を伝えつつ、価格や「初回半額」といった販促要素は色やサイズのコントラストを付けて視認性を高めています。

また、CTA(「詳しくはこちら」ボタン)は画面右下に配置し、視線の流れに合わせて自然にクリックへつながる導線を設計しました。情報量が多くても圧迫感が出ないよう、余白や情報のグルーピングを意識し、読みやすさとデザイン性の両立を目指しています。

シェア
川口奈々佳の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【HerTech 架空案件】ペットフードバナー-1
川口奈々佳の他の作品
foriio

あなたのforiioを無料で作成

fori.io/