【BacklogWorld2024】脱属人化！Backlogを活用したWebサイト制作のフロー整備プロジェクトの進め方

Transcript

1. COPYRIGHT © PROCMO Inc., ALL RIGHTS RESERVED. ＼ 脱 属 人 化 ！ ／ 株式会社プロクモ 丸野美咲 Backlogを活用した Webサイト制作フロー整備の進め方
2. Contents 本日の流れ 実施した取り組み Initiatives implemented まとめ Summary フロー整備前の Issues before flow development 取り組みの成果 Results of efforts
3. 丸野 美咲 株式会社プロクモ 執行役員/クリエイティブチーム統括マネジャー MISAKI MARUNO 2014年：株式会社リクルート北海道じゃらん入社（無形商材の営業） ↓ 2020年：株式会社ノースディテール入社（行政サイト専門ディレクター） ↓ 2021年：株式会社プロクモ入社（PM、Webディレクター） Backlog歴4年。好きな機能は「課題のテンプレート」と「課題一括登録」。
4. 制作フロー整備前の状態 Issues before flow development
5. 02 「パワポ派」vs「Xd派」の派閥争い 01 いつ・だれがやるの？の大量発生 03 先輩の時間を奪ってなんぼ Webサイト制作フロー整備前の状態
6. 02 「パワポ派」vs「Xd派」の派閥争い 01 いつ・だれがやるの？の大量発生 03 先輩の時間を奪ってなんぼ Webサイト制作フロー整備前の状態
7. いつ・だれがやるの？の大量発生 フロー整備前の状態 ヒアリング メンバーアサイン 見積書作成 契約 レイアウト設計 ？ ？ ？ 代表 代表 ヒアリング 見積書作成 契約 メンバーアサイン ターゲット設計 ？ Bさん 代表 Aさん 代表 新規案件① 新規案件②
8. 02 「パワポ派」vs「Xd派」の派閥争い 01 いつ・だれがやるの？の大量発生 03 先輩の時間を奪ってなんぼ Webサイト制作フロー整備前の状態
9. パワーポイント派 Adobe Xd派 「パワポ派」vs「Xd派」の派閥争い フロー整備前の状態
10. 02 「パワポ派」vs「Xd派」の派閥争い 01 いつ・だれがやるの？の大量発生 03 先輩の時間を奪ってなんぼ Webサイト制作フロー整備前の状態
11. 時間 先輩の時間を奪ってなんぼ フロー整備前の状態 入社1か月目の業務レクチャー時間
12. 実施した取り組み Initiatives implemented
13. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 業務フローの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
14. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 制作フローの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
15. 01 プロジェクトの立ち上げ 実施した取り組み ディレクター デザイナー エンジニア 制作フロー標準化PJ 1 メンバーアサイン 2 目的・ゴールの認識合わせ 3 完了期日の決定 4 進行スケジュールの決定
16. 01 プロジェクトの立ち上げ 実施した取り組み 1 メンバーアサイン 2 目的・ゴールの認識合わせ 3 完了期日の決定 4 進行スケジュールの決定 ディレクター デザイナー エンジニア 制作フロー標準化PJ
17. 01 プロジェクトの立ち上げ 実施した取り組み
18. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
19. 02 タスクの洗い出し 実施した取り組み • ヒアリング • 概算見積り • 事前調査 • 要件定義 • 契約 • ガントチャート • 見積書作成 • 提案 • アサイン • チャット作成 • 市場分析 • 競合分析 必須のタスクは？ オプションにする？ 本当に必要？
20. 02 タスクの洗い出し 実施した取り組み 株式会社ベイジ様の「戦略的ウェブ制作集中講座」の内容を元にフ ローに抜け漏れがないか確認しながら対応。
21. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
22. 03 タスクの分類 実施した取り組み タスクをフェーズごとにまとめ、 スプレッドシートに一覧化。 シートの上から順番にタスクを 対応するとプロジェクトが進む 設計に。
23. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
24. 04 協議 実施した取り組み
25. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
26. 05 アウトプットの作成 実施した取り組み 1 全タスク一覧「スプレッドシート」 2 各タスクで必要な「テンプレート」 3 タスクの進め方「BacklogのWiki」
27. 05 アウトプットの作成 全タスク一覧シート 実施した取り組み
28. 05 アウトプットの作成 全タスク一覧シート 実施した取り組み
29. 05 アウトプットの作成 全タスク一覧シート 実施した取り組み
30. 05 アウトプットの作成 全タスク一覧シート 実施した取り組み
31. 05 アウトプットの作成 全タスク一覧シート 実施した取り組み
32. 05 アウトプットの作成 全タスク一覧シート 実施した取り組み
33. 05 アウトプットの作成 各種テンプレート 実施した取り組み
34. 05 アウトプットの作成 Wiki 実施した取り組み
35. 05 アウトプットの作成 Wiki 実施した取り組み
36. 05 アウトプットの作成 Wiki 実施した取り組み
37. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
38. 06 社内周知とトレーニング 実施した取り組み フローのインプット 研修を行いフロー整備の目的や運用 方法を説明。メンバーに理解しても らうまでレクチャー。 実際の案件で実行 Wikiを見ながらフローに沿って進 める。フロー通りにできなかった タスクは都度振り返る。 フローの見直し 課題の発散 Plan Do Action Check
39. 07 フローのブラッシュアップ 実施した取り組み フローの見直し 課題を解決するためのフローを都度 検討。メンバーに改善を任せること も。 課題の発散 チームの週次定例会でフローにつ いての課題を発散。 フローのインプット 実際の案件で実行 Action Check Plan Do
40. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
41. 取り組みの成果 Results of efforts
42. 取り組みの成果 Results of efforts 制作フローを確立して 先輩社員の教育工数が削減 約 13時間削減 入社1か月目の業務レクチャー時間 約7時間 確立後 約20時間 確立前
43. 取り組みの成果 Results of efforts このWikiみてね！
44. まとめ Summary
45. 02 「パワポ派」vs「Xd派」の派閥争い 01 いつ・だれがやるの？の大量発生 03 先輩の時間を奪ってなんぼ状態 Webサイト制作フロー整備前の状態
46. 制作フロー整備のために実施した取り組み 06 社内周知とトレーニング 07 フローのブラッシュアップ 01 プロジェクトの立ち上げ 02 タスクの洗い出し 03 タスクの分類 05 アウトプットの作成 04 協議
47. 05 アウトプットの作成 実施した取り組み 1 全タスク一覧「スプレッドシート」 2 各タスクで必要な「テンプレート」 3 タスクの進め方「BacklogのWiki」
48. 取り組みの成果 Results of efforts 制作フローを確立して 先輩社員の教育工数が削減 約 13時間削減 入社1か月目の業務レクチャー時間 約7時間 確立後 約20時間 確立前
49. スライド＆管理シートを共有します！ 本日ご紹介したテンプレートなどをお送りします！ご参考になれば幸いです。 X（旧Twitter） https://x.com/yaritaikotohai2