バナー課題4をやってみました。

チャレンジ

WEBデザイナーのrirumaruです。
こばやすさん(@kobayas_s)のバナーお題 第4弾をやってみました。

#バナーお題 第4弾 koba payアプリ利用案内|こばやす|現場のWebデザイナー
こんにちは、こばやす(@kobayas_s)です。 久しぶりにバナーお題更新します! バナーお題を知らない方は下記の記事をご一読ください。 お題内容 クリスマス商戦を狙いkoba payアプリ利用促進するバナー制作です。 バナー設置場所:コ...

課題内容

クリスマス商戦を狙いkoba payアプリ利用促進するバナー制作です。

#バナーお題 第4弾 koba payアプリ利用案内|こばやす|現場のWebデザイナー
こんにちは、こばやす(@kobayas_s)です。 久しぶりにバナーお題更新します! バナーお題を知らない方は下記の記事をご一読ください。 お題内容 クリスマス商戦を狙いkoba payアプリ利用促進するバナー制作です。 バナー設置場所:コ...

課題内容から読み取れること

・クリスマス商戦からクリスマスのあしらいを使いたい。
・ポイントプレゼントキャンペーンを実施することで、ユーザーに使用するハードルを下げるのが目的。
・今後の利用者を増やしたい。

目的は、バナーを見て、QRコードから決済アプリをダウンロードしてもらえること。

上記から情報を整理していきます。

ラフデザイン

使用ツールはイラレです。

素材探し

クリスマスのあしらいが欲しいので、イラストACから素材を見つけました。

無料イラスト・フリー素材なら「イラストAC」イラストACは、無料でおしゃれなかわいい季節のイベント・人物・動物・フレーム・子供などのイラストがAI・JPEG・PNGでwww.ac-illust.com

レイアウト

F型の構図を意識し、タイトルを中央、一番強調したい200ポイントプレゼントを左6割、QRコードを右4割に配置しました。

QRコードが小さいと読み込めないので、大きめにしてます。

あしらい

200が目立つタイポグラフィ。縁文字を利用することで一番目立つようにしてます。内側に黄土色の線を入れることで、より高級感を感じるようにしました。

雪だるまと雪結晶を使ってみました。
雪結晶は、文字の邪魔にならないように透過させてます。

その他

・クリスマスを意識した赤と緑の配色にしました。
・QRだけだと目立たないので、スマホのイラストを入れてみました。

完成

画像

振り返り

結構QRコードが読み込めないので、サイズ調整は気をつけました。
当初は、200ポイントプレゼントを中央に配置したほうが、より目立つと思ったのですが、QRコードの配置が微妙になってしまい、悩みました。

修正点や変更点あれば、是非コメントしていただきたいです。
最後まで読んでいただきありがとうございます。

バナー制作で参考になった資料

タイトルとURLをコピーしました