Facebook 架空バナー制作
Logo

架空バナー制作

クレジット
Avatar
WEBデザイナー
デザイナー
架空バナー制作-1
シェア
制作ノート
制作ノート🗒️

目次

  1. バナー制作の目的とゴール
  2. 制作概要
  3. 制作のポイント
  4. ユーザーストーリー
  5. 頑張ったポイント

1. バナー制作の目的とゴール

■目的

  • 実際の案件に近い形でバナー制作に取り組み、クライアントの依頼要件を満たすバナーを作れるようになる
  • ユーザーストーリーを考えながら情報設計やビジュアルデザインをする方法を学ぶ

■ゴール

  • 自分でバナーを0から作り上げることができる
  • ユーザーストーリーに沿って情報設計をし、クライアントの要件を満たすバナーを制作することができる

2. 制作概要

image
image

3. 制作のポイント

まず「夏のお友だち紹介キャンペーン」を伝えることで、「どんなキャンペーンだろう?」とユーザーを引きつけ、次に、「5,000円プレゼント」で、キャンペーン内容を伝え、期間を記載することで、「早く友だちに紹介しなきゃ!」と行動を促しています。

そして最後、「お友だちと一緒に~ませんか?」とメッセージすることで、「確かに!せっかくなら友だちと一緒にもっと楽しく英会話の練習がしたい!」と思わせ、もう一押ししています。

4. ユーザーストーリー

①SNSを見ていたら、自分が通う英会話教室のバナー付き投稿があることに気がつき、『夏のお友だち紹介キャンペーン』という文字が目に入ったので引きつけられた。

②クリックして詳細を見てみると、どういうキャンペーンなのかがざっくりと理解できた。

③通っている英会話教室のレッスンには満足しているし、仲の良い友だちと通う方がより一層楽しいとも思ったので、キャンペーン詳細を確認するため、投稿のリンクをクリックしLPに飛んだ。

5. 頑張ったポイント

①背景デザインと、②余白の付け方を頑張りました。

背景デザインについては、夏らしいバナーを参考に、少し粗さのある素材をカラーオーバーレイでブルーにし、その上に斜めのストライプを入れることで、爽やかさと質感を出しています。「パターンの定義」を活用しましたが、ストライプのバランスを整えるのが難しかったです。

余白については、夏っぽさのあるあしらいを加えることで、バランスを調整しました。

シェア
yuriの他の作品
画像
作品を見る
Webページ制作
画像
作品を見る
架空Webページ制作