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

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

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

●ビジュアルイメージ

ボディケア専門ブランドの新商品であるボディスクラブの魅力が直感的に伝わるよう、商品画像と実際に肌へ塗布しているシーンの2枚を採用。どちらか1枚でも商品特性は伝わりますが、2枚を組み合わせることで「使用イメージ」と「商品そのもの」の両方を補完し、20〜40代女性の幅広い層に“自分ごと化”してもらえる構成にしています。清潔感・やわらかさ・女性らしさを意識し、視認性が高いレイアウトにしました。

●カラー

ブランドイメージに合わせ、淡いピンク〜濃いめのピンクのグラデーションを使用。背景は柔らかい印象を与える淡いピンク、強調したいキャンペーン部分やボタンには濃いピンクを使用し、視線誘導とメリハリを両立。文字色はくすみブラウンを採用し、優しさ・上品さ・読みやすさを兼ね備えた配色にしています。

●タイポグラフィー

全体は明朝体系で統一し、女性向け商材に合う“上品さ”と“読みやすさ”を両立。キャッチコピーの「つるんっ」はやさしさアンチックを使用し、文字の配置を少し崩すことで、軽やかさ・肌がつるんと整うイメージを視覚的に表現しています。

●情報設計

Xの横長バナー特性を踏まえ、左に情報・右にビジュアルの構成で制作。視線の流れに沿って、キャッチコピー→商品画像→キャンペーン情報→CTAボタンの順に自然と読み進められるよう設計しています。「半額」「送料無料」などの訴求は色とサイズを統一し、ひと目で“お得感”が伝わるようにしました。

●ブラッシュアップ内容

「つるん」の表現を調整  「、」を「っ」に変更

より軽やかで肌の質感を想起しやすい表現に。 文字サイズも調整し、キャッチとしての存在感を出しました。

「古い角質・ざらつきをオフして〜」の可読性改善

背景に長方形の帯を敷き、タイムライン上でも読みやすいコントラストにしました。

「New」テキストを追加

新商品キャンペーンであることをひと目で伝えるようにしました。

「初回半額」「送料無料」のサイズ調整

情報量が多く見えないよう、少し小さめにして全体のバランスを調整しました。

価格・キャンペーン情報の見せ方を再構築

通常価格と初回限定価格のレイアウトを整理。金額のサイズを調整し、視認性を向上。「50% OFF」の見せ方を改善し、よりインパクトのある訴求に。文字色とボタン色を統一し、世界観と視線誘導を両立しました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/