https://news.yahoo.co.jp/articles/464e776e2c82679fc39e5cd3175dfd95201f933e
“思わずクリックしたくなる”バナーデザイン発注のコツ！ 「イメージと違う」を解消する6項目
大量の情報があふれる時代、文字だけでメッセージを伝えるには限界がある。そこで役立つのが目を引くバナーだ。Web担当者の多くが、デザイナーにバナーを発注したことがあるだろう。しかし、デザイナーに依頼するとき、発注者は何を伝えるべきなのか、提出されたバナーをどうチェックしたらいいのか、悩んだことがある方も多いはずだ。
『思わずクリックしたくなるバナーデザインのきほん』の著者であり、Webデザイン事務所kanvasのWebデザイナーであるカトウヒカル氏が、「デジタルマーケターズサミット2022Summer」に登壇。カトウ氏は、デザイナーとしてバナーを作ることもあれば、デザイナーに発注することもあるといい、両者の視点を踏まえ、非デザイナー向けのバナーデザイン発注のコツを解説した。
よくある発注から納品までの流れ。これでは、良いバナーは完成しない!
イベント告知用のバナーデザインを発注する流れを見てみよう。発注者は、デザイナーにバナーの目的、サイズ、画像、バナーで使う文言を伝え、参考になる他のセミナーのデザイン(左)を提供した。そして、デザイナーから提出されたバナーが右の図だ。
人物を右配置、キャッチコピーは左配置、六角形のデザインモチーフ、配色……。発注者は似すぎているので「パクリ」と思われたらいやだなと思い、配色を変えてモノトーンにしてもらった。そして最終バージョンとして納品されたものが右のバナーだ。
似た印象は減ったものの、果たしてこれが最適解だったのだろうか。発注のやり方に問題があったので、上図の(2)が提案され、「配色をモノトーンに」と依頼したため、それ以外の要素や配置が調整されず、最終的に(3)での納品となってしまった。
果たして、どう発注して、どうフィードバックすればよかったのだろうか?
欲しいバナーのイメージのある/なしで発注方法は変わる
まず、バナーの完成イメージが「ある場合」と「ない場合」で発注方法が異なるとカトウ氏は言い、両者の発注方法を解説した。
■イメージがある場合は、ビジュアルをすり合わせる
イメージがある場合は、デザイナーとビジュアルのすり合わせをおこなう。そのときに役立つのが、任意の画像を集めたイメージボードを作れるPinterest(ピンタレスト)だ。作りたいデザインに近いバナーを10枚ほど集めて、デザイナーに共有すれば、イメージが伝わる。
参考イメージを自分で探せない場合は、デザイナーに集めてもらって、ビジュアルイメージをすりあわせるのも有効だ。イメージボードを見ながら、デザイナーと10分ほどディスカッションすれば、言葉で伝えるよりもしっかり伝わる。
┌──────────
冒頭の事例では、イメージを1点だけ伝えたために、人物配置、カラーなどがそのまま使われてしまいましたが、Pinterestで複数のイメージを提示すれば、人物配置やカラーには大きなしばりがないことが伝わり、デザインの自由度が増します(カトウ氏)
└──────────
■イメージがない場合は、デザイナーの考える力を使う
では、具体的なイメージがない場合はどうだろうか。カトウ氏は、デザイナーにファンになってもらい、デザイナーの考える力を借りることが大事だと言う。
ファンになってもらうために、自社の商品やサービスのWebサイト、コンセプト、商品効果や特徴などたくさんの情報を伝えて、そこからデザイナーの経験則や想像力を引き起こして、デザインをしてもらうのだ。伝える情報は、競合他社との違いや強み、お客様の声、誕生秘話や背景などに加えて、現在の課題、企画を行う背景なども伝えてほしいという。
デザイナーに共有しておくべき情報
┌──────────
商品やサービスを販売する発注者側と同じ目線に立ってもらって、デザイナーに売りたいと思ってもらうことが重要です(カトウ氏)
└──────────
何をチェックして、どうフィードバックすればよい?
発注後、納品された初稿を見て「なんか違うな」と思っても、何を直せばいいのか、言語化するのは非常に難しい。冒頭の例のように具体的なフィードバックをすると、そこだけしか修正されないということもある。そこで、以下の6項目をチェックするといい。
「なんか違う」を解消する6つのチェックポイント
チェック項目|詳細
1.基本項目|●必要な文言や画像をすべて入力している
●ロゴはガイドラインに沿って使用している
●首切りや串刺しなどNG構図になっていない
●ボタンや言葉でクリックを促している
2.メリハリ|●文字がしっかり読める
●キャッチコピーに目が留まる
