「ECキャンパス」は全国のネットショップを運営する店長さんに学びの場となるWEBキャンパスを提供します。「売上を伸ばしたいけどやり方がわからない」「セミナーに参加したいけど高い」「地方なのでまわりに相談する人がいない」といったお悩みを解決します。共通の悩みを持った仲間と学び、助け合い、ノウハウを共有し、それぞれの目標に向かってがんばって行きましょう！ http://ec-campus.tv/

1. Copyright © ByThink Co.,Ltd. All Rights Reserved.
株式会社ByThink
ECソリューションチーム 岸本清彦

2. Copyright © ByThink Co.,Ltd. All Rights Reserved.
●弊社紹介
社 名
設 ⽴立立
代 表
事業内容
株式会社ByThink（バイシンク）
2011年年10⽉月設⽴立立
岸本 清彦
Webソリューション（SEM代⾏行行・マーケティング全般）
ECソリューション（ECコンサルティング・Web制作など）
◆ 代表経歴 ◆
2004年年4⽉月 某部品メーカー勤務 ⽣生産管理理・在庫管理理・営業
2006年年6⽉月 楽天株式会社 ⼤大阪⽀支社配属 ECコンサルタント
2011年年4⽉月 某EC専⾨門コンサルティング会社 ⼊入社
2012年年10⽉月 株式会社ByThink 設⽴立立
2007年年〜～2010年年 年年間個⼈人流流通⾼高100億円（歴代1位）を樹⽴立立
2007年年／2010年年 楽天賞ＭＶＰ（個⼈人流流通昨年年対⽐比＋30%以上を10か⽉月連続達成）
リーダー・マネージャー職を経て、退職

3. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅰ：ECサイトの基本構成
カテゴリページ
【基本情報】
・会社概要
・商品⼀一覧
・FAQなど
カテゴリ
ページ
カテゴリ
ページ
カテゴリ
ページ
カテゴリ
ページ
カテゴリ
ページ
カテゴリ
ページ
カテゴリ
ページ
商品ページ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
なぜ売れる店舗は商品ページを重要視するのか？？

4. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅱ：商品ページの重要性
カテゴリページ
カテゴリ
ページ
カテゴリ
ページ
カテゴリ
ページ
商品ページ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ージ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
商
品
ペ
ー
ジ
● 検索索対策
（SEO・SEM）
● プロモーション
（広告）
● ブログ集客など
集客
集客
集客 商品購買率率率が上がった！
TOPのPVが上がった！
カテゴリの作成で回遊性が上
がった！
商品購買率率率が上がった！

5. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅱ：まず顧客の属性を理理解しよう
ブランドイン プロダクトイン
ショップページ
① ブランドイン ・・・・ ショップ名やブランド名での検索索などで⼊入ってる顧客の状態
② プロダクトイン ・・・・ 商品名や商品を特定するキーワードで⼊入ってくる顧客の状態

6. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅱ：まず顧客の属性を理理解しよう
必要性
検討
競合製品⽐比較
価格
妥当性
考慮
計画的
商品に対する納得が必要
「⽇日本未発売の限定商品」
「セールで期間限定の半額商品」
「⼤大型商品を購⼊入したついで買い」
ちょっとした判断で購⼊入
いわゆる衝動買い

7. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅱ：まず顧客の属性を理理解しよう
① 参照元（リンク元URL） ② サーチエンジンキーワード
● 検索索エンジン（google・Yahoo）
● 他媒体（プロモーションなど）
● ブログ・facebook・twitterなど
どういったキーワードで顧客が流流⼊入しているか？
● 会社名（店舗名）
● 商品名
● カテゴリ名など
上記のデータをもとに
「仮説⽴立立て」→「顧客属性に合わせたページ構築や商品ページのライティング・構成」→「検証」
のサイクルを実施していくことが前提として必要になります。

8. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅱ：まず顧客の属性を理理解しよう
顧客がページに流流⼊入し、購買に⾄至るまでの購買⼼心理理を理理解する
検索索や媒体、メールマガジンなどの集客ツールによってサイトに顧客を誘導する状態
検索索結果やショップがネット上で出てきたが、安⼼心感や迷いによりアクションを起こせていない状態
商品名・キャッチコピー・商品画像などで「どういう商品？」などの興味付によりクリックを誘導する
商品ページでその商品の良良さを理理解し⾃自分が買い⼿手に取った際の様⼦子を理理解している状態
STEP４で想像した結果、「欲しい！」となっている状態
第⼀一の離離脱POINT 顧客は瞬時の判断（約2.36秒）でページ滞在するか離離脱するか分かれます
最終的に、本当に購⼊入していいのか？他のお店や商品との⽐比較を始める状態
第⼆二の離離脱POINT ここでの離離脱は価格やサービス・最終イメージの植え付けによる離離脱が多数

9. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅱ：まず顧客の属性を理理解しよう
STEP６での説明⽂文や写真画像などで、
⽐比較・イメージなど理理解することでこの商品が⼀一番と⾃自⼰己納得をした状態
商品購⼊入を決めた状態。
購⼊入して満⾜足。商品を⼿手にして満⾜足している状態。
商品や購⼊入したお店に満⾜足し、⼝口コミやブログなどで他⼈人に広がっていく状態。

10. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅲ：商品ページの必要要素とは？（Benefit：購⼊入メリット編）
全商品共通ヘッダ
全
商
品
共
通
レ
フ
ト
ナ
ビ
Benefit
Ⅰ：アイキャッチ
写真や、キャッチコピーなどで顧客が⼀一⽬目で⾃自分にとって
必要な商品か・情報かを判断できる材料料があるかどうか？
Ⅱ：マインドキャッチ
「顧客が得られるものへの期待」
「顧客が抱える問題や悩みへの共感」
「限定・希少性」
などの訴求で顧客の⼼心をつかむ情報
※ファーストビューエリアは特に重要
⼀一般普及率率率の⾼高い解像度度は、
1280×1024
1024×768
1280×800
1920×1080
・・・・ 24.4%
・・・・ 14.1%
・・・・ 13.3%
・・・・ 9.8%
ツールバー・メニューバー・windowsバーなどを考慮し、
500〜～550px内 にて上記内容・情報を凝縮し与えることで、
下部ページまでのスクロール動機が⽣生まれます。

11. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅲ：商品ページの必要要素とは？（Evidence：論論拠編）
Ⅰ：信頼感
顧客が安⼼心して購⼊入できるような商品や店舗の信頼を獲
得する。
・ 商品のこだわり
・ 商品の製造⼯工程
・ 販売実績
・ 商標や独⾃自技術など
全商品共通ヘッダ
全
商
品
共
通
レ
フ
ト
ナ
ビ
Benefit
EvidenceⅡ：親近感
「顧客が得られるものへの期待」
「顧客が抱える問題や悩みへの共感」
「限定・希少性」
などの訴求で顧客の⼼心をつかむ情報
● モデルなどの着⽤用画像
● 商品の詳細説明
● スタッフの使⽤用したコメントなど
ページスクロール顧客を⽴立立ち留留まらせる仕掛け

12. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅲ：商品ページの必要要素とは？（Advantage：競合優位性編）
Ⅰ：商品の強み
競合との優位性を伝える情報
全商品共通ヘッダ
全
商
品
共
通
レ
フ
ト
ナ
ビ
Benefit
Advantage
Ⅱ：商品の弱み（必要あれば）
Evidence
競合販売価格：1,980 〜～ 2,980
オンス数を向上 → 他店より倍の⾼高品質
商品価格を強豪と並べるのではなく、
3,980円の売価に設定し、1000枚を約1週間で完売
・レギンスの販売における商品の強化ポイント
【アパレルの事例例】
返品リスクが⾼高い商品に関しては、記載をすることで事前にリ
スク回避が可能

13. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅲ：商品ページの必要要素とは？（ Feature ：特徴編）
Ⅰ：商品紹介
⼨寸法・スペック・成分・質感などを画像や動画などを駆
使し、顧客へ伝える
全商品共通ヘッダ
全
商
品
共
通
レ
フ
ト
ナ
ビ
Benefit
Feature
Ⅱ：店舗サービス
他者でも同様の製品を扱っている場合、⽐比較対象を置くことで
最終離離脱を防ぐ
Evidence
Ⅲ：⼈人気の演出
Ⅳ：⽐比較
Advantage
・送料料無料料
・即⽇日配送
などの付加サービスのアプローチにより購⼊入動機の訴求を実施
受賞歴や販売個数実績、メディア掲載実績など第三者に
よる評価の導⼊入
最後の⼀一押しとなる必要情報の開⽰示

14. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅳ：商品ページを作成する為の必需品
テキスト イメージ画像
● 顧客の⼼心をつかむキャッチコピー
解決型 レア型 価格型 流行型 権威型
商品認知【低】 ●
商品認知【中】 ● ● ●
商品認知【高】 ○ ● ●
【解決型】
問題解決によって顧客がハッピーになる表現
【価格型】
価格訴求型・割安感を演出
【レア型】
１：なかなか⼿手に⼊入らないと訴える表現
２：誰も⼿手にしていないと訴える表現
【流流⾏行行型】
この商品を持ってないと流流⾏行行に乗り遅れてますよ！
などの表現
【権威型】
ブランド⼒力力やネームバリューを表現
商品衰退

15. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅳ：商品ページを作成する為の必需品
Case１：複雑なケーブルを5分間ですっきり収納！
Case２：美脚効果・3㎝⾜足が⻑⾧長く⾒見見えるレギンス！
Case３：バッテリー持続3時間→12時間！モバイル充電器
【解決型】参考例例
Case１を例例に例例えると・・・・
お陰様で10,000個販売突破！【限定○○個】【期間限定○○⽇日まで！】
1980円！送料料無料料！複雑なケーブルを5分間ですっきり収納！
【解決型】【価格型】【レア型】【流流⾏行行型】【権威型】をすべて盛り込むとこうなる・・。
①【流流⾏行行型】【権威型】 ②【レア型】 ②【レア型】
④【価格型】 ⑤【解決型】

16. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅳ：商品ページを作成する為の必需品
キャッチコピーと単なる画像だけでは、イメージは顧客任せになってしまいます。
A： テキスト＋商品画像のみの場合 B： モデルを使⽤用し、テキストや画像を使⽤用した場合

17. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅳ：なぜ上位店はモデルを使⽤用するのか？
顧 客
○ 試着が可能
○ 友⼈人などの第三者からの購⼊入後押し
○ ショップ店員による提案
○ 実際に⼿手触り・質感を得られる etc…
【リアルショップ】
ネットショップは、
顧客⾃自⾝身が判断できる情報量量や商品イメージ、
着⽤用イメージなどをページにて提供することで、
無⼈人型の24時間販売可能なチャネルとなるのです

18. Copyright © ByThink Co.,Ltd. All Rights Reserved.
Ⅳ：上位店から学ぶ商品ページ制作における業務効率率率化
① 商品写真撮影
・画像加⼯工処理理
② 商品登録作業
・商品画像アップロード
・商品名・キャッチコピー開発
③ ページ制作
・商品⽤用画像作成
・他リンクへのバナー作成など
○ 撮影ノウハウ希薄
○ 機材費⽤用
○ 場所費⽤用
○ モデル⼿手配費⽤用
○ 商品登録
○ 画像登録
○ キャッチコピー開発
○ 商品データの整備
○ 商品ページ構成思案
○ 商品ページ⽤用画像作成
○ 他商品へのリンクバナー作成
※商品点数が1,000点以上の場合は
内製化が好ましい

19. Copyright © ByThink Co.,Ltd. All Rights Reserved.
● まとめ
顧客の⾏行行動⼼心理理・⾏行行動を理理解することで、商品ページの作り⽅方や効果は雲泥泥の差が出ます。
◆ 計画購買・⾮非計画購買なのか？
◆ 参照元サイトや検索索ワードは？
◆ 顧客の⼼心理理状況を把握し、ページの構成を考え設計する
①流流⼊入→②警戒→③興味→④想像→⑤欲求→⑥⽐比較→⑦納得→⑧決定→⑨満⾜足→⑩⼝口コミ
◆ BEAFの法則に基づいたページを作成しよう
◆ ⾃自社の製品を理理解したキャッチコピーを作成しよう
◆モデルを使う意味を理理解しよう
◆今後のオペレーションに対して理理解しよう