Facebook 【Her Tech架空案件】ボディスクラブバナー
Logo

【Her Tech架空案件】ボディスクラブバナー

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

●ビジュアルイメージ

クライアント様の要望に沿って、ピンク系の配色をベースに、女性らしく柔らかな印象になるよう意識して制作しました。

●カラー

ベースカラーはホワイトのシルク布にして、商品を使用することで肌のゴワつきが改善されるイメージを表現しました。

また、メインカラーは商品画像と同じライトレッドにすることで統一感を出し、アクセントカラーはパステルレッドで全体の雰囲気を揃えつつ、強調したい部分がわかるようにしました。

●タイポグラフィ

フォントは女性らしく柔らかな印象のこころ明朝体を選択しました。

下部に情報が集まっているので、「送料無料」だけモトヤアポロに変更し、隣のトラックと合わせてひとつのあしらいのように見えるようにしました。

キャッチコピーやキャンペーン情報内など、ひとつの文章の中でもフォントのサイズにメリハリをつけることで、特に伝えたい単語が伝わるよう意識しました。

●情報設計

保湿と潤いを重視したボディケア商品を販売しているクライアント様なので、キャッチコピーでは「潤い」というワードを強調しました。また、この商品で得られる滑らかな肌を「シルク肌」というワードで表現しました。

キャッチコピーの下に「バスタイムボディスクラブ」というテキストを配置し、「この画像が何の商品であるのか」と、「この商品を使用する場面」が一目でターゲットに伝わるよう意識しました。

●工夫したポイント

「潤」のテキストサイズを最も大きく設定し、水滴のあしらいで囲むことによって、クライアント様の強みを最大限に押し出すとともに、肌のゴワつきが気になるターゲットに訴求できるよう意識しました。

キャンペーン横にメガホン、CTAボタン上部にトラックのあしらいを配置し、ターゲットがバナーを見たときに一目でどこに何の情報があるのかわかるよう意識しました。

商品画像に影を付けたり、CTAボタンにグラデーションを付けるなど、デザインの立体感を意識してバナーに奥行きが出るよう心掛けました。

また、バナー上部に商品情報、下部にキャンペーン情報という配置にしたのですが、あえて商品画像を斜めに配置して下部のキャンペーン情報の帯(背景色ライトレッドの部分)に被せることで、境目感を薄くし、全体が一つのバナーとしてまとまるようにしました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/