バナー制作について

バナー制作 1 SALEバナー 

クリスマスバナー
課題設定 広告や宣伝のために使う画像ボタンを制作。目的はボタンを押した先にあるリンクページに誘導する。ユーザーが思わずクリックしてし まうような、訴求力の高いものを提案すること。SALEジャンル、ターゲットは自由。
作成日 2018年10月
サイズ展開
  1. レクタングル 300×250px
  2. ラージバナー 320×100px
  3. バナー 468×60px
  4. ワイドスカイスクレイバー 160×600px
使用OS
  • Windows10
  • iIlustorotor CS5 CC
  • photoshop CS5 CC
製作について
  • デザイン時間 6時間
  • 制作時間 5時間
制作意図
  • テーマ「クリスマスセール」
    リンク先は、季節商品を扱うファンシーな雑貨店HPの特集ページをイメージし作成。黒枠を作ることで、通常のファンシーなページでも、目立たせることが可能。
  • 「かわいらしさ」
    ターゲットは、10代、その親御さん世代の40代。アイシングクッキーのクリスマスモチーフを使うことでPOPで、丸みを帯びたかわいらしさを幅広い年代に訴求。大きさを変えることで奥行き感を演出。
  • 「クリスマスプレゼント」
    10代のクリスマス、クリスマス会でのプレゼント交換などイベントがたくさん。親御さんはサンタになりつつ、お子様の付き合いもカバーしなければならない。50%オフの文字は大きくし、かつクリック訴求位置にプレゼントの模様をおき、クリスマスプレゼントを連想させる。

バナー制作 2 マンションバナー

マンションバナー
課題設定 マンションのコンセプトは、緑豊かな環境にある高級マンション。ターゲットは、経済的に余裕のある共働き夫婦or 定年退職した悠々自適な夫婦。
作成日 2018年10月
サイズ展開
  1. レクタングル 300×250px
  2. ラージバナー 320×100px
  3. バナー 468×60px
  4. ワイドスカイスクレイバー 160×600px
使用OS
  • Windows10
  • iIlustorotor CS5 CC
  • photoshop CS5 CC
製作について
  • デザイン時間 5時間
  • 制作時間 9時間
制作意図
  • テーマ「ワンランク上の暮らしへ」
    緑豊かな環境の訴求ために日当たりのよい場所で広くて明るいお部屋をイメージに採用。上品な空間を文章で表すために明朝体を使い、ジャンプ率は低めに設定。マンション名にゴシック調の飾り枠をつけることで特別なマンションであることをイメージづけた。
  • 「部屋の解放感と設備」
    バリアフリーである空間設計や、キッチンリビングともに明るい光が入る窓の大きさを見せることで 全邸南向き=明るい というイメージを明確にし、 太陽の光が入ることをアピール。緑のある広いベランダを生かしたインテリア写真でお部屋をさらに広く感じることができる。
  • 「統一感」
    お部屋の壁紙とキッチンのブラウンと合わせ、濃いブラウンを使用しました。合わせることで落ち着いた大人の生活環境を表し、黒を入れることで中間色だけではなく 引き締め効果で“全邸南向きの訴求”および“延べ床面積と価格”をぼやかすことなくユーザーの目に留まるよう調整を行った。

バナー制作 3 学校バナー

学校バナー
課題設定 WASマルチメディアスクールの広告・宣伝用バナーを作成。WEBデザイナーを目指す方が、このバナーのクリックでWEBデザイナーへの道を開けるかもというキャッチコピーと合わせてバナー制作すること。
作成日 2018年10月
サイズ展開
  1. レクタングル 300×250px
  2. ラージバナー 320×100px
  3. バナー 468×60px
  4. ワイドスカイスクレイバー 160×600px
使用OS
  • Windows10
  • Illustrator CS5 CC
  • Photoshop CS5 CC
製作について
  • デザイン時間 2時間
  • 制作時間 5時間
制作意図
  • テーマ「悩める気持ちと解決策」
    対象は25~35歳の女性。この年代の女性は家庭をつくっても仕事は続けたい気持ちや、スキルアップでキャリアを構築したいひともいる。双方、「このままでいいのか」と自問する気持ちを表すことで“不安な気持ちの人が他にもいるんだ”と共感させる。
  • 「未経験からでもWEBデザインが学べる」
    新しく何かを始めるときは、未経験という言葉をネックに考える人が多い。大丈夫というワードで安心感を与えることで、いまからでも遅くないのかもと希望をもってクリックに進みたくなる気持ちを後押ししてくれる。
  • 「明暗」
    暗く悩む気持ちから明るい未来をイメージし、色を左右上下で対比して設定。WASパソコンマルチメディアスクールの文字は、ロゴカラーが緑で親しみやすい色のため暖色で安心感があり、かつどっしりとした安心感が出る色を選んだ。

TOP

© 2018 Webマーケティングデザイナー養成科 第17期生 生徒作品