【WEBサイトには欠かせない!クリック数を増やす魅力的なバナー】

こんにちわ！
キューブデザイナーの片山です。

お盆休暇も明けて、もうすぐ9月ですね～。
新人デザイナーとして入社して、
もう半年経ち、早いなと感じる日々です。

そんな半年間で、私が一番奥が深いなと
感じたことは、web上で使用される「バナー」です。

最も飛んで欲しいページや、
見せたいページに誘導させるための
webサイトには欠かせないツールなのです！

そんな「バナー」にも長方形や正方形、
縦長などなど大きさがいくつかあり、
その中にデザインをしていくというもので、
よりクリック数を増やすために、
たくさんの工夫がなされていることをご存じでしょうか！

今回はそんな、注意を引くという目的で作成された
魅力的な「バナー」を多く使用したサイトを紹介します♪

●SMILE navi

http://www.smile-navi-web.com/

神戸女子大学/神戸女子短期大学の受験生応援サイトです。

まず、いくつかの正方形でデザインされた
ひとつひとつのバナーがくるっと回転する動作で
メインビジュアルとして使われていることに
注目してしまいますね。

ただ、回転するだけではなく、
一つ一つのデザインも魅力的です！！

例えば..
◆「Smile Navi Blog」のバナー！

上下に旗のイラストが用いられていたり、
円でデザインされた学生たちの写真が
楽しさが感じられますね♪

◆「シンジョガールズ秘書」のバナー！

上下に、いくつかの写真が配置されていて、
真ん中には、少し目を惹くような可愛らしい
変わったフォントを用いています！

また、メインビジュアルだけではなく、
下の方にも、バナーが流れており、
くるくると回転がしていて見逃してしまった
バナーでもしっかりと目を向けてもらえるように
なっているのではないでしょうか？

●マイ フェイバリット関西

http://www.my-fav.jp/

関西のおでかけ特集を紹介するサイトです。

このサイトは本当にバナーが多く使用されています！
「おでかけ特集」のページをご覧ください♪
メインビジュアルでも流れていたものを
バナーとしても使用しています。

たくさんのバナーがあるのにも関わらず
どの観光地も行ってみたいと思えるような仕組みになっており、
2カラムで大きめにみせているところもポイントですね！

例えば…

◆「大人の水辺案内」のバナー！

濃い目の青色を使い、
背景に使用されている写真の大きく空いた部分に
涼しげなおしゃれなフォントが素敵ですよね。

◆「大阪のおいしいお鍋」や「ひんやり冷たいかき氷」のバナー

このような食べ物を押したバナーでは、
シズル感を出したお鍋の写真にさらに湯気のカタチのデザインに
文字を載せていたり、冷たさを感じるように、背景にきらきらしたカタチを
配置していたりなど…
とにかく食べに行きたくなるようなデザインがされています！

ひとつひとつのバナーのちょっとした工夫で
同じ大きさでたくさん並べられていても
それぞれ一番伝えたいことや見てほしいものに
惹きつけられる仕組みが魅力的に感じます！

皆さんも関西を旅してみたくなるように
感じるのではないでしょうか(*^^*)？

●箱庭 haconiwa

http://www.haconiwa-mag.com/

女子クリエ―ターのためのライフスタイルのサイトです。

このサイトは手書き風なバナーが多いです！
「hakoniwa」のロゴも手書き風なので、
そのロゴの雰囲気と合いどれも統一感が出ていますね。

例えば….

◆「今週末行きたいイベント」のバナー！

周りにちりばめられた図形とかぶさるようにイベントの
楽しそうな雰囲気が伝わってきます。
日付などの読ませたい部分や
手書き風ではないところなんかは、めりはりがでているようですね。

◆「POP UP！」のバナー

すべて手書き風で書かれているのですが、
黒の波線に沿って内容が書かれていることによって
見やすいデザインになっているように感じますね！

手書き風を上手く見せるための工夫がされていて
おしゃれな感じが、クリエーターの目を惹きつけるようですね！

いかがでしたか？

あまり大きい範囲で作成ができないバナー。
ですが、変わったフォント・大きさのメリハリなどなど
工夫されたデザインで、人の注意を引くような
素敵なバナーになっていましたね。

私も、より多くのクリックをしていただけるような、
興味を引くバナーのデザインを勉強していきたいと思います！

では、また来週もお楽しみに～♪