works_design_osechi

バナーまとめ
バナー

制作意図は「 + 詳細をみる」からご覧ください。

 

works_design_osechi

食材宅配サービスのWebサイト/注文用アプリの広告バナー

詳細を見る

目的

期間限定の早割をアピールし、購入を促す

 

想定シーン

SPもしくはPCで来週の注文内容を決めているとき

 

ターゲット層

○性別・年齢

女性 40代

 

○職業・家族構成

会社員(フルタイム) 夫・子供(小学生 2人)の4人暮らし

 

○趣向

・普段の食事は家族の健康を考えてなるべく自炊するため、宅配サービスを利用
・おせち作りは手間がかかる上に結局子供が飽きて残してしまうことが多い。今年は楽して出来る限り安く用意したいと考えている

 

制作ポイント

伝えたいワードの優先順位を考慮し、文字の色や大きさにメリハリをつけた

 

①おせち 早割 : メインワードを背景と同じ赤でインパクトを出す

ポイント1

 

②最大3,000円OFF : 富士山を背景において、割引金額をアピール

ポイント2

 

③2020年10月31日まで : 割引金額のすぐ下に期間を置いて限定感をプッシュ

ポイント3

 

④2021年 新年を彩る : キャッチコピーなので上部に配置したが、目立ちすぎないよう控えめなサイズに調整

ポイント4

 

⑤梅の花や鶴を大きめな円状を意識して配置
ポイント5

 

⑥全体的に高級おせちではなく、購入しやすい価格層をイメージし、新年のおめでたい雰囲気を意識した明るい色合いにした

 

ツール

Illustrator/Photoshop

 

制作期間

3時間

 

works_design_aki-koyo

観光・旅行情報サイトの「秋の紅葉めぐり」記事のアイキャッチ

詳細を見る

目的

記事を読んでいただき、観光スポットに足を運んでほしい

 

想定シーン

PCで観光・旅行スポットをチェックしているとき

 

ターゲット層

○性別・年齢

女性 30代後半

 

○ライフスタイル

会社員。平日は仕事に追われている分、休日は気になった場所に出かけることが多い

 

○趣向

・普段PCと向き合う時間が長いので、休日は「癒し」「自然」に触れてリフレッシュしたい

・趣味は気の合う女友達とフラッと旅行すること。定期的に観光・旅行サイトをのぞいて次行く場所をチェックしている

 

制作ポイント

①背景写真は色合いのバランスを考慮して配置

ポイント1

 

②背景写真だけでなく記事タイトルにも目がいくよう、外枠の囲み+ロゴ調のデザインにして視点を中央に寄せた

ポイント2

③「秋」「紅葉」「ゆったり」のイメージにあわせて日本語フォントは「はんなり明朝」を使用

 

④ターゲット層の30代後半〜40代向けの大人らしい上品さを保ちつつ、旅行をイメージしてワクワクできるようにもみじや木の実など可愛らしいあしらいを含めた

ポイント5

ツール

Illustrator/Photoshop

 

制作期間

2時間

 

サマーセールアイキャッチ

カジュアル/大人ギャル系ブランドECサイトのサマーセール告知バナー

詳細を見る

制作意図

ワードを「SALE / SUMMER / 50%OFF / 7.1(Fri)12:00 START」と決めた上で、3つのターゲット層にわけてそれぞれに効果的なバナーを制作

 

SummerSale_01-03

 

目的

ユーザーの購買意欲を掻き立て、サマーセールページにアクセスしてもらう

 

想定シーン

SPでECサイトを見る時のアイキャッチ

 

ターゲット層

○性別・年齢

女性 10代後半〜20代前半

 

○主な着用シーン

学校/友達と遊ぶ

 

○服を買う際のポイント

・トレンド
・様々なアイテムに囲まれてバリエーション豊かな個性を出したい

 

制作ポイント

