概要

現役Webデザイナーのこばやす様がnoteにて提供しているバナー模擬案件の第一弾に挑戦しました。

• 制作期間：35時間
• 担当箇所：デザイン
• 使用ツール：Illustrator、Photoshop
• 課題URL：https://note.com/kobayas/n/n7454d1ec9b95

基本条件

バナー設置場所

自社ECサイトのサイドメニュー

コンセプト

冬限定一口チョコ。普段高いが今だけ割引価格

キャッチコピー

ちょっと一息。贅沢をお裾分け

期間

11/◯〜12/◯まで

ターゲット

20〜40代の働く男女

イメージカラー

白、水色

バナーサイズ

W300×H280px

制作プロセス

クライアント調査

基本情報からクライアント情報は高級食品を扱っているECサイトを想定しました。

ターゲットの具体化

社会人が取引先に送る贈答用食品をECサイトを閲覧しながら探していると、”一年頑張った自分自身へのプレゼントにいかがですか”と高級チョコレートが割引であるとのバナーを発見する。という状態を想定しました。

参考デザインのピックアップ

基本条件から社会人が自分自身へのプレゼントを買う状況を想定し、高級感のあるバナーを中心に参考バナーをピックアップしました。また実際にチョコレートなどの菓子類を扱ったバナーはどの様なものがあるか、同様の模擬案件に挑戦している方がどの様なバナーを作成したかも調べ参考にしました。

デザイン作成

画像の周りに影をつけ、枠線を使用しチョコレートの画像を強調しすぐにチョコレートに関係するバナーとわかる様にしました。”３０％オフ”の部分を強調しセールのバナーであることを強調しました。大人向けであること意識し使用する色の種類も少なくし落ち着いた印象を演出しました。

配色

• テキストカラー：白を使用しベースカラーと合わせて文字の可読性を上げました。
• ベースカラー：基本条件で指定された水色の彩度を落とし大人向けの印象を出しました。
• メインカラー：なし
• アクセントカラー：なし

フォント

完成案（修正あり）

完成したデザインに修正を加えました。より高級感を演出するため写真を少し小さく、自分へのプレゼントという点を強調するため”頑張ったあなたへ”という一文、右上と左下に金色の帯を追加しました。

作品を通じて感じたこと

①ターゲット分析の難しさ、②デザイン作成の際に参考とするバナーを目的をもって沢山集めることの重要性③バナーの設置場所の確認の重要性を強く感じました。①対象年代が20代から40代と幅が広くどの年代に絞ればいいのか悩みました。そのため”働く男女”というよう点に着目し幅広い社会人がターゲットと分析しました。②最初に参考バナーを集めた際にはお菓子のバナーやセールのバナーで検索、参照しましたがなかなかターゲットに響くであろうデザインができませんでした。そのためジャンルを問わず高級感、プレゼントというキーワードで検索し参照するバナーを増やし、それぞれのあしらい、写真の位置などがどういう意味を持っているのかを調べ自身のバナーに落とし込んでいきました。③参考バナーを多く集めバナーを複数作成しましたが設置場所と合わないものまで作成してしまいました。これからは時間を意識しマーケティングの勉強も行いターゲットの具体化に慣れ、目的を持った参考バナーの収集、バナーの設置場所も意識して制作していきたいと思います。