一般労働者派遣:(般)13-302759 / 有料職業紹介:13-ユ-302233 ｜会社概要｜お問合せ｜法人のお客様へ｜就業中スタッフ専用｜ログイン│サイトマップ

職種からお仕事を探す　 Webディレクター│ Webデザイナー│ コーダー │ ネットショップ運営│モバイルサイト│ 事務 │ その他　 今週の特集

ネットショップでのPhotoshop活用術 クリックされた先のページも考えてみよう〜 2008年になり、 「平成20年」という言葉聴くと、とっても凹んでいますマツイです。 今回も、ほとんど画像ナシの文章だらけのコラムですが、 バナーを作ることのコアな部分をお話したいと思いますので、 よろしくお付き合いくださいませ〜〜 前回、本当にざっくりとした形でしたが、 よりクリックされるためには・・・の概略をお話しました。 ここで一度、根本を考えてみましょう〜 ネットショップや企業サイト、固有の商品やイベントの為に作成されたキャンペーンサイトなど 商用サイトの目的は何でしょうか？ ネットショップなら、商品やサービスを売ること。 企業サイトなら、IR、人材募集、会社の認知度アップ キャンペーンサイトなら、商品やイベントを広く認知してもらうことが 目的だと思います。 自分のようにネットショップを担当している場合は、 商品がより売れることを意識してページを考え、 バナーを作成して行かなければなりません。 前回のコラムで、 よくクリックされるバナー＝良いバナーとお話しましたが、 そこに、クリック先のページのことまで考えると、 よくクリックされるだけのバナーよりも よくクリックされて、その商品ページの商品がより売れるバナーが、 もっと、もっと良いバナーだと思います。 ここでは、クリック先のページに書かれている内容は、チョッと置いておいて バナーだけで考えると、 バナーとクリック先のページの雰囲気ががらっと変わってしまうことは 避けたほうが良いと思います。 分かりやすい実例で言いますと、 イーストリートさんのマフィンのバナー バナーに載せている画像は、各ページの一番上の画像を載せております。 「このマフィンおいしそう！」とクリックしたときに、 ページで初めて出てくる画像（ファーストビューで見える画像）が 全く違う画像だったり、雰囲気の違う画像だった場合、 クリックした訪問者は不要な違和感を感じて、元のページに戻ってしまったり、 ページを閉じてしまわれたりすることも考えられます。 これではせっかくバナーも逆効果になってしまいます。 このマフィンの商品ページで使われている画像は上記の3枚です。 左の画像がページの上にある画像、右の画像がカートのそばにある画像。 他にも、自分担当してるイーストリートベーグルズさんでは 送料込みなどのお得なベーグルセットのページの一番上には、 バナーと同じ画像を置いています。 これも、お客様が「この商品お得！」とクリックしたときに、 全然違う画像が見え、 その時点で、気持ちが冷めてしまうことを避けたいからです。 兎角、バナーのデザインが楽しくなってくると、 イロイロと作りたくなる気持ちもよく分かりますが、 1つの商品やシリーズに対して、様々なバナーが多数あると それだけで、お客様は混乱して、バナーとしての有効でない画像になってしまう。。。 と言うことになります。 ここでは、一例だけを挙げましたが、 バナーを作る際には、 クリックした先にある、商品ページがどんなページになるか、なっているのかを よくよく見ておくことが大切なのです。 それでは〜

松井�@和博 有限会社フューチャーワークス オンラインショップ様のパートナーとして、担当するオンラインショップ様の売上に応じて、成功報酬での運営、管理、コンサルティングを行う、有限会社フューチャーワークス在籍。 担当ショップ様、来店するお客様のイメージに合ったデザインを作る事を常に心掛け、WEB制作業界以外、過去5社での、製造、営業、小売での経験から商品の見せ方、デザインに限らず制作、広告、イベント等での工程管理も得意する。仕事は段取り8割がモットー。 現在、担当ショップ様2（8サイト） 過去の新規制作案件2社。 使用PhotoShopバージョン：PhotoShop6(Windows) ■連絡先 〒120-0034 東京都足立区千住3-35シルクビル3階 03-6912-8855 有限会社フューチャーワークス http://www.future-worx.net/ アプローチの選択は簡単が一番♪ 写真の上に文字を配置するとき 同系色でまとめてみては？？ 基本のまとめカレンダー作り バナーには枠線を引きましょう♪ 文字を変形してみよう♪ スライスでGoGo! 文字の装飾イロイロ 大きなバナーを作るとき・・・ クイックマスクで選択範囲を作ってみよう♪（その2） 点線のイロイロ♪ グラデーションで合成♪ フォントの使い方（実践編） 画像を囲って、写真っぽくしてみよう〜 フィルター（そういえばシャープしか使っていない・・・） 管理しやすく画像を作るっ フォント選びは簡単に〜 クリックされた先のページも考えてみよう〜 良いバナーって何？？ 録音して、一気にサムネイル作成。（後編） ---------------------------------------------------- 全ての記事を見る とこみゆきの良新日記 大池めぐみブログ 佐藤麻衣子ブログ 笠原華子ブログ 橋和田智子ブログ 平岡典子ブログ 野崎朋子ブログ 高見英作ブログ 松本ひとみブログ 高橋理華ブログ 椎木美由紀ブログ 細畠牧奈ブログ 外薗聖子ブログ ちょっと耳より♪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法人　キープラネット / 全国イーコマース協議会

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