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

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

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

【デザインについて】

*ビジュアルイメージ

要件書に記載されていた「愛犬家」というワードから、飼い主と愛犬の距離が近く、家族のような温かさが伝わる写真を使用しました。キャッチコピーもその世界観に合わせ「安心感」「思いやり」を感じられる表現を意識しています。

*カラー

『ルビーペット』の企業ロゴを参考に、ブランドイメージに近い色味を選定しました。文字には白い影のエフェクトを加えることで、全体的に明るく柔らかい印象を持たせています。

*タイポグラフィ

可読性が高く、落ち着いた雰囲気を表現できる「ZEN角ゴシックNew」を使用しました。フォントを統一することで、全体にまとまりのあるデザインになるよう意識しています。

*情報設計

視線の流れを意識し、左上から右下へ自然に読み進められる配置にしました。最後にページ遷移ボタンを配置し、少しでも興味を持っていただいた方が行動しやすい導線を設計しています。また、「初回のみ半額」の訴求は影を付けたり背景を付けて目立たせ、気軽にお試しできる印象を持ってもらえるよう工夫しました。

*工夫したポイント

愛犬と飼い主の関係性が一目で伝わる写真選びを重視しました。商品パッケージの前にペットフードの中身を配置し、内容物がイメージしやすい構成にしています。さらに、ペットフードと下部の「詳しくはこちら」の長方形ラインを揃えることで、全体が自然に馴染むよう調整しました。

シェア