あなたはどうしている?効果的なバナーを制作するために必要な5つの考え方

久々に実践的なことをまとめていきます。僕が制作という仕事をしてきて早15年が経過して来年で16年目を迎えようとしていますが、僕が行ってきた制作の中で特に効果が高い制作の方法をシェアします。

1 効果的な写真の使い方

b7a479f5a8434d1ad851c91e0e2b1ca8_s

まずバナー制作において一番重要といえる素材それは写真です、この写真がないと効果は半減するでしょう。それもできれば綺麗な女性が良いです女性がない場合はとにかく記憶に残るキャッチなイメージが必要です。
更にイメージが人の場合は人物の顔の目がキャッチコピーと平行になるようにするのがポイントです。それにより自然とキャッチコピーが頭に入り自然とこの情報が必要か脳が判断します。これこそが自然な広告の目線移移動と脳による認識なのです。

2 リンク先の情報を一言でまとめるポスター

646870d731d61d3f7011231a3c5a0741_s

バナーを制作する時に以前も話しましたが、バナーはリンク先のポスターと思って制作してください。ポスターは大きさが決まっており訴求することの塊です。ただし訴求する事は、見ている人の利益があるかどうかです。
ここで重要なのはリンク先の事をユーザー目線に落とし込んであげないとクリックされません。クリックされないと無用の産物です。重要なのでもう一度言います。ユーザー目線で考えて何がユーザーの利益にリンク先はなるか考えてください。

3 効果的な文言の使い方

20471a06d08c3c721ea4c5b3e113c153_s

写真と同様の優先度を占めるのが、このキャッチーコピーと説明文言です。このポイントとしてはリンク先を一言で表すと何なのか?それも5文字以内で表してかつ相手の記憶に残り、相手の利益になる文言を考えてください。わかりやすく言うとスポーツ新聞の見出しです。
例えば芸能人のスキャンダルで、浮気していた男性芸能人がいた場合紙面はの見出しは何でしょうか?
ズバリ「有名芸能人浮気!」などですかね。この場合これだけだと誰か?がわかりません、しかしそこが狙いなのです脳はわからないことが大嫌いです。なので、クリックしたくなる、あるいは新聞を読みたくなるという動機に結びつきます。これが効果的な文言の使い方です。
また、必ず具体的な数字を入れてください。数字は非常に覚えてもらえやすく数字ほど具体的な訴求はありません。
具体例としてはこちらはYahooさんに貼られていたバナーです。必ず数字が入ってます。

nt5jhigh10nmqqmn4zy0-a
画像参照先:http://www.Yahoo.co.jp/

4 脳の記憶のメカニズム

1226d5544a74f50b8bb576d58177d163_s

これは1でも触れましたが、脳が記憶するというのは何かに紐付いて記憶しているのです。単体では記憶のひっかりが弱いのです。だから写真や色などを使ってよりキャッチに紐付けるように行っているのです。なので、効果的に記憶してもらう為に必要なのが、人物の目を文言の近くに綺麗に配置するのが重要なのです。
ちなみに人の目は一番初めに目につくと言われてます。

5 リサーチする事、制作するという事は制作する前に終わってなければならない

0c969e27bca93169f7256404ea5b9c05_s

これは前回のエントリーでもありましたが、まず競合を分析しろ!という事ですが分析しないでデザインするのは素人同然です。制作に入るませに8割は終わっていなけばなりません。
また、僕の仕事方法としてこの工程は非常に重要です。リテイクが極力ないために競合を分析する必要があるのです。このリサーチする時間は制作の半分をかけます。それだけ重要なのです。

まとめ

どうでしょうか。バナー制作において必要なことをシェアしておきますが、効果的なバナーを作れるとよりクリック率が上がり利益につながります。これこそがデザイナーの真骨頂です。そして、デザイナーこそが一番心理学やマーケティングに敏感でなければなりません。

この記事の関連書籍


以上あなたはどうしている?効果的なバナーを制作するために必要な5つの考え方でした。気に入ってくれたらシェアしてね!

関連記事

toei

感情を揺さぶる404ページで売り上げをアップ?!404に表示させるアイデアとその考え方

404ページは削除された事を伝えるのは古い? Webデザインの中でも...

記事を読む

GREEN_NE20140125_TP_V

Webディレクター必見!Webデザインで値段交渉はしない!金額を下げる時の対処法と交渉スキル

久々にスキル系の記事ですね。最近プライベートで仕事をしていて値下げ交渉...

記事を読む

e34c58b24832080e96fa78ea7add11a2_m

売り上げアップには必須?!Webデザインで僕が気をつけているたった2つの重要な事

Webデザインで僕が気をつけているたった2つの重要な事 Webデ...

記事を読む

f8e0795173779770d9bf031d56e8f342_s02

知ってる?Web、バナーデザインをする前に僕が行っている重要なたった2つのこと

デザイン制作の全般に適応できる制作する前に絶対行った方が良い事 ...

記事を読む

新着記事

toei

感情を揺さぶる404ページで売り上げをアップ?!404に表示させるアイデアとその考え方

404ページは削除された事を伝えるのは古い? Webデザインの中でも...

記事を読む

ed7ee0548bc78d1dd2759cc335fe2271_m

プレゼントにも最適!年金はない?これで今年は貯金100万円?貯めるのが楽しくなる貯金箱15選

年金はない?今年こそ貯金して海外旅行か?!とにかく貯金しないと何も始ま...

記事を読む

ikkotanaka

今週(5/1-5/7)の気になったデザイン関連ニュース

今週(5/1-5/7)の気になったデザイン関連ニュース 5月さぁゴー...

記事を読む

71AC6UDZncL._SL1488_

これはカッコイイ!是非とも欲しいクラシック Mac 風 iPhone スタンド

マック風いや、マッキントッシュ風と言うべきか。 以前ご紹介した、...

記事を読む

thefjcompany72fj40-1-1

今週(4/24-4/30)の気になったデザイン関連ニュース

今週(4/24-4/30)の気になったデザイン関連ニュース 4月はも...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

toei
感情を揺さぶる404ページで売り上げをアップ?!404に表示させるアイデアとその考え方

404ページは削除された事を伝えるのは古い? Webデザインの中でも見

ed7ee0548bc78d1dd2759cc335fe2271_m
プレゼントにも最適!年金はない?これで今年は貯金100万円?貯めるのが楽しくなる貯金箱15選

年金はない?今年こそ貯金して海外旅行か?!とにかく貯金しないと何も始ま

ikkotanaka
今週(5/1-5/7)の気になったデザイン関連ニュース

今週(5/1-5/7)の気になったデザイン関連ニュース 5月さぁゴール

71AC6UDZncL._SL1488_
これはカッコイイ!是非とも欲しいクラシック Mac 風 iPhone スタンド

マック風いや、マッキントッシュ風と言うべきか。 以前ご紹介した、App

thefjcompany72fj40-1-1
今週(4/24-4/30)の気になったデザイン関連ニュース

今週(4/24-4/30)の気になったデザイン関連ニュース 4月はもう

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