Facebook 【HerTech架空案件】メンズ脱毛バナー
Logo

【HerTech架空案件】メンズ脱毛バナー

クレジット
Avatar
Webデザイン
WEBデザイナー
【HerTech架空案件】メンズ脱毛バナー -1
シェア
制作ノート
制作について

【ビジュアルイメージ】

「清潔感」と「男性らしい高級感」を軸に、全体のビジュアルを設計しました。メンズ脱毛は美容系サービスでありながら、女性向けのような柔らかさよりも、 “信頼感”や“スタイリッシュさ”が重要だと考えたため、

  • ネイビーを基調とした重厚感
  • 斜めレイアウトによるシャープさ
  • モデルの爽やかな表情

を組み合わせ、 「脱毛によって第一印象が変わる未来」を想像できるデザインを意識しました。

また、Instagram広告は流し見されやすいため、 一瞬で目に留まるよう大胆なタイポグラフィーとコントラストを使用しています。

【カラー設計】
今回のバナーでは、 「男性らしい高級感」と「視認性の高さ」を両立するため、3色を軸にカラー設計を行いました。

  • ベースカラー:#d5d7d9
  • メインカラー:#1a1934
  • アクセントカラー:#f0e12e

ベースカラー:#d5d7d9

背景には明るめのグレーを使用し、重たくなりすぎない抜け感を演出しました。

ネイビーを引き立てる役割を持たせながら、

  • 清潔感
  • 都会的な印象
  • 医療系サービスらしい安心感

を表現しています。

また、背景を明るくすることで、人物写真や文字情報の視認性も高めています。

メインカラー:#1a1934

メインには深みのあるネイビーを使用しました。

このカラーには、

  • 男性らしさ
  • 高級感
  • 信頼感
  • 落ち着き

といった印象があり、 医療脱毛サロンとしての安心感や、大人向けサービスの雰囲気を演出しています。

さらに、斜めレイアウトと組み合わせることで、 スタイリッシュで洗練された印象になるよう意識しました。

アクセントカラー:#f0e12e

アクセントには鮮やかなイエローを使用しています。

特に、

  • キャンペーン情報
  • CTAボタン
  • 「3回分無料」などの重要情報

に使用することで、 ユーザーの視線を集めやすくしています。

ネイビーとのコントラストが強いため、 Instagram上でも情報が埋もれにくく、瞬時に内容が伝わるよう工夫しました。

【タイポグラフィー】

日本語フォント:源真ゴシック

線に適度な太さがあり、

  • 男性向けらしい力強さ
  • 可読性の高さ
  • 現代的でスマートな印象

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

特にメインコピーでは太めのウェイトを使用し、 Instagram広告の中でも埋もれないようインパクトを重視しました。

英数字フォント:Oswald

縦長でスタイリッシュな特徴があり、

  • メンズ系デザインとの相性
  • シャープな印象
  • ファッション広告のような洗練感

を演出しています。

「Men's」の英字部分に使用することで、 視線を引きつけながら、デザイン全体に海外広告のような雰囲気を持たせました。

【情報設計】

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

① 最初に興味を引く

最初に目に入るよう、 「Men's脱毛」を中央に大きく配置。

さらに斜めレイアウトを使用することで、 スクロール中でも視線が止まりやすい構成にしています。

② 次にベネフィットを伝える

メインコピーの近くに、

  • 「毎朝のストレス、終わらせる。」
  • 「清潔感で第一印象が変わる。」

を配置し、 ユーザー自身の悩みと理想像をイメージしやすくしました。

③ 不安を解消する

脱毛に対する不安を軽減するため、

  • 肌ケアクリーム特典
  • 3回分無料キャンペーン

を下部に分けて配置。

情報をブロック化することで、 内容を整理しながら視認性を高めています。

④ 最後に行動を促す

画面下部にはCTAボタンを配置し、 「今すぐ脱毛をはじめる」という行動喚起を明確にしました。

また、ボタンを丸みのあるデザインにすることで、 硬くなりすぎず押しやすい印象になるよう調整しています。

【工夫したポイント】

今回の制作では、 「男性向けデザインの配色設計」と「視線誘導」を特に意識しました。

また、Instagram広告は一瞬で情報を伝える必要があるため、

  • 優先順位をつけた情報設計
  • 強弱のある文字サイズ
  • キャンペーンの見せ方

を工夫し、視認性とインパクトを両立できるよう意識しました。

シェア
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech架空案件】メンズ脱毛バナー -1
foriio

あなたのforiioを無料で作成

fori.io/