Embed Size (px)
Citation preview
事例紹介と具体的構築方法
自己紹介
• 田村 啓 - たむら けい• 大阪出身 ,43 歳 ,2 児の父• 株式会社しくみラボ代表• ウェブサイトの構築、コンサルティング• WordPress 案件ばかりになってしまった• 勉強会発起人の一人
みなさんのお仕事は？
① デザイナ② エンジニア / プログラマ③ ディレクター④ 上記以外のウェブ関係⑤ ブロガー⑥ その他
について
① さわったこと無い② インストールした③ 使ってる
ご協力ありがとうございます
本日のゴール
でこうやれば、こんな機能が実装できるんだ！を少しでも共有できれば
で時間の関係で省いたことを追加して話します。
そもそもって何？
• WordPress のプラグイン• EC 機能を追加する• 16,000,000 回以上のダウンロード• 世界の 約 37% のオンラインストアで利用されている• 2015 年 Automatic 社 ( WordPress 開発元 ) に買収された
重要！
の開発が止まることはほぼ無いとても安心！
提案時に使っているセールストークの一例
EC に求められる3C
CMS
Cart CRM
良いソリューションは？
使えなかった事例
• WordPress + カート ASP
• 責任者の意向によりカート ASP 利用に• 間に代理店が挟まっていたので懸念事項を払拭＆説得できず• セキュリティ、永続性が懸念事項としてあがる
この案件から得られた
教訓
• よくわかっていない人がよくわかっていない人を説得することはムリ• 幼稚園のとき『伝言ゲーム』を『つまらん』とバカにしててすみませんでした。日本社会の縮図を教えてくれていたんですね。• カート ASP の古臭さ
• 仕様 / 管理画面は本当に古い！• 再利用できない仕事まじツライ
事例紹介
事例の紹介をしながら回答
• 2015/09/25 オープン• 日本語サイトとして最初の WooCommerce
ShowCace 掲載サイト• https://woocommerce.com/showcase/coco-
organic/
• 化粧品ブランドのメーカー直販サイト
RFP要求されたこと
1. ダサいのはダメ2. スマフォで綺麗に見えて購入できる3. 決済は、クレジット決済と代引き4. 定期購入をやりたい5. アフィリエイトを使って拡販していきたい6. どのサイトから来て売れたか知りたい7. 商品を送るのとか自分たちではできない8. 予算はあんまり無い
解決策
1. デザインの自由度を高く保つ2. レスポンシブデザインを採用： Bootstrap も採用3. クレジット決済プラグインを作成4. 定期購入プラグインを利用5. アフィリエイト ASP との連携プラグインを作成6. google analytics e コマーストラッキングが必須7. 倉庫との連携 ： CSV データを出力8. 低予算での構築 ：カート ASP は予算上不可
RFP には入ってこないこともあるけど EC サイト構築者が考慮しておくべき事項2016 秋版
1. 高速な動作2. 常時 SSL3. モバイルファースト＆レスポンシブデザイン4. 来訪経路別売上高、 CVR の計測
• Google アナリティクス e コマーストラッキング5. アフィリエイト導入6. 低料率クレジット決済7. 倉庫との連携
• 柔軟な書式での CSV Output8. 郵便番号からの自動住所入力
全ての要求を満たすには
が最適
どうやってで作ったの？
利用しているサービス
• さくらクラウド ( サーバ )• KUSANAGI (WordPress高速化 )• Bootstrap (CSS フレームワーク )• WordPress (CMS)• ( カート機能 )• Plugins (諸機能の追加 )• GMO Payment ( クレジットカード決済 )• 倉庫
オススメ
オススメ
オススメ
ぼくがかんがえたさいきょうのくみあわせ
2016
利用サービス 機能 備考Let’s Encrypt SSL 無料！
さくらクラウド AWS より安価なクラウド 有料KUSANAGI WordPress高速化プラットフォーム 無料！
Bootstrap CSS フレームワークレスポンシブデザイン作成時のテスト工数を大幅に削減可能
サイトメンテナンス性の向上WordPress CMS
WooCommerce Cart
Omise クレジット決済 固定費 0 ！倉庫 紹介できるよう調整中 固定費 0 ！
1配送 680円 ピッキング込みe-click.jp アフィリエイト 固定費 0 ！
オススメ
オススメ
固定費 0円って素晴らしい
利用しているプラグイン
• Advanced Custom Fields Pro• Enhanced E-commerce for Woocommerce store• EWWW Image Optimizer• Google XML Sitemaps• MailPoet Newsletters• MailPoet WooCommerce Add-on• MW WP Form• Post Types Order• Show Current Template• Smart Offers• Speed Booster Pack• Use Affiliate Sevice for Woocommerce Store UAWS
• WooCommerce• WooCommerce Customer/Order CSV Export• WooCommerce For Japan• WooCommerce GMO• WooCommerce Print Invoice/Packing list• WooCommerce Subscriptions• WP-PageNavi• WP Multibyte Patch• Zia3-JS-CSS• zipaddr-jp
プラグイン名 機能 有料 / 自作Advanced Custom Fields Pro カスタムフィールドの設定 有料Enhanced E-commerce for
Woocommerce storegoogle analytics e コマーストラッキング
の設定EWWW Image Optimizer 画像最適化
Google XML Sitemaps 検索エンジン用サイトマップの作成MailPoet Newsletters メール配信
MailPoet WooCommerce Add-on MailPoet と WooCommerce の連携MW WP Form フォーム
Post Types Order カスタムポストタイプの並べ替え
オススメ
オススメ
プラグイン名 機能 有料 / 自作Show Current Template デバッグ用：表示ページのテンプレートを
表示Smart Offers ショッピングカート内で特別割引商品などを
提示Speed Booster Pack サイト表示の高速化
Use Affiliate Sevice for Woocommerce Store UAWS 自作：アフィリエイト ASP との連携 自作
WooCommerce WooCommerce
WooCommerce Customer/Order CSV Export
注文データ、顧客データの CSV ダウンロード
WooCommerce For Japan WooCommerce 日本語化
オススメ
オススメ
プラグイン名 機能 有料 / 自作
WooCommerce GMO 自作： GMO Payment クレジット決済 破滅派作
WooCommerce Print Invoice/Packing list 納品書の作成 有料
WooCommerce Subscriptions 定期購入 有料
WP-PageNavi ページング機能
WP Multibyte Patch マルチバイト文字対応
Zia3-JS-CSS 各ページで独自の CSS をあてる
zipaddr-jp 郵便番号→住所の自動取得オススメ
オススメ
時間があれば ...質疑応答
