さぶみっと！オフ会『Web制作スキルアップセミナー【かしこいサーバー選定、スマホ制作、CMS編】』

1. クライアントに感謝される
CMS導入のコツ

2. 菱川拓郎
コンクリートファイブジャパン株式会社
!
concrete5 OpenSource CMS
Core contributor
Marketplace PRB member
Community Leader of Kansai Users Group
!
Twitter: @HissyNC
GitHub: @hissy

3. concrete5
!
直感的な操作
柔軟な拡張性
アメリカ生まれ
日本語化（国際化）対応
MITライセンス

4. CMSは生きのこる手段

5. HTML手打ち
FTPでアップの世界
専門知識不要で
ページ作成できる世界

6. HTML手打ち
FTPでアップの世界
専門知識不要で
ページ作成できる世界
No CMS?

7. HTML手打ち
FTPでアップの世界
専門知識不要で
ページ作成できる世界
with CMS?

8. HTML手打ち
FTPでアップの世界
専門知識不要で
ページ作成できる世界
with CMS?

9. HTML手打ち
FTPでアップの世界
専門知識不要で
ページ作成できる世界
プロの不要な世界？

10. HTML手打ち
FTPでアップの世界
CMSで専門知識不要で
ページ作成できる世界
Webサイトは作って終わりではない
→運用フェイズ

11. SEO？アクセスアップ？
それとも？
HTML手打ち
FTPでアップの世界
CMSで専門知識不要で
ページ作成できる世界

12. 作った先にあるものはSEOだけじゃない

13. 運用まで見据えたウェブサイトの提案
学び、経験するには
CMSに取り組むことが最適

14. もしテンプレートの組み込みを
依頼されて作業しているだけなら、
運用の提案に取り組んでみてほしい

15. 今日は、CMSでどうやってクライアント
に喜ばれるか？というお話しです。

16. Webサイトは誰のもの？

17. エンドユーザー？
サイトオーナー？

18. どちらも正解

19. CMSは誰のもの？

20. Web制作者？
サイトオーナー？
エンドユーザー？

21. すべて正解

22. ただし

23. Webサイトを作るために
CMSは「必要」ではない

24. Website Builder
Static Site Generator
Micro CMS

25. Squarespace
http://www.squarespace.com/

26. Weebly
http://www.weebly.com/

27. Wix
http://ja.wix.com/

28. jekyll
http://jekyllrb.com/

29. Middleman
http://middlemanapp.com/

30. Pico
http://picocms.org/

31. kirby
http://getkirby.com/

32. Koken
http://koken.me/

33. and more and more…

34. 積極的にCMSを導入する理由とは？

35. CMSで解決したい課題とは？

36. Webサイトは
コミュニケーションツール

37. 作って終わり = チラシの発想

38. カスタマーサポートのクオリティ向上のために
↓
サポートサイトのこまめな更新
表現の改善を継続的に行ないたい

39. ステークホルダーの満足度向上のため
↓
素早い情報公開
セグメントごとに情報の最適化

40. 社内の情報共有と
モチベーションアップのため
↓
イントラサイトの活用

41. 運用の改善のためにCMSを活用する

42. 運用の改善…

43. エンドユーザーとサイトオーナー間の
コミュニケーションの改善

44. 情報のレスポンシブデザイン
（反応する）

45. アンケート、お問い合わせ
ダイレクトに意見を収集
スピーディーにサイトに反映

46. +アクセス解析からのサイト改善

47. 思わぬキーワードでニーズを発見
↓
検索ワードのランディングページから
重要ページへの関連リンクを追加

48. 思わぬ人気コンテンツを発見
↓
上位階層に移動、トップページにバナー

49. コンバージョンに寄与している
アシストページを発見
↓
同様のコンテンツを増やす

50. Webサイトのスピーディーな
マイナーチェンジにCMSを活用

51. 運用でやることは
いくらでもある

52. 運用のストレスを減らす

53. CMSを導入するだけでなく
想定される運用を見込んだ
デザインとコンテンツ設計を提案
POINT!

54. 初期構築／リニューアル時の
（暫定的な）コンテンツではなく
成長後のコンテンツの姿をヒアリング
POINT!

55. Webサイトの運用はやりだしたら切りがない
燃え尽きないために、クライアントの希望から
どこまでやるべきかを提案できるとさらに良い
POINT!

56. 運用を楽しくする！

