お仕事情報カタログ ウェブタント サポタント株式会社 人材派遣サポートセンター:0120-317-133 社団法人日本人材派遣協会 / WEB広告研究会 / EC協議会賛助会 / 東京商工会議所 会員 プライバシーマーク
一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233

会社概要お問合せ法人のお客様へ就業中スタッフ専用ログインサイトマップ
ホーム お仕事を探す スキルアップ研修 ウェブ・モバイルプチノウハウ お仕事情報メルマガ 初めての方へ
職種からお仕事を探す  WebディレクターWebデザイナーコーダーネットショップ運営モバイルサイト事務その他  今週の特集
ネットショップでのPhotoshop活用術
良いバナーって何??

ありきたりですが、

気が付けば、クリスマスも過ぎて、あっという間に年末。





今まで数回にわたって、

Photoshopを使って、

画像を補正したり、バナーを作成する為のテクニックを

ご紹介をして行きましたが、

今年の締めとして、

バナーそのものについて、お話したいと思います。



今回は文章だけになってしまうのですが、

Photoshopを使っての画像作成のコアの部分ですので、


よろしくお付き合いくださいませ。







●バナーとは、



そもそも、

「どのような画像を以ってバナーと言うのか?」

「良いバナーと良くないバナーの差は何???」と考えてみたいと思います。



マツイが考えるに、



バナーとは、

「その画像をクリックすることで

訪問者(お客様)が欲しがっている商品や情報、

または、注目してもらい、興味を持ってもらった対象が詳しく書かれたページへ移動することが出来ます。」

と案内してくれる画像
と考えております。





少し具体的に言うと



食品なら、「美味しそう!」

アパレルなら、「カワイイ!」「かっこいい!」

パソコン関連商品なら、「便利そう!」「性能が良い!」

という、印象を訪問者に持ってもらい、



「これ欲しい!」「もっと詳しく知りたい!」と思ってもらい、

「ポッチっと」クリックしてもらう画像がバナーと考えております。







●良いバナーとは?



いきなりの概略の結論ですが、

良いバナーとはより多くの訪問者がそのバナーに注目し、表示されている画像や情報に興味を持ち、

クリックしてもらえるバナーである
」と考えております。



※マーケティングの世界では、購買者心理について昔から分析が行われており、

詳しくは、AIDMAの法則(Wikipedia)もご参照下さい。







●訪問者はどんな方??




当たり前の話ですが、

バナーはクリックされなくては意味がありません。

その評価は、バナーをクリックするのは訪問者(お客様)であって、

デザイナーではありません。




バナーをデザインするに当たっては、

お客様の属性や好みを十分に把握することが大前提です。





・自分の担当してるサイトの訪問者はどんな方が多いのか?

・ネットショップならどんなお客様に向けての商品を扱っているのか?

・男性が多いのか女性が多いのか? 年齢層は?

・扱っている商品は高級品なのか、お買い得品なのか?

・メインのターゲット層を雑誌で例えると何という雑誌か?

・同業他社を10社挙げてみると・・・

・ネットショップの場合、同業の中で売れているショップは??



ココの点が分かっていると、

デザインの方向性は簡単になってきます。



特に雑誌に例えて訪問者を捕らえてみる方法は、

毎年、新刊が出てはいつの間にか廃刊されている雑誌もある激戦区で

生き残っている雑誌は、ターゲットにあったデザインと考えていますので

非常に参考になると思います。



※参考

同じスイーツでも、若い女性向けのHanakoと年齢層の高い男性向けdancyuでは

写真の撮り方が違うように非常にターゲットを意識したページになっています。



色使いやターゲットについては、笹本先生のコラムでより詳しく書かれています。







●良いバナーを作るには・・・



以前にセミナーでもお話したのですが、

「どんな訪問者が」「何を求めて」このサイトに訪問してくれているのかを考えた上で、

バナーの構成要素として、

1)画像の補正・トリミング

2)装飾

3)キャッチコピー


の3点に分けて、バナーを作成して行く方法を紹介しました。



この3点に分割して、

よりクリックしてもらえるバナーを作るためには、

「1)画像の補正・トリミング」でどのような画像が求められているか?

「2)装飾」でどのような装飾で画像を訪問者にとって魅力的に見せることが出来るか?

「3)キャッチコピー」で訪問者にバナーをクリックした先のページ情報を端的に表現するか?




を考えてバナーを作成してゆくことが必要と考えます。









●コラムだけでは説明しきれない部分も・・・



とココまで書いてきましたが、

このコラムの文章だけでは、

とてもとてもお伝えできる文章量ではありませんし、

実際に作業しながらでないと、

とても上手くはお伝えできない部分も多数ございます。



詳しくは、1/12(土)開催の当方のセミナーで実演を兼ねてお話したいと思います。







次回は、クリックされた先のページも考えてみよう〜の予定です。





それでは〜良いお年を♪




松井@和博
有限会社フューチャーワークス
オンラインショップ様のパートナーとして、担当するオンラインショップ様の売上に応じて、成功報酬での運営、管理、コンサルティングを行う、有限会社フューチャーワークス在籍。

