エステサロンのサイトのバナー

エステサロンのサイトのバナー

  • エステサロンの初回体験キャンペーンの申し込みに繋がるバナーを作ってください

chot.design

テーマ
  • 背景とバナーを見る人を繋げて、興味の引くバナーにしていく
    • 「水着ボディダイエット」という商品を売り出したい
    • 初回体験は¥4,000円と他のサロンと比較してもお得
    • まずは初回体験を試してもらいたい
ターゲット
  • 20代前半
  • 女性
  • 夏はよく海に行き、今年も沢山行きたい
  • 夏が近づいているので少しでも痩せて水着を着たい
連想する言葉を並べる

エステサロンの背景、そしてターゲットの背景、ここから連想する言葉を並べてみる
「水着ボディダイエット」「初回体験」「¥4,000」「痩せたい」「夏に間に合う」

文字をつなげる
  • キーワードで出した「夏に間に合う」から「今からでも間に合う!!」と言い換えることでより強みのある文章にする

キャッチコピー:今からでも間に合う!!
キャンペーンの内容:水着ボディダイエット初回体験キャンペーン¥4,000

写真を選ぶ

www.photo-ac.com

写真を切り抜く

  1. 「オブジェクト選択ツール」を選択する
  2. 「被写体を選択」ボタンを押す
  3. 「選択とマスク」ボタンを押す

※自動的に「レイヤーマスク」が作成されます。

新規ドキュメント作成
  • 「幅300px」「高さ250px」のバナーを作成するときには、Retinaディスプレイ対応を前提として「幅600px」「高さ500px」で作成する

切り抜いた写真をバナーに詰め込む
  • 切り抜き写真をそのまま新規ドキュメントの上に「ドラック&ドロップ」で移動する

スマートオブジェクトに変換
  • 配置した写真は、拡大縮小する前にかならず「スマートオブジェクトに変換」をする
  • 「レイヤー」メニューのオプション

  • 変換後、自由変形ツールで縮小する

文字の配置
  • 書体は環境依存のためWinでもMacでも統一させるために、GoogleFontsをダウンロードして利用します

fonts.google.com

Adobe Fontsの場合

  • 「源ノ角ゴシック」と「Noto Sans JP」は、ライセンの違いだけで同じ書体です。Adobe Fontsが利用できる場合は「源ノ角ゴシック」をアクティベイトすると選択できるようになります。

fonts.adobe.com