57. 「流し込み」を卒業しよう

58. 「CMSを導入しました。
この枠組みに従って
ロボットのように作業してください」

59. 「必須項目を全て入力してください。
あとは全てシステムが自動で
イイ感じのページを作ります」

60. 目的によっては悪くないアイディア
更新の負荷は低いかもしれない
だが、楽しくはない

61. 楽しくコンテンツを作れるか？
という視点を持ってみる

62. ブロック型CMSという提案

63. ページを作成するとまっさら

64. 様々なブロックが並んでいる

65. ブロックの組み合わせ次第で工夫できる

66. 効率化だけがCMSの利点だと思って
いませんか？

67. CMS構築さえできれば、コンテンツの
流し込みは単純作業になって当然、
と思っていませんか？

68. 最初の打ち合わせにて…
「ウチはCMS導入のプロです。
全てお任せください」

69. 「CMS導入完了しました。
マニュアルです。レクチャーします」

70. 「イメージと違う？
いや依頼の通りです。
使い方を覚えれば大丈夫です」

71. クライアントは
「思ってたのと違う…
使い方もよく分からない…」

72. 放置
（満足度低い）

73. CMS導入したサイトを
放置させないために

74. 「最新記事が
『リニューアルしました』サイト」は
もう作らない！

75. 柔軟さと楽しさ ルールと効率
バランスを考えてみる
クライアントと話し合ってみる

76. 納品したサイトをちょっと目を離したら、クラ
イアントがコンテンツをどんどんバージョンアッ
プしている！
!
継続的な依頼につなげる

77. CMS導入のスパイラルモデル

78. 大まかなデザインが用意できた段階で
CMSに組み込んでしまう

79. 早い段階でクライアントに
CMSの利用をスタートしてもらう

80. CMSでコンテンツを作りながら
ブロックごとに
デザインバリエーションを えていく

81. 標準ブロックでは不足がでてくる
↓
ブロック単位で新規開発

82. コンテンツを作りながら出てきた課題
↓
効率よくCMSにフィードバックする

83. メリット

84. クライアントと共同でプロジェクト
を進められる

85. クライアントの満足度が高い

86. CMSに組み込み済みのものを見せて
使い方をレクチャーするより運用時
のイメージにずれがない

87. 実際に作っているコンテンツを見な
がら改善を回す→コミュニケーショ
ンロスによるコストを削減

88. デメリット

89. どの段階で見積もりするか
（最終的な作業量が見えにくい）

90. 課題管理やスケジュールが
散漫になりがち
（クライアントにとっても自分たちの最終的な作業量が見えにくいため、
クライアント自身がつい自分たちの締め切りを延ばしてしまう）

91. メリットとデメリットのバランスの
見極めが大事
↓
経験を積もう

92. 制作者とサイトオーナーの
コミュニケーションの改善

93. 直感的に使えるCMSをうまく活用し、
ブラックボックスなウェブ制作を見える化

94. 初期構築すら楽しく！

95. 参考資料：
実例から見る、CMSとレスポンシブデザインで変わるウェブ制作のワークフロー
さぶみっと名古屋2013セミナー
http://www.slideshare.net/HishikawaTakuro/cms-rwd

96. 社内のコミュニケーションの改善

97. Webサイトの運用は大変

98. ゲストユーザーが閲覧する
公開されたWebページは一部に過ぎない

99. 作成中のコンテンツの管理

100. コンテンツのガバナンス
!
クオリティコントロール

101. Webサイトとして表にでてこない裏
方として、CMSで運用を効率化する

102. 承認機能とロールバック

103. 組織に合わせた権限設計

104. ユーザー管理

105. ワークフロー

106. ファイル管理 素材管理と共有
（Dropboxに頼らない）

107. お高いCMSの話なんでしょ？

108. オープンソースCMSでもできる！
だけじゃないよ

109. まとめ

110. CMSはウェブ制作を効率化するため
「だけ」のものではない

111. CMSは様々なコミュニケーションの
改善に役立てられるツール

112. サイトオーナーとユーザーとの
コミュニケーション

113. サイトオーナーと制作者との
コミュニケーション

114. サイトオーナーの
社内コミュニケーション

115. http://www.ahosting.net/blog/why-concrete5-is-the-best-choice/

116. 新たな提案のヒントになりましたでしょうか？

117. クライアントに感謝される
CMS導入のコツ
Thanks!