【制作事例】ECサイト内コーヒー特集バナーデザイン [PS]

◽使用ツール・制作時間

• Photoshop（制作時間：約30分）

◽案件情報

• ライフスタイルに関する商品を販売するECサイト内での
  コーヒー特集を宣伝・告知・購買促進　※架空ブランド
• バナー設置場所：ECサイト内

◽制作要件

｜目的

• サイト内の「コーヒー特集」への誘導
  ∟「色んな種類から自分好みを選べる」を打ち出す
• 購買意欲を高める＋見た目で引き込みサイト滞在時間UP

｜ターゲット

• 20-40代 コーヒー好きの男女
• ECサイトで食品などの買い物をする層
• お洒落なライフスタイルを意識する人

｜依頼内容

• バナーサイズ：1200 × 630 px
• 複数のコーヒーがあると分かるような写真を使用して欲しい
• 指定テキスト：
  ・COFFEE COLLECTION
  ・9種類のコーヒーから、あなたにぴったりの一杯を。
  ・特集を見る 

｜トンマナ

• カラー：お洒落なライフスタイルを意識
  　　　　シンプルで落ち着いた雰囲気
• フォント：指定なし（ポップではないもの）

◽制作物

◽工夫した点

• 写真の上に白字の文字を組み合わせているため、視認性を上げるために写真の色調・フォントの影、ウエイト、カーニングなどは細かく調整。お洒落な印象を与えるためメインタイトルがクセのあるフォントを選んだため、完全な真ん中に配置するのではなく、視覚的に違和感ない位置調整をこだわりました。
• シンプルで落ち着いた雰囲気に合うようCTAはさりげなく、且つ、ページへの誘導効果を考えバランスをみて配置。やや他の文字とは差をつけて文字を光らせることで、遷移したくなる工夫を盛り込みました。
• 「複数のコーヒーが映っている写真を希望」という要望を受けて、写真メインバナーとしてコーヒー好きに目が留まるよう念入りに写真を選定。上から見た様々な色味のコーヒーがある構図の素材のため、自分好みが見つかるかも？という期待値が上がる素材を用意しました。