担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、WEB制作業界以外、過去5社での、製造、営業、小売での経験から商品の見せ方、デザインに限らず制作、広告、イベント等での工程管理も得意する。仕事は段取り8割がモットー。

現在、担当ショップ様2(8サイト)
過去の新規制作案件2社。

使用PhotoShopバージョン:PhotoShop6(Windows)


■連絡先
〒120-0034
東京都足立区千住3-35シルクビル3階
03-6912-8855
有限会社フューチャーワークス
http://www.future-worx.net/



アプローチの選択は簡単が一番♪
写真の上に文字を配置するとき
同系色でまとめてみては??
基本のまとめカレンダー作り
バナーには枠線を引きましょう♪
文字を変形してみよう♪
スライスでGoGo!
文字の装飾イロイロ
大きなバナーを作るとき・・・
クイックマスクで選択範囲を作ってみよう♪(その2)
点線のイロイロ♪
グラデーションで合成♪
フォントの使い方(実践編)
画像を囲って、写真っぽくしてみよう〜
フィルター(そういえばシャープしか使っていない・・・)
管理しやすく画像を作るっ
フォント選びは簡単に〜
クリックされた先のページも考えてみよう〜
良いバナーって何??
録音して、一気にサムネイル作成。(後編)
----------------------------------------------------
全ての記事を見る

ノウハウコラム
現場で使えるDreamweaver & Fireworksの
「イラストを描く前に、イラストを理解すること」をモットーに
ネットショップでのPhotoshop活用術
デジカメ商品撮影 情報満載図書館
ネットショップに役立つプログラミングを楽しく伝授
【トントンのネットショップ運営繁盛講座】
売るための"サイト構築テクニック
心を動かすお店の作り方
御社の「売り」は何ですか?
スタッフ紹介
とこみゆきの良新日記
大池めぐみブログ
佐藤麻衣子ブログ
笠原華子ブログ
橋和田智子ブログ
平岡典子ブログ
野崎朋子ブログ
高見英作ブログ
松本ひとみブログ
高橋理華ブログ
椎木美由紀ブログ
細畠牧奈ブログ
外薗聖子ブログ

スタッフコラム
ちょっと耳より♪Web/Mobileコラム

 サポタントSTAFFが、現場で感じた
 スキルUP情報を交代でお届け♪
今週のイチオシ企業様

 毎週、コーディネータの
 おすすめ企業様をご紹介します♪
大池めぐみのイチオシ企業様
佐藤麻衣子のイチオシ企業様
笠原華子のイチオシ企業様
高見英作のイチオシ企業様
椎木美由紀のイチオシ企業様
細畠牧奈のイチオシ企業様
外薗聖子のイチオシ企業様


お仕事を探す
東京神奈川埼玉千葉 大阪京都奈良兵庫 愛知静岡岐阜

スタッフ登録する
非公開案件も多数あります。派遣スタッフエントリーより登録後に選択することも、もちろん可能です。
派遣スタッフエントリー 登録から契約までの流れ 派遣スタッフ登録特典

このページのトップへ

ウェブタント運営会社 サポタント株式会社 http://www.supotant.com/
ネット業界で目標実現を目指すお客様を「おブッチギリ」に「愛」たっぷりにお手伝いする【サポート担当】の会社です。
IT業界で、就職・転職を目指している方、人材を募集されている企業の人事採用(雇用)担当者さま、ネットショップを立ち上げられたい方、ネット通販を運営されている経営者の方々のお手伝いをさせていただきます!
主な事業内容
■一般労働者派遣事業:(般)13-302759  ■有料職業紹介事業:13-ユ-302233
WEBデザイナー、WEBディレクター、WEBプロデューサ、WEBマスター、ネットショップ店長・運営者、ブログ編集管理者、ソーシャルネットワーキングの制作・管理業務者、プログラマー・保守、マーケティング企画、メルマガライター、WEB系企業一般事務員など、即戦力スタッフを派遣・紹介いたします。未経験者には、技術研修を行い、スキルアップを図ります。(中途採用もあり)
<主な派遣先企業様実績 最寄り駅>
【関東】東京:銀座、新橋、有楽町、目黒、代官山、渋谷、神谷町、表参道、恵比寿、六本木、飯田橋、大森、 神奈川:横浜、新横浜、茅ヶ崎
【関西】大阪:梅田、本町、心斎橋、なんば、三ノ宮、神戸、京都
■ECサイトセミナーの企画及び運営事務局
サイト開設、売り上げUP、集客UP、SEO、SEM、PPCなど、EC業界の最新情報をお届けするセミナーを企画・運営しております。
参加団体 社団法人 日本人材派遣協会 会員 / 東京商工会議所 / Web広告研究会 / オンラインショップマスターズクラブ / NPO法人 キープラネット / 全国イーコマース協議会

 トップページ会社概要・各拠点連絡先 個人情報保護方針法人のお客様へ