Squall

Work1

バナー制作

  • 正方形バナー
  • 縦書きバナー
  • 横バナー
  • 課題内容
  • ポイント
  • 一覧

マンションのコンセプトは良環境にある高級マンション
≪ターゲット≫
経済的に余裕のある共働き夫婦
or 定年退職した悠々自適な夫婦
クリックしてもらい、予め設定しておいたリンク先のページを見せることが目的
クリックされる、思わずクリックしてしまうバナーをデザイン(提案)

バナーは小さく情報量も絞る必要があるため、ジャンプ率や配置に注意しています。広告や宣伝のために使う画像ボタンはユーザーにクリックしてもらえるよう、意識ないときでも目を引くようなデザインを深めていきたいと思います。

ターゲット 経済的に余裕のある共働きの夫婦
価値観 質の良い暮らしを求める、豊かさに目を向ける
訴求 ゆっくりと落ち着ける空間、利便性の良さ、帰宅時の安心感、 間取りの広さ、機能性や安全性、デザイン性を重視
デザイン案 ターゲットの潜在的ニーズ
カラー 落ち着いた青~濃紺を用いて、全体的に落ち着いた雰囲気
キーワード 「時間の余裕」「機能美」「デザイン性」

制作過程

課題が出されてから完成するまでの流れです。

  1. 1時間
  2. 1時間
  3. 1時間
  4. 4時間
  5. 6時間
  6. 1時間
1ターゲット設定
ターゲットユーザーがバナーを見たときにどう感じるのか、そしてどのような行動を取るのかを想定します。 具体的かつ絞り込んだターゲット像をとらえることで、後々のバナー制作工程がスムーズにいきました。
2サイズ選択
今回は3種類のバナーを作成しました。
・レクタングル(W300px × H250px)
・バナー(W468px × H60px)
・ワイド スカイスクレイパー(W160px × H600px]
3キャッチコピーの作成
ユーザーが閲覧した瞬間に、興味がそそられてクリックしてしまう一言を考えました。非常に高級な物件であることから、金銭的な余裕よりも時間的なゆとりを大切にするだろうと想定し考えました。
4ラフ画の作成
手書きで要素の位置や全体の構成を決めていきます。バナーは小さく文字のジャンプ率や余白がとても大切になってくると感じました。瞬時に伝わることを意識し、余白や整列に意識をしました。
5作成
実際にPhotoshopで作成します。グラデーションであったり、ジャンプ率であったり難しかったですが、最小限の情報で最大限の効果が得られるにはどうしたらよいかを考えました
6フィードバック
現役デザイナー講師の先生から直接フィードバックがいただけます。細部までの余白であったり、少しの色の違いで大きく変わりました。