①50%OFFに対しては「MAX90%SALEも開催されるので、そこまで安く感じない。けど今年のトレンドアイテムは早めに欲しい」と感じると想定し、”Sale”を勢いよく中央に配置してアピール

 

②背景画像で夏感は伝わるので「SUMMER」は小さめに添えた

ポイント2

 

③型抜き文字で抜け間を表現しているので、メリハリをつけるために黒背景に白文字でワードを置いて引き締めた

ポイント3

 

ツール

Illustrator/Photoshop

 

制作期間

2時間

 

Summer-sale_30

コンサバ/フェミニン系ブランドECサイトのサマーセール告知バナー

詳細を見る

制作意図

ワードを「SALE / SUMMER / 50%OFF / 7.1(Fri)12:00 START」と決めた上で、3つのターゲット層にわけてそれぞれに効果的なバナーを制作

 

SummerSale_01-03

 

目的

ユーザーの購買意欲を掻き立て、サマーセールページにアクセスしてもらう

 

想定シーン

SPでECサイトを見る時のアイキャッチ

 

ターゲット層

○性別・年齢

女性 30代前半

 

○主な着用シーン

オフィス(OL)/デート

 

○服を買う際のポイント

・スタイルがよく見えるサイズ感か
・パーソナルカラーを考慮して自分の魅力を引き出したい

 

制作ポイント

①キーワードは「上品・モテ」をイメージ。「夏の元気!活発!」らしさではなく「女性らしいモチーフ」を優先。ワードで夏らしさを表現するために「SUMMER」を大きく配置

 

②トンマナを合わせるために花の色相・彩度をPhotoshopで加工

ポイント2

 

③円と円の間に花を重ねて奥行き感を表現

ポイント3

 

 

ツール

Illustrator/Photoshop

 

制作期間

2時間

 

Summer-sale_40

ナチュラル/リラックス系ブランドECサイトのサマーセール告知バナー

詳細を見る
制作意図

ワードを「SALE / SUMMER / 50%OFF / 7.1(Fri)12:00 START」と決めた上で、3つのターゲット層にわけてそれぞれに効果的なバナーを制作

 

SummerSale_01-03

 

目的

ユーザーの購買意欲を掻き立て、サマーセールページにアクセスしてもらう

 

想定シーン

SPでECサイトを見る時のアイキャッチ

 

ターゲット層

○性別・年齢

女性 40代前半

 

○主な着用シーン

ママ友ランチ会/子供と遊ぶ

 

○服を買う際のポイント

・動きやすさ/着心地のよさ
・自分に似合うものは理解しているので、お気に入りブランドから買うアイテムを厳選したい

 

制作ポイント

①「SALEだから買いたい」と思うのではなく、「お気に入りブランドが50%OFFだったらお買い得に感じる」と想定し、”50%”を中央に配置。全体的に淡い雰囲気に対してコントラストを強くするため文字を大きく、黒字に設定

ポイント1

 

②大人の余裕、夏の爽やかな雰囲気を表現するためにややくすんだ色味の水色ボーダーを背景においた

 

③ナチュラルなやわらかさをアピールするため、文字を円状に配置、手書き調の鳥に水彩ブラシで夏らしく、幸福なイメージをもたらす黄色を添えた

ポイント3

 

ツール

Illustrator/Photoshop

 

制作期間

2時間

 

snswebina

ウェビナーの告知バナー(架空)

詳細を見る

目的

新規リード獲得のために認知拡大したい

 

想定シーン

PCから自社サイトにアクセス、SPからSNSで見かける

 

ターゲット層

○性別・年齢

男女 20代後半

 

○ライフスタイル

会社員 SNSマーケティング業務を担当

 

制作ポイント

①背景は対談をイメージする交差したテクスチャ素材に、Instgramを連想させるカラーグラデーション+ビジネスの締まった雰囲気を出すために黒半透明を重ねた

