バナー制作テクニック

コスメ通販サイトのバナーを作ろう(前半)

このレッスンでは、Photoshopを使ってお題に沿ったバナーを制作していきます。前半ではバナーを制作する前の下準備を行っていきます。

  • バナー

公開日:2019/11/19最終更新日:2019/11/19

1.お題を確認しよう

このお題でバナーを制作しましょう。

「コスメ通販サイトのバナートライアルセット申し込みにつながるバナーを作ってください」

2.コスメサイトの背景を意識してみよう

肌に触れる商品を販売しているので、安っぽいデザインはネガティブイメージに繋がってしまいます。この点を踏まえながら、ターゲットについて考えてみましょう。

3.ターゲットを意識しよう

次はターゲットです。以下のようなターゲットを想定します。

このターゲットの背景と先ほどのコスメサイトの背景を結びつけてバナーに載せる文言を考えていきましょう。

4.連想する言葉を並べてみよう

コスメサイトの背景、そしてターゲットの背景、ここから連想する言葉を並べてみましょう。以下のように言葉を連想します。

沢山言葉を出してもいいですが、全てをバナーに入れることは難しいので、どの言葉がターゲットに響くか、考え選び取りましょう。

5.文字をつなげてみよう

「4.連想する言葉を並べてみよう」で出したキーワードをつなげてキャッチコピーや伝えたい文章を考えてみましょう。

以下のように文章を組み立てました。

ターゲットのインサイトを想定しながら、キーワードを選びましょう。

次は写真選びなど、本格的にバナーの制作に入ります。

理解度チェック

このレッスンの著者