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

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

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

【デザインについて】

●ビジュアルイメージ

愛犬を大切にする飼い主さんの柔らかさやペットフードの安心感を大切に制作しました。

●カラー

ベース:上品さやナチュラルな雰囲気を持つベージュ
メイン:商品にも使われており、ベースと同系色かつ視認性の高い茶
アクセント:健康的な雰囲気と柔らかさのある黄緑

●タイポグラフィ

メインは落ち着いた明朝体でコンバージョンボタン内はゴシック体で緩急をつけて目立つようにしました。

筑紫明朝(N仕様):
・字の横棒が細すぎず、安定感のある形
・日本語部分は1文字1文字の形状が正方形、数字部分は長方形でお得情報が見やすいバランス

Helvetica World:
・クセがなく、読みやすい字体
・明朝体とも合うフォント

●情報設計

1番最初に目に入る犬の写真でインパクトをつけて、「ワンちゃんの健康応援フード」というキャッチコピーで犬を飼っていらっしゃる方に届くよう配置しました。

キャンペーン情報の「2,500円」とコンバージョンボタンを近くして親和性を高くしました。

●工夫したポイント

主に4色使用しているのですが、大きくまとめると同系色で青などの補色を使用せずにまとめました。

全体的に文字やオブジェクトの間隔を少しずつ空けて落ち着いた上品な雰囲気を感じさせるよう意識しました。

シェア