Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WordPressだけで動かす 『爆速』メディアECサイトの作り方

4,416 views

Published on

デジコミュ秋田2015 11/14(土) で発表したスライドになります。

■デジコミュ秋田2015サイト
http://www.digicommu-akita.net/

Published in: Internet

WordPressだけで動かす 『爆速』メディアECサイトの作り方

  1. 1. WordPressだけで動かす 『爆速』メディアECサイトの作り方 EC 2015.11.14(sat) Digi comu Akita 2015 Fumito Abe 今日のテーマ 1
  2. 2. Job History 自己紹介 2 阿部 文人・・・34歳 / 猫好き 不動産営業マン(オフィス賃貸・土地売買) WEBマーケター(リスティング+サイト制作) プロジェクトマネージャー (ブランディング・マーケティング・多言語予約システム・食品ECなど) 語学留学&WEBデザイナー・エンジニア(SF) ディレクター・エンジニア(現在Norit Japonにて) あべ ふみと
  3. 3. はじめに 3 メディアECって?なに?
  4. 4. はじめに 4 メディアサイト + ECサイト ブログ SEO ニュース 配信 ブランド 構築 未来の顧 客創造 受注管理顧客管理商品管理
  5. 5. はじめに 5 WordPress で まるごと作ってしまおう!
  6. 6. はじめに 何が良いの? 6
  7. 7. はじめに 1 ファンが増える(商品への理解) 2 検索流入増加(SEO・ページ増) 3 管理コスト削減(1元化) 7
  8. 8. はじめに 何が『爆速』なの? 8
  9. 9. はじめに 1 サイト起動まで『爆速』 2 運営中も『爆速』応答 3 売れるまで『爆速』(?) 9
  10. 10. はじめに 10 こんな方のお役に立ちたい
  11. 11. はじめに 11 『モールは手数料高いな。』 『初期制作費は0円を希望!』 『運用(サーバ・決済)費を安く!』 『ECサイトとブログの管理が面倒』
  12. 12. はじめに 12 全て叶えます!
  13. 13. はじめに 13 でも、SSL設定 まわりだけ少し難しいかも 本日は省略しております。
  14. 14. 今日のプログラム 14 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  15. 15. 今日のプログラム 15 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  16. 16. メディアEC仕様概要 16 爆速で作るために決めること
  17. 17. メディアEC仕様概要 17 ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ 作るために まず決めること 商品名 ドメイン名 サーバ 配送料金 カート 決済モジュール
  18. 18. メディアEC仕様概要 18 ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ とにかくわかりやすい名前を 普通にブランド名を英語でお名前.comで ヤマトを参考に決定しましょう! 商品名 ドメイン名 サーバ 配送料金 カート 決済モジュール 後述 後述 後述
  19. 19. 今日のプログラム 19 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  20. 20. サーバ設定・WPインストール 21 楽 速 安
  21. 21. サーバ設定・WPインストール 20 Answer +
  22. 22. サーバ設定・WPインストール 22 爆速WordPress起動 http://kawatama.net/web/666 詳細はすごい方たちのブログなどを参照ください 『AMIMOTO AMI.を使ってAWSでwordpressを構築してみた』 頑張れば『5分』∼『30分』でサーバ設定、 WPインストールまで完了します。 公式:http://www.awsmicrosite.jp/ec2-wp/
  23. 23. サーバ設定・WPインストール 23 Nginxのリバースプロキシーが 爆速でレスポンスを返す。 『爆速応答』 AMIMOTO AMIデモ:https://demo.amimoto-ami.com/
  24. 24. 今日のプログラム 24 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  25. 25. ショッピングカート 25 WordPressの ショッピングカートプラグインなら
  26. 26. ショッピングカート 26 Answer
  27. 27. ショッピングカート 27 1 WPプラグインですぐ追加可能 2 自由度の高いカスタマイズ性 3 WPテーマそのままに追加OK 4 基本的なカート機能はほぼ○ WPカートプラグイン『Welcart』の 良いところ http://www.welcart.com/ 詳細は開発者サイトを参照ください 『日本発WordPress専用ショッピングカート』 無 料
  28. 28. 今日のプログラム 28 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ 運用方針案 決済カート
  29. 29. ショッピングカート 29 Welcart対応の WordPressのテーマは
  30. 30. WordPressテーマ 30 Answer WP公式テーマ『Blanc』(Welcart対応)
  31. 31. WordPressテーマ 31 1 WP公式テーマで安心 2 レスポンシブでスマホOK 3 プラグインいらずで高速表示 4 カゴ落ち対策OK 5 リッチスニペット対応 6 Welcartとブログの共存OK WP公式テーマ『Blanc』の良いところ http://welcustom.net/welcart-theme-blanc/ 詳細は開発者ブログを参照ください 『Welcart対応テーマ(無料)がWordPress公式ディレクトリに登録されました』 無 料
  32. 32. 今日のプログラム 32 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ 運用方針案 決済カート
  33. 33. 決済モジュール 33 Answer
  34. 34. 決済モジュール 34 1 初期費用 無料 2 月額固定費 無料 3 トランザクション処理 無料 4 カード手数料 3.28%のみ の良いところ http://www.sonypaymentservices.jp/ec/welcart.html 詳細は公式サイトを参照ください 『Welcart決済サービス』 無 料 安 い
  35. 35. 今日のプログラム 35 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  36. 36. メディアEC運用指針 36 Answer1 『愛』
  37. 37. メディアEC運用指針 37 商品への Answer1
  38. 38. メディアEC運用指針 38 『愛』 Answer1
  39. 39. メディアEC運用指針 39 商品にどれだけ 愛情を込められるか Answer1
  40. 40. メディアEC運用指針 40 Point 商品の語り (物語・文章) 商品の見栄え (写真・イメージ) 出典:北欧くらしの道具店 http://hokuohkurashi.com/note/90287
  41. 41. メディアEC運用指針 41 本当にその文章?お客様に伝わる物語は ない?校正してる?論理構造ある? 写真の解像度、サイズ、スタイリング、 見せ方、照明それでOK? Point
  42. 42. メディアEC運用方指針 42 Answer2 商品と商品に関連する記事を ひたすらにストックしていく
  43. 43. メディアEC運用方指針 43 Point ア○ブロでいつまで更新しますか? 掲載する記事はその会社・ブランドの大事な資産 資産を外部に簡単に渡さない。 ストックすることで検索流入増加をねらおう。
  44. 44. 今日のプログラム 44 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  45. 45. メディアECの使い方(事例) 45 Case1 http://hokuohkurashi.com/
  46. 46. メディアECの使い方(事例) 46 Point サイトを通じて顧客がファンになっているのは 商品自体ではなく 「スタッフを通して見える暮らし」
  47. 47. メディアECの使い方(事例) 47 Point
  48. 48. メディアECの使い方(事例) 48 Point 商品だけのECはもういらない
  49. 49. メディアECの使い方(事例) 49 Point 商品の『向こう側』を伝える
  50. 50. メディアECの使い方(事例) 50 Example スタッフの愛用品紹介 生産者のこだわり思い 職人の情熱 その商品を購入して得られる体験
  51. 51. メディアECの使い方(事例) 51 Case2 http://www.receno.com/
  52. 52. メディアECの使い方(事例) 52 Point 商品を徹底的に伝える
  53. 53. メディアECの使い方(事例) 53 Point http://www.receno.com/fan/rtr-l.php 扇風機 レトロリビングファン QIR-350
  54. 54. 今日のプログラム 54 作り方 売り方 サーバ設定・WPインストール これからのSNS運用 メディアECの使い方(事例) メディアEC仕様概要 WPテーマ メディアEC運用方指針 決済カート
  55. 55. これからのSNS運用 そのメディアにあわせて コンテンツを配信・完結 55
  56. 56. これからのSNS運用 56 Case1 https://www.instagram.com/natgeo/ National Geographic
  57. 57. これからのSNS運用 無理に誘導しない。 ユーザーにはもう時間がない 57
  58. 58. これからのSNS運用 56 Case2 https://www.instagram.com/tsuchiya_kaban/ 土屋 製造所
  59. 59. まとめ まとめ 58
  60. 60. メディアECサーバ・システムまとめ 59 ・・・ ・・・ ・・・ ・・・ ・・・ ・・・ 決済 カート CMS WP+WEBサーバ サーバ テーマ 全 て 無 料 WP公式 Blanc(welcart対応) (AWSは1年)
  61. 61. まとめ 1 サイト起動まで『爆速』 2 運営中も『爆速』応答 3 売れるまで『爆速』(?) 60
  62. 62. はじめに 1 ファンが増える(商品への理解) 2 検索流入増加(SEO・ページ増) 3 管理コスト削減(1元化) 61
  63. 63. おわりに 62 ご清聴ありがとうござました。 https://www.facebook.com/abefumito FB申請、名刺交換、ご相談お気軽にどうぞ∼
  64. 64. おわりに 63 エンジニア募集告知1 http://www.norit.jp/ 一緒にメディアEC制作・運用しませんか? ・Amimoto マネージド ・WooCommerce ・ペイジェント ・多言語対応 *11月末公開予定 ・さくらVPS + Nginx ・Welcart ・Blanc ・ヤマトWEBコレクト ・商品1000点 ・山形・新潟展開 *1月公開予定
  65. 65. おわりに WordBench Akita 開催 12月12日(土) 17時∼20時 https://www.facebook.com/wordbenchakita/ 告知2 一緒にWordPressやろう!!
  66. 66. WordPressだけで動かす 『爆速』メディアECサイトの作り方 EC 2015.11.14(sat) Digi comu Akita 2015 Fumito Abe 65

×