Facebook 【架空案件】日焼け止めバナー
Logo

【架空案件】日焼け止めバナー

クレジット
Avatar
WEBデザイナー
【架空案件】日焼け止めバナー-1
シェア
制作ノート
制作について

【デザインについて】

・ビジュアルイメージ

若い層に向けて青春感、夏ならではの悩み。また女性がターゲットなので繊細さを表現できるように意識しました。

・カラー

夏の青春や多くの人の夏の悩みである汗、プールや海といった水を表現するため、青や水色を選びました。また紫外線ということで太陽や光も連想されるように白色を入れました。

・タイポグラフィー

商品に使用されてるフォントの中で大きい文字のセリフ体や小さい文字のサンセリフ体。それぞれイメージを崩さないように、上品に見えるUD明朝体を使用、太さはミディアムにして目立つように。また詳細や誘導ボタンには読みやすいようにNoto Sans JPを使用し、さらに見やすくするため文字間隔を広くしました。

・情報設計

どんな商品の広告なのかがぱっと見で伝わるように商品画像を大きくしたいと思いながら画像選びをしました。ターゲットの悩みに合わせ、汗水を連想されるように水に浮かんでいるのを選びました。

細線や曲線を取り入れることで、ターゲットの女性の繊細さや上品さを表現しました。

訴求タイトルや目的である期間限定や購入ボタンの配置を、F型のレイアウトを意識し、視線誘導できるようにしました。

・工夫したポイント

紫外線、太陽の光を文字の色で表現するだけでなく、光の素材を使用しました。配置は視線を集めたいポイント(訴求タイトル、目的、お得情報)に置くことで自然と視線が向くように工夫しました。

商品詳細、成分、お得情報などそれぞれの重要部分のテキストを大きくすることでより訴求できるようにしました。

コンバージョンボタンを大きくし、存在感を出しましたが、圧を感じさせすぎないように配色を青系にして雰囲気に合うようにし、文字は細めにしました。

シェア