Webディレクターとして word pressを提案するときに考えること + 運用
Download as PPTX, PDF3 likes3,082 views
WordBench奈良でお話した時の資料です。
Webディレクターとして word pressを提案するときに考えること + 運用
- 2. 自己紹介 名前 松野尾 絢三(マツノオ ジュンゾウ) 合同会社 ワイヤフレームズ 代表社員 NPO法人クリエイター育成協会 理事 Webディレクション,WordPress構築,フロントエンド構築 HTML5,Javascript,jQuery,PHP Javascriptが大好きです。 facebook:: https://www.facebook.com/junzo.matunoo twitter:: @oramuda github:: wireframesjunzo
- 7. 制作の流れ
- 8. 制作の流れ 案件によって案件によってプロセスはまちまちですが、大体こんな感じ。 1. ヒアリング(要望抽出) 2. ブレスト( 方向性検討 ) 3. 見積もり・受注 4. 2回目ヒアリング(要件・仕様抽出) 5. 構造設計 6. 各階層ワイヤフレーム作成 7. コンテンツ制作 8. デザイン制作 9. 構築作業 10.先方確認 11.納品 12.運用
- 10. 制作の流れ WordPressで構築する時にとても重要だと思う工程 1. ヒアリング(要望抽出) 2. ブレスト(方向性検討) 3. 見積もり・受注 4. 2回目ヒアリング(要件・仕様抽出) 5. 構造設計 6. 各階層ワイヤフレーム作成 7. コンテンツ制作 8. デザイン制作 9. 構築作業 10.先方確認 11.納品 12.運用
- 11. 制作の流れ WordPressで構築する時にとても重要だと思う工程 1. ヒアリング(要望抽出)←ここから 2. ブレスト(方向性検討) 3. 見積もり・受注 4. 2回目ヒアリング(要件・仕様抽出) 5. 構造設計 6. 各階層ワイヤフレーム作成 7. コンテンツ制作 8. デザイン制作 9. 構築作業 10.先方確認 11.納品 12.運用
- 12. ヒアリング ディレクションして行く上で最初にチェックするべき部分 1. 目的 2. コスト 3. コンテンツ 4. 更新頻度
- 13. ヒアリング WordPressが(特に)関わってくるチェックするべき部分 1. 目的 2. コスト 3. コンテンツ 4. 更新頻度
- 14. コスト 金額・開発のスピード 独自CMS・自社開発 > WordPress(CMS) > システムなしの静的HP
- 15. コスト 金額・開発のスピード 独自CMS・自社開発 > WordPress(CMS) > システムなしの静的HP ある程度のコストを想定する必要がある 規模によって変動する場合もある
- 16. コンテンツ 更新が必要になりそうなコンテンツ ● ブログ ● 製品紹介 ● Q&A ● 会社概要 ● プレスリリース
- 17. コンテンツ コンテンツの代替え案や課題 ● ブログ(アメブロなどの充実したブログサービス) ● 製品紹介(更新頻度によっては更新モデルが必要ない場合 も) ● Q&A(更新頻度によっては更新モデルが必要ない場合も) ● 会社概要(更新頻度によっては更新モデルが必要ない場合 も) ● プレスリリース(プレスリリースのサービスを利用) 必ずしも更新が必要だからといってWordPress(CMS)を入れる必要は無い
- 19. WordPress案件としてフィットする(と思う)案件 ● 自社で更新できる人員（Web担）は確保できる。 ● 担当者のリテラシーが低くブログを書くくらいなら大 丈夫な程度 ● ブログだけじゃなくて製品やイベントなどの紹介ペー ジが必要 ● SNSとも連携させたい ● オウンドメディアなどの自社メディアサービス ● ある程度の予算は考えている 予算がなくても、その必要性があると感じたら、企画書でしっかり と説明し、納得してもらえると予算を見直してくれるケースも..
- 21. 制作の流れ WordPressで構築する時にとても重要だと思う工程 1. ヒアリング(要望抽出)OK! 2. ブレスト(方向性検討) 3. 受注 4. 2回目ヒアリング(要件・仕様抽出)←次 5. 構造設計 6. 各階層ワイヤフレーム作成 7. コンテンツ制作 8. デザイン制作 9. 構築作業 10.先方確認 11.納品 12.運用
- 22. ２回目のヒアリング WordPressで案件が決まり、２回目のヒアリング！ 2回目のヒアリングでチェックするべき部分 1. サーバー情報 2. 機能面の仕様 3. コンテンツ内容 4. デザインの仕様
- 23. ２回目のヒアリング WordPressが(特に)関わってくるチェックするべき部分 1. サーバー情報 2. 機能面の仕様 3. コンテンツ内容 4. デザインの仕様
- 27. サーバー情報 ホスティング会社の選定 新規サイト制作の場合は、サーバーのホスティング先の選定が必要 ● ホスティングサーバーの種類 ○ 共用レンタルサーバー ○ 専用レンタルサーバー ○ VPSサーバー ○ クラウドサーバー
- 28. サーバー情報 ホスティング会社の選定 新規サイト制作の場合は、サーバーのホスティング先の選定が必要 ● WordPressの要件を満たしていること ➔ サーバーのプランによっては、データベースが使えない等の可能性があるので十分 確認する ● 自動インストール機能が備わっている ➔ WordPressインストールの工数を抑えることができる他に、重要なファイルのパー ミッション設定なども自動で行ってくれるケースが多いので安全 ● 想定しているアクセスに耐えられるか ➔ メディアサイトなど、いわゆる〇〇砲が想定されるケースに、そのアクセスに耐え られるか
- 29. 失敗談 ● PHPは使えたけどMySQL使えんかった。。 ● ローカルでは最新バージョンで開発していていざ本番 にインストールしようとしたらバージョンの要件に満 たなかった。。 ● ファイルアップロードできないんだけど？ ● よし！AMIMOTOでAWSで簡単設置OK！あれ？メールサ ーバーは？
- 34. 2回目のヒアリング ディレクターとして把握しておきたいこと ● 納品するサーバーがちゃんとWordPressが動くサーバ ーかを確認する ● カスタム投稿やカスタムフィールドを理解する ● コンテンツの内容やボリュームをしっかりと把握し、 更新に最適なプランを提案できるようにする
- 36. 大体のディレクションの流れ WordPressで構築する時にとても重要だと思う工程 1. ヒアリング(要望抽出)OK! 2. ブレスト(方向性検討) 3. 見積もり・受注 4. 2回目ヒアリング(要件・仕様抽出)OK! 5. 構造設計←次 6. 各階層ワイヤフレーム作成 7. コンテンツ制作 8. デザイン制作 9. 構築作業 10.先方確認 11.納品
- 37. 構造設計(サイトマップ)
- 43. 制作の流れ WordPressで構築する時にとても重要だと思う工程 1. ヒアリング(要望抽出)OK! 2. ブレスト(方向性検討) 3. 見積もり・受注 4. 2回目ヒアリング(要件・仕様抽出)OK! 5. 構造設計OK! 6. 各階層ワイヤフレーム作成 7. コンテンツ制作 8. デザイン制作 9. 構築作業←次 10.先方確認 11.納品 12.運用
- 47. 構築作業 ● 用意されている画面に不要な情報が無いか 例)WordPressの更新アラートとか、プラグインの設定とか。。。 ● カスタムフィールドのプラグイン等で作成した入力項 目は入力しやすいのか
- 48. 構築作業 ● 用意されている画面に不要な情報が無いか 例)WordPressの更新アラートとか、プラグインの設定とか。。。 ● カスタムフィールドのプラグイン等で作成した入力項 目は入力しやすいのか ● とくにカスタムフィールドに関してはテーマのフロン トエンドの作成前に確認しておきたい！ ● ステージング環境でクライアントさんに入力項目を確 認してもらいましょう
- 59. 運用について
- 61. 以上。