Facebook 【HerTech架空案件】ヘアシャンプーセット購入誘導バナー
Logo

【HerTech架空案件】ヘアシャンプーセット購入誘導バナー

クレジット
Avatar
Webデザイン
WEBデザイナー
【HerTech架空案件】ヘアシャンプーセット購入誘導バナー-1
シェア
制作ノート
制作について

【ビジュアルイメージ】

「上品さ」と「サロン帰りのような特別感」を軸に、全体のビジュアルを設計しました。

今回のバナーでは、20代〜30代半ばの女性をターゲットとしていることから、くすみピンクをベースに落ち着いた色合いでまとめ、女性らしい柔らかさと大人っぽさを表現しています。

また、ラベンダーを配置することで、

・リラックス感

・上品さ

・ナチュラルな雰囲気

・ヘアケア商品の癒し感

を視覚的に演出しました。

商品写真には影をつけることで立体感を出し、商品の存在感を強調しています。

さらに、タイトルやキャッチコピー部分は文字サイズやウェイトに強弱をつけることで、視線が自然と集まるよう設計しました。

X(Twitter)広告は流し見されやすいため、余白を活かしたシンプルなレイアウトにすることで、世界観が直感的に伝わるよう意識しています。

【カラー設計】

今回のバナーでは、「女性らしい柔らかさ」と「上品な高級感」を両立するため、3色を軸にカラー設計を行いました。

・ベースカラー:#f3f1f6

・メインカラー:#8d597e

・アクセントカラー:#f1cc88

ベースカラー:#f3f1f6

背景には淡いグレージュ系カラーを使用しました。

柔らかく明るい色味にすることで、

・清潔感

・女性らしさ

・優しい印象

・ナチュラル感

を表現しています。

また、背景を淡い色味にすることで、商品写真やコピーがより引き立つよう工夫しました。

メインカラー:#8d597e

メインには落ち着いたくすみパープルを使用しました。

このカラーには、

・上品さ

・大人っぽさ

・落ち着き

・女性らしい高級感

といった印象があり、ヘアケアブランドらしい洗練された世界観を演出しています。

また、タイトルや帯部分に使用することで、デザイン全体に統一感を持たせています。

アクセントカラー:#f1cc88

アクセントには黄味がかったゴールドカラーを使用しました。

特に、

・「New」

・キャンペーン情報

・送料無料

など、視線を集めたい部分に使用しています。

単純な黄色ではなく、少しくすみ感のあるゴールドにすることで、派手になりすぎず上品なアクセントになるよう意識しました。

【タイポグラフィー】

日本語フォント:Shippori Mincho

日本語には「Shippori Mincho」を使用しました。

繊細で細めの線が特徴で、

・上品さ

・女性らしさ

・落ち着いた雰囲気

・高級感

を表現できる点を意識して選定しています。

また、全体的に細めのフォントで統一することで、柔らかく洗練された印象になるよう工夫しました。

キャンペーン情報は押し売り感が強くなりすぎないよう、文字間を広めに取り、余白感を持たせています。

英字フォント:Adventure Unlimited

英字には「Adventure Unlimited」を使用しました。

流れるような筆記体が特徴で、

・ラグジュアリー感

・女性向けコスメ広告のような雰囲気

・特別感

・抜け感のあるおしゃれさ

を演出しています。

特に「New」の部分に使用することで、あしらいのような役割を持たせながら、新商品の華やかさを表現しました。

【情報設計】

X(Twitter)広告は短時間で情報を伝える必要があるため、「視線誘導」と「情報の優先順位」を重視して設計しました。

① 最初に世界観で興味を引く

最初に目に入るよう、「新作誕生」を中央に大きく配置しました。

さらに、

・ラベンダー装飾

・余白を活かしたレイアウト

・柔らかいカラー設計

を組み合わせることで、ブランドの世界観が瞬時に伝わる構成にしています。

② 商品の魅力を伝える

右側にはシャンプー・トリートメントの商品画像を配置し、ヘアケア商品であることが直感的に伝わるよう設計しました。

また、ヘアパック画像も配置することで、「期間限定プレゼント」の内容が視覚的にも理解できるよう工夫しています。

③ キャンペーン情報を整理して伝える

下部には帯を配置し、

・ヘアパックプレゼント

・送料無料

というキャンペーン内容を整理して掲載しました。

情報を下部にまとめることで、視線の流れを崩さず、内容を理解しやすい構成にしています。

④ CTAで行動を促す

最後に「今すぐはじめる」というCTAを配置し、購入ページへの導線を作りました。

柔らかい言葉を使用することで、ユーザーが気軽に商品を試してみたくなるよう意識しています。

【工夫したポイント】

今回の制作では、「ヘアケアブランドらしい上品な世界観」と「商品の魅力を引き立てるレイアウト」を特に意識しました。

また、X(Twitter)広告は一瞬で印象が決まるため、

・余白を活かしたシンプルな構成

・強弱をつけた文字サイズ

・細めフォントによる洗練感

・配色による視線誘導

・商品写真の影による立体感

を工夫し、視認性とブランドイメージを両立できるよう設計しました。

その結果、

・「新商品」という特別感

・「サロン品質を自宅で体験できる」という魅力

・「期間限定キャンペーン」のお得感

をユーザーに瞬時に伝えやすくなり、商品の認知拡大や購入ページへの誘導、キャンペーンによる集客効果向上につながるデザインを目指しました。

シェア
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】京都旅行プラン紹介LP
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【架空案件】ヘアオイルバナー
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】ヘアシャンプーセット購入誘導バナー-1
たひらしょうこの他の作品
画像
作品を見る
【HerTech架空案件】京都旅行プラン紹介LP
画像
作品を見る
【HerTech架空案件】親子料理教室バナー
画像
作品を見る
【架空案件】ヘアオイルバナー
foriio

あなたのforiioを無料で作成

fori.io/