バナー制作テクニック

旅行サイトのバナーを作成しよう(前編)

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

  • バナー
  • デザインの考え方
  • Webデザイン

公開日:2020/01/27最終更新日:2020/01/27

1.お題を確認しよう

今回は「旅行サイトへ掲載する卒業旅行特集の申し込みにつながるバナー」を作成してみたいと思います。

近年はインターネットで旅行の予約する人が増えました。みなさんも旅行の際はいろいろなサイトで下調べをして予約の申込みをされていらっしゃると思います。バナーを作る前に、どんなサイトがあるのか調べてみるのもいいかもしれません。

2.旅行サイトの強みを意識しよう

誘導するサイトには以下のような強みがあるとします。

旅行サイトの強みやターゲットのインサイトを考え、興味を引くバナーを作成していきましょう。

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

次はターゲットです。

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

4.連想する言葉を並べてみましょう

連想する言葉を並べてみましょう。


たくさん言葉を出しても良いですが、全てをバナーに入れるのは難しいので、どの言葉がターゲットに響くか考えて絞っていきましょう。

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

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

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

メインのキャッチコピーには「卒業旅行」のキーワードを入れ、サブのキャッチコピーと行動を促すコピーではお得感を出してみます。

 

次は写真選びやレイアウトなど、本格的なバナー作成を行います。

理解度チェック

このレッスンの著者