Facebook 【HerTech 架空案件】毛穴ケア美容液バナー
Logo

【HerTech 架空案件】毛穴ケア美容液バナー

クレジット
Avatar
WEBデザイナー
【HerTech 架空案件】毛穴ケア美容液バナー-1
シェア
制作ノート
[制作について]

●ビジュアルイメージ

毛穴ケアに特化した美容液であることから、清潔感・透明感・爽やかさを軸に構成しました。水のしずくや淡いブルーの背景を用いることで、毛穴悩みがスッと浄化されるような印象を演出し、20〜30代女性が抱える「毛穴の開き・黒ずみ」などの悩みに寄り添う世界観を意識しています。

●カラー

メインカラーには水色〜ブルー系を採用し、清潔感と爽やかさを強調。購入導線を強めるため、CTAボタンは濃い青を使用し、視認性とクリック意欲を高めています。全体を青系で統一することで、落ち着きと信頼感のある印象に仕上げました。

●タイポグラフィ

キャッチコピーには Noto Serif Japanese を使用し、「毛穴」というキーワードを大きく配置して視線を集めています。薄い影を加えることで立体感を出し、商品特徴が一目で伝わるように工夫しました。本文や補足情報も明朝体系フォントで統一し、20〜30代女性に刺さる上品さを演出。CTAの「ご購入はこちら」はあえて別フォントにし、ボタンとしての役割が直感的に伝わるよう差別化しています。

●情報設計

商品ボトルを中央に大きく配置し、「何の商品か」一瞬で理解できる構成にしました。キャンペーン情報は「半額」「3ヶ月間」などの数字を大きく扱い、視線誘導とお得感を強調。上から下へ自然に読み進められるよう、キャッチコピー → 商品 → キャンペーン → CTA の順で情報を整理しています。

●改善内容

「毛穴」の文字の大きさを目立つように大きめに配置+影をつける

「毛穴」の文字サイズが控えめで、商品の特徴が一目で伝わりにくかったため、「毛穴」の文字を大きく配置し、影を加えることで立体感を出し、商品の強みがより明確に伝わるように改善しました。

キャンペーン情報の「半額」「3」の文字の色を変更

キャンペーン情報の「半額」「3」の文字色をオレンジにしていたため、全体の青系の世界観と馴染まず、やや浮いて見える印象だったため、濃い青に変更し、全体のトーンを統一。爽やかで清潔感のある世界観に調和させました。

誘導ボタンを薄い水色から濃い青色に変更

誘導ボタンが薄い水色で背景と同化しやすく、視認性とクリック誘導が弱かったため、薄い水色 → 濃い青に変更し、キャンペーン文字色とも統一し、さらに影を加えることで、押したくなる立体感にしました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/