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

1. お店の顔
「トップページを極める」
八島和浩
日本ECサービス株式会社

2. 本日のゴール
お店の顔
「トップページを極める」
考え方とつくり方を習得すること！

3. お客様に「この店もっと見てみたい」と思わせるコツ。
目次
・トップページの役目とは？
【3】本日のまとめ
お店の魅力を最大限伝えるナビゲーション。
（お客様にぴったりな商品を探しやすくすること）
・トップページに必ず必要なパーツとは？
カラーミーから提供されている無料テンプレートを使ってみましょう。
【2】カラーミーショップを使ってTOPページ作り
【1】トップページを極める方法の復習

4. トップページの役目とは？
【1】トップページを極める方法の復習

5. 【質問】自店舗の”ウリ”がTOPページで伝わってますか？

6. 【テンプレート加工前】 【テンプレート加工後】
今日の講座のノウハウを活かしたTOPページに！

7. トップページの役目とは？
お客様に「この店もっと見てみたい」と思ってもらうには？
⇒TOPページの果たす役目を理解しなければいけません。
TOPページ
・何屋さんなのか？
・どんな商品を扱っているか？
・運営者は誰なのか？
・どんな商品が売れ筋なのか？
・楽しく買い物ができるか？
接客の場

8. トップページの役目とは？
TOPページは、あなたの分身。
ネットショップの顔
・重宝する
⇒簡単にお買い物ができて便利
・安全
⇒店長さんの顔写真、お客様の声が出ていて安心できる。
・面白い
⇒いろんな企画を開催して何回買い物をしても飽きない。
この3要素を単純・明快に伝えることが重要

9. トップページの役目とは？
【質問１】あなたならどちらのお弁当屋さんでお買い物をしますか？
【質問２】なぜ、そのお店を選んだのですか？
【A】 【B】
うまい！安い！ 創業1954年
手作り弁当専門●●●屋
いつも笑顔で接客店員
行列ができる
店員の接客がイマイチ
客足が少ない

10. トップページの役目とは？
なぜ賑わっている（ひとけ感）お店を選びたくなるのか？
人気（ひとけ）
安全（安心） 面白い
・店長・スタッフの顔写真
・レビュー・お手紙
・売上・注文件数を公開する
・現場作業風景の写真
・お店の歴史ページetc
・受賞歴／メディア掲載履歴
・リクエストコーナー
・実店舗の写真

11. トップページに必ず必要な
パーツとは？
【1】トップページを極める方法の復習

12. トップページに必ず必要なパーツとは？
お客様が商品を探しやすくするためには？
ナビゲーション
全商品一覧型 提案型
取り扱い商品が一目で分かる取り扱い商品が一目で分かる取り扱い商品が一目で分かる取り扱い商品が一目で分かる お客さんのニーズ・目的に合っているお客さんのニーズ・目的に合っているお客さんのニーズ・目的に合っているお客さんのニーズ・目的に合っている

13. トップページに必ず必要なパーツとは？
【全商品一覧型】
取り扱っている商品がひと目で分かるナビゲーション。
例）取り扱い商品一覧、ブランド別一覧etc

14. トップページに必ず必要なパーツとは？
【提案型】
お客様の行動心理を理解し、ニーズ・目的にあったナビゲーション。
用途
価格
対象
産地
目的
お
客
様
の
欲
し
い
商
品

15. カラーミー無料テンプレート
活用方法
【2】カラーミーショップを使ってTOPページ作り

16. カラーミー無料テンプレート活用方法
・今日のノウハウを実際に活用してみましょう。
【手順①】お店を作る＞デザインを設定する

17. カラーミー無料テンプレート活用方法
【手順②】新規追加ボタンをクリック 【手順③】無料テンプレートボタンをクリック

18. カラーミー無料テンプレート活用方法
【手順④】モール2の追加ボタンをクリック 【手順⑤】戻るボタンをクリック

19. カラーミー無料テンプレート活用方法
【手順⑥】モールをチェック＞選択をクリック 【手順⑦】各パーツを編集
用途に合わせてデザイン
編集を行います。
編集に関して不明な場合は
マニュアルをご覧下さい。
詳しく編集の仕方が解説され
ています。

20. カラーミー無料テンプレート活用方法
【テンプレート加工前】 【テンプレート加工後】

21. カラーミー無料テンプレート活用方法
①看板＆グローバルナビゲーション
③注目企画特集バナー
④お知らせ
⑤おすすめ商品
⑥売れ筋商品
⑦配送・決済方法
⑧左ナビゲーション

22. 実践編
【2】カラーミーショップを使ってTOPページ作り

23. 【1】看板
カラーミー無料テンプレート活用4つのPOINT
看板作りPOINT①
①①①① ②②②②
⇒店舗名・サブタイトルには取扱商品が分かるように
看板を作りましょう。
看板作りPOINT②
⇒高額特典割引の設定で客単価UP！
例）お買い上げ6,000円以上で送料無料！！
⇒決済方法のロゴを看板に入れる！
例）

24. 【２】注目企画特集バナー
注目企画特集バナーPOINT
⇒注目企画特集バナーが大きすぎると、看板と
注目企画特集バナーしか見えずお客様は、
下までページをスクロールしてくれない。
何枚もバナーを張ることは避けましょう。
カラーミー無料テンプレート活用4つのPOINT
⇒パソコンで見える範囲は限られています

25. 【3】ナビゲーション
ナビゲーション作りのPOINT
⇒本講座の前半でお話した復習になります。
お客様のニーズに合わせて作りましょう。
カラーミー無料テンプレート活用4つのPOINT
用途
価格
対象
産地
目的
お
客
様
の
欲
し
い
商
品
ナビゲーション＝お客様のニーズ

26. 【4】決済・配送情報
決済・配送情報作りのPOINT
⇒全ページ統一された情報を掲載して下さい。
前ページにしっかりとした情報が掲載されて
いることで、お客様が安心してお買い物ができます。
また、他のページに行かなくても決済・配送情報
が掲載されていることで、転換率の向上にも
つながります。
カラーミー無料テンプレート活用4つのPOINT

27. 本日のまとめ
お客様に「この店もっと見てみたい」と思わせるコツ。
・トップページの役目とは？
【3】本日のまとめ
お店の魅力を最大限伝えるナビゲーション。
（お客様にぴったりな商品を探しやすくすること）
・トップページに必ず必要なパーツとは？
カラーミーから提供されている無料テンプレートを使ってみましょう。
【2】カラーミーショップを使ってTOPページ作り
【1】トップページを極める方法の復習

28. ご清聴ありがとうございました