②テクスチャはタイトルとかぶる位置に点や線があったため、視点が散らないようにコピースタンプ で消去。女性の素材は頭切れがあったので加工

point

 

③人物2名をバランスよく配置するため、3等分のレイアウトで配置

point

 

④先進的な雰囲気にするため全体的にトーンを暗くした。堅苦しくなく参加しやすいカジュアルな雰囲気を出すために右上の日程は少しカーニングを広めにした

 

ツール

Photoshop

 

制作期間

2時間

 

美容ブログ Beauty Attendant様のアイキャッチ画像

詳細を見る

目的

ブログのアクセス率を上げる

 

想定シーン

SPでSNSをチェックしてる際に見かける

 

ターゲット層

○性別・年齢

女性 30代〜40代前半

 

○思想

スキンケアに気を配っているが、美容にかけられる金額は限られているので「高くて効果のある基礎化粧品」より「肌をいたわる方法を知りたい」と思っている

 

制作ポイント

○共通ポイント

①Beauty Attendant様のブログデザインがモノトーンでシックにまとめられているため、目を引くアイキャッチを意識しつつ、サムネイルが並んだときに世界観が統一されるようにまとめた

②ワードを読まなくても、直感的に何の記事か興味をひくように、記事の対象(肌・口元)に手を添えている・かつ自分と重ねて共感しやすい写真を選定した

 

○それぞれのポイント

①「肌のお手入れで心満たされる40代女性」が連想できる幸福感がある表情の写真を選定
②40代女性から好まれるくすんだ落ち着いたピンクをメインカラーにした

 

①口元に悩んでもやもやしている雰囲気を背景テクスチャで表現
②パッとみた時に「口元に関する記事」とわかりやすいように右上に唇のイラストを添えた

 

ツール

Photoshop

 

制作期間

2時間(2枚)

 

beer

新商品ビールのPRバナー

詳細を見る

目的

SNS拡散による売上増加

 

想定シーン

SPでSNSをチェックしてる際に見かける

 

ターゲット層

○性別・年齢

男女 30代後半〜40代前半

 

○思想

仕事帰りによくBARにのみに行ってたが、自粛生活に伴い 家での暮らしの質をあげたいと感じている

 

制作ポイント

①新商品のブランドイメージを定着させるため、ラベルの黒とビールの琥珀色で全体を統一。「この味を待ってた」の文字は 「リッチ・待望の商品」の雰囲気を表現するためにゴールドのテクスチャを重ねた
②落ち着いたBARのネオンを連想させるぼかしライトの背景を使用。「家で味わえる贅沢」のコンセプトに合うように「リラックス・あたたかみ」を感じるトーンに加工
③大衆感より高級感を出すために文字のジャンブ率は抑え目に、あしらいは「New!」のみにして余白をもたせた
④左側から差し込む光をイメージし、ビールの明るさ・光を加工

 

ツール

Photoshop

 

制作期間

2時間

 

cloud service

クラウドサービスのPRバナー

詳細を見る

目的

無料体験10日間をアピールして登録者数を増加させたい

 

想定シーン

PCで業務中に調べものをしている際に見かける

 

ターゲット層

○性別・年齢

男女 30代前半

 

○ライフスタイル

会社員 システム運用管理を担当

 

制作ポイント

①「自社サーバーからクラウドへの切り替えが面倒..」と感じている担当者に気軽な気持ちで無料体験10日間を試してもらうため、デジタル感の強い素材や、PC写真などの堅めな素材ではなく アイソメトリック調のイラストを選択
②イラストと合わせて「無料体験」の文字を丸で囲み、統一感を出した

point
③「クラウド」の文字にパッと視線が向くように、ベースカラーのグレーに映える黄色マーカーをのせた

④デザインの邪魔しない程度にさりげない濃淡をつけるため、背景(左上と右下)にシェイプ +全体に囲み線を配置

point         point

 

ツール

Illustrator

 

制作期間

1.5時間