あなたはどうしている?効果的なバナーを制作するために必要な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つの考え方でした。気に入ってくれたらシェアしてね!

関連記事

2bdbd18feac7a37be0fa2096c511e577_m

これは素敵すぎる!アメリカのデザイン会社で利用されている契約書がマジで素敵

久々の技術ネタですかね、制作しているといっつも言われてるのが、早く仕上...

記事を読む

toei

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

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

記事を読む

GREEN_NE20140125_TP_V

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

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

記事を読む

e34c58b24832080e96fa78ea7add11a2_m

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

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

記事を読む

新着記事

skitched-20170817-225452

これはすごい!ありそうでなかったレンズを完璧に収納してかつ取り出しやすいTriLensが神がかってる

こんにちはデジタル一眼レフユーザー歴10年を超えたWebデザイナー...

記事を読む

we+_Patience_7_W

まさにアートすぎる!人間の顔で時間を表現する「忍耐」がテーマな電子時計がすごいw

この時計は時間を伝えるために、人の目と口を使って表現している ...

記事を読む

skitched-20170815-213229

こんな時代は直ぐそこだ!指輪で認証、ハイ施錠!決済だって即終わり!めちゃくちゃかっこいい指輪認証デザイン

まさに未来の指輪!指輪型決済システム まさに未来。指輪型の認証で...

記事を読む

3994a01d0f8b9e86b49fe10882eeb0ed_m

友達だからと言って値下げはするな!友達だからこそ適切な値段で対処するデザイン制作の理由

今日は久々に技術ネタというか、制作に関しての考え方と友達や知り合いの受...

記事を読む

skitched-20170812-230509

これは羨ましい!飛ばねぇ豚はただの豚だ…宮崎駿監督・監修、あの水陸両用機が離陸

あの紅の豚に登場する水陸両用機が誕生 画像参照先:飛ばねえ豚は…...

記事を読む

Message

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

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

skitched-20170817-225452
これはすごい!ありそうでなかったレンズを完璧に収納してかつ取り出しやすいTriLensが神がかってる

こんにちはデジタル一眼レフユーザー歴10年を超えたWebデザイナーです

we+_Patience_7_W
まさにアートすぎる!人間の顔で時間を表現する「忍耐」がテーマな電子時計がすごいw

この時計は時間を伝えるために、人の目と口を使って表現している 画像参照

skitched-20170815-213229
こんな時代は直ぐそこだ!指輪で認証、ハイ施錠!決済だって即終わり!めちゃくちゃかっこいい指輪認証デザイン

まさに未来の指輪!指輪型決済システム まさに未来。指輪型の認証で決済だ

3994a01d0f8b9e86b49fe10882eeb0ed_m
友達だからと言って値下げはするな!友達だからこそ適切な値段で対処するデザイン制作の理由

今日は久々に技術ネタというか、制作に関しての考え方と友達や知り合いの受

skitched-20170812-230509
これは羨ましい!飛ばねぇ豚はただの豚だ…宮崎駿監督・監修、あの水陸両用機が離陸

あの紅の豚に登場する水陸両用機が誕生 画像参照先:飛ばねえ豚は…宮崎駿

→もっと見る

  • -売る技術-

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

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

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

PAGE TOP ↑