架空バナー制作9選
SHElikes にて、バナー制作の課題に取り組みました。（制作時間：各5～7時間） YEAR 2023～2024
【NO.2】化粧品バナー
▼ Instagram用バナー（1080px × 1080px）
▼使用ツール Photoshop
①要件
・目的
季節の変わり目に自社ブランド商品をアピール
・ターゲット
敏感肌などドクターズコスメに興味のある20代～30代女性
・入れたい要素
＜文言＞
夏の疲れにオーガニックなドクターズコスメ
オーガニックコスメ SHE
②工夫したこと
■化粧品だと一目で分かる画像の大きさ
・女性と化粧品の画像を大きくすることで、ターゲットの目に留まりやすいように工夫しました。
■ドクターズコスメ感が出るように高級感やナチュラルな印象に
・画像にある色を採用し、ベースカラーをホワイト、アクセントカラーをモスグリーンにすることで、ナチュラルな印象を出しました。
・フォントはA-OTF リュウミン Pr6Nを使用し、文字間の幅を少し広めに取って高級感を出しました。
【NO.3】
▼ Instagram用バナー（1200px × 628px）
▼使用ツール Photoshop
①要件
・目的
自社HPでイタリア旅行を提案するバナー
・ターゲット
20代～30代女性。 ヨーロッパ旅行を検討中の方。 イタリアが好きな方。
・入れたい要素
＜文言＞
あなたはどっちへ行く。travel to ITALY。
水の都ヴェネチア。花の都フィレンツェ。
＜画像など＞
ヴェネチアとフィレンツェが分かる画像
②工夫したこと
■行ってみたい！と感じる情報の構成
・「あなたはどっちへ行く？」→「Travel to ITALY」を中心に配置することで、ユーザーに「どんな観光地があるんだろう？」と疑問やワクワク感を与えました。
・「水の都ヴェネチア」と「花の都フィレンツェ」を背景画像と一緒に配置し、観光場所のイメージが直ぐに湧くようにしました。その上で、さらに詳しく知りたい！行ってみたい！と感じるようにユーザビリティを意識した構成にしました。
・「ヴェネチア」は海を、「フィレンツェ」は建物をメインに、それぞれの良さが引き立つように画像のカットや配置を考えました。
■ざぶとんについて
・風景が綺麗な画像を厳選したため、ざぶとんは不透明度を下げて風景画像を最大限に活かしました。
【NO.4】ペットグッズのアプリバナー
▼ Instagram用バナー（1200px × 1200px）
▼使用ツール Photoshop・illustrator
①要件
・目的
ペットオリジナルグッズのアプリダウンローを促し、利用促進の目的。
・ターゲット
20代～40代女性。 ペットを飼っている方。 オリジナルグッズに興味がる方。
・入れたい要素
＜文言＞
あなたの大切なペットがオリジナルグッズに
写真を撮って送るだけ
今すぐアプリをダウンロードーとボタン
PHOTO SHE
＜画像など＞①ペット画像 ②ペット感のあるイラスト ③PHOTO SHEロゴ
②工夫したこと
■アプリのダウンロードボタン
・Zの法則を使用し、ボタンは右下に配置しました。ボタンのみイエローで目立たせ、角を丸く縁を付けることでボタンらしいデザインにしました。
■イメージが湧きやすいような画像の作成
・「画像を撮って送るだけ」が一目で分かるように、iPhone上にペットを映している画像と、グッズになったイメージ画像を作成しました。
【NO.5】アパレルSALEバナー
▼ HP用バナー（960px × 400px）
▼使用ツール Photoshop・illustrator
①要件
・目的
自社HPで使用するSALE告知とセール商品の購入を促す。
・ターゲット
20代～30代女性。SALEが好きな方。 オシャレが好きな方。
・入れたい要素
＜文言＞
special summer SALE
旬のアイテムがMAX40％OFF
期間：2022年7月20日～7月30日
＜画像など＞①夏に使用するアクセサリー、雑貨、洋服画像
②工夫したこと
■季節感
・夏っぽさを出すために、イエローとグリーンの基盤縞を背景用に作成しました。
・SALEはレッドのイメージが強いため、レッドに少しオレンジを加えて、全体的に夏っぽく馴染むようにカラーの調整をしました。
■テキストのジャンプ率
・ユーザーの興味を引くために、40％を大きく展開し、その他の文言は優先順位を考えて大きさや向きを変えて配置しました。
NO.6以降は詳細がまとめられなかったため、制作物のみとなります。
最後までご確認いただければ幸いです。
【NO.6】雑誌の特集ページバナー
【NO.7】キャッシュバックキャンペーンバナー
【NO.8】コーヒーイベントバナー
【NO.9】SALEバナー
【NO.10】転職サイトバナー
