Facebook 【Her Tech架空案件】ヘアオイルバナー
Logo

【Her Tech架空案件】ヘアオイルバナー

クレジット
Avatar
WEBデザイナー
【Her Tech架空案件】ヘアオイルバナー-1
シェア
制作ノート
制作について

【デザインについて】

*ビジュアルイメージ*

 “普段からSNSで情報収集をしている方でも思わずタップしてしまう女性らしいバナー”を希望しており、商品の雰囲気に合わせながら女性らしく柔らかい、そしてツヤ感をイメージして制作しました。

*カラー*

 商品のブラウンのボトルが印象的なので、商品の特徴を覚えてもらうため統一感をだしたく、メインカラーにはブラウンを選びました。

*タイポグラフィー*

 フォントは、落ち着きがあり滑らかな印象のあるあおぞら明朝とサブタイトルにはキャッチコピーとの変化をつけるため、丸みがあり馴染みやすいほのか明朝を選びました。

 また、キャッチコピーでは、一目で必要な情報が入りやすいようフォントサイズを変えて見やすさを工夫しました。

*情報設計*

 髪のダメージを気にされている方がターゲットなので、“艶”はインパクトが出るよう1文字で大きく、グラデーションでインパクトをだしました。

 また、“部門1位”を目立たせることで他の商品との比較がしやすい点や、この商品のスペックである7種類の美容成分配合も視線の動きで見やすい位置に配置しました。

【工夫したポイント】

 初めて見る商品だと気になったとしても、口コミなどの実際に使用した人の声が気になります。そこで、興味や購買意欲を高めれるよう“楽天ヘアケア部門1位”を全面に押し出し、「1」にはイラストを使い、訴求できるよう意識しました。

 ツヤ感を表現するため、「艶」の文字にキラーンとした素材を配置したり、デザインの中にも所々ちりばめました。さらに、背景にはキラキラした写真を配置し透明度を下げてさりげないツヤ感も表現しました。

シェア