Facebook 【HerTech 架空案件】美容化粧品バナー
Logo

【HerTech 架空案件】美容化粧品バナー

クレジット
Avatar
Webデザイナー
【HerTech 架空案件】美容化粧品バナー-1
シェア
制作ノート
制作について

【デザインについて】

●ビジュアルイメージ

美容液の販売促進ということなので、女性の顔を大きく載せ、さらにみずみずしさをイメージして制作しました。

●カラー

女性向けの商品であるため、柔らかい印象を与えられるよう、彩度低めのカラーを選択しました。また、メインカラーが暗めなので、その色が映えるようにアクセントカラーを黄色にしました。

●タイポグラフィ

フォントは、上品かつ滑らかで繊細なイメージに合うような明朝体を選択しました。なるべく文字数を少なくし、全体が見やすいような文字間隔と大きさにしています。特に強調したい部分には文字のエフェクトをつけ、背景の色に合わせてエフェクトの色を変えているのもポイントです。

●情報設計

ターゲットは女性で毛穴の悩みを抱えているので、まず女性の顔を画面いっぱいに載せて目立たせ、思わず見たくなるような構図にしました。そして「毛穴レス」というワードで、毛穴で悩んでいる女性に見てほしい、ということを訴求しています。

【工夫したポイント】

商品画像が背景に埋もれてしまわないよう、水のエフェクトを用いて見やすさ、そして新鮮さを表現できるよう工夫しました。

また、キャンペーンによる販売促進というのが目的なので、今だけ半額キャンペーンを実施していることを強調させるために、キャッチコピーの次に目に留まることを意図して、「半額」のフォントサイズを大きくしました。

購入ページへ遷移するボタンも、大きすぎず、小さすぎず、少し存在感があるくらいのサイズで、少しでもこの商品について興味をもった人がクリックしやすいような文言にしました。

シェア