【架空案件】ヘアオイル バナー制作

OVERVIEW

WEBデザインスクール「HerTech」任意課題

●WEBデザインスクール「HerTech」任意課題

《依頼内容》

新作ヘアオイルの商品LP誘導バナーの作成をお願いいたします。 

 

《商品情報》

・Ruby OILはヘアカラーを楽しむ方のお悩みに寄り添ったヘアオイルとして開発された。
 ・ヘアカラーで傷んだ髪のパサつきを、潤いのある滑らかなツヤ髪へ導く。
 ・保湿美容成分を7種類配合、傷みのケアはもちろん、カラーの色持ちも良い。
 ・普段の生活やリラックスタイムにも気にならない無香料。
 ・販売場所:全国のドラッグストア、量販店、楽天
 ・価格:150ml 3,500円

 

《入れて欲しい内容》

・商品名(Ruby OIL)
 ・ヘアカラーを重ねた髪もうるうるのツヤ髪へ
 ・7種類の美容成分配合
 ・楽天ヘアケア部門1位

 

《ペルソナ》

1ヶ月半〜2ヶ月に一度、ヘアサロンでヘアカラーを楽しむ20代後半〜30代の女性。
 髪のダメージが気になるので、ヘアカラーをする際は必ずトリートメントもセットで受けている。
 コスメ全般に関心があり、Instagramのコスメ系アカウントで日常的に情報収集をしている。

 

《デザインのテイスト》

・女性らしいバナー
・普段からInstagramで情報収集をしている方をターゲットにしているため、思わずタップしたくなるようなバナー

 

《バナーサイズ》

 Xの場合:1200px × 628px / Instagramの場合: 1080px × 1080px

 

《使用ツール》

・Photoshop

・Canva


* Xの場合:1200px × 628px


*Instagramの場合: 1080px × 1080px


《デザインのPOINT》

*トンマナ

・女性らしいバナーに仕上げるために、カラーは主にピンクを使いました。

 フォントの色を白とブラウンにすることで、落ち着いたトーンにし、デザインのまとまりを意識しました。

・フォントは、女性らしい印象を与えるために明朝体にしました。

 また、CTAボタンは目を引くように、ゴシック体を使用しました。

 

*工夫した点 

・目立たせたい「うるうる」「ツヤ髪」を大きくし、メリハリのあるデザインにしました。

・7種類の~の下に敷いている帯に影を付けたり、CTAボタンにも影を付けたり(X用:1200px×628pxのみ)することで立体感のあるデザインにしました。

・商品のヘアオイルを少し傾けることで動きのあるデザインにしました。