Web制作でのカンバン例

制作の仕事は、デザイン、実装、確認、お客様とのやりとりと、関わる人が多い仕事です。ボードの列とカードを、現場の形で見てみましょう。

基本の列

ぽんぽこ制作所の、コーポレートサイトのリニューアル案件で使っている列です。

列	意味	動かす人
未対応	まだ手をつけていない	全員（取りに行く）
処理中	担当者が作業している	担当者
確認待ち	作業が終わり、確認を待っている	確認する人
完了	確認も済んだ	確認した人

最初はこの 4 列で十分です。

未対応3

下層ページのテンプレート

お問い合わせフォーム

公開前の表示確認

処理中2

トップページのコーディング

原稿の回収（会社概要）

*確認待ち2

トップページのデザイン（お客様確認待ち）

写真の差し替え

完了2

サイトマップの作成

ワイヤーフレームの作成

実際の画面でも、同じ四つの列が並びます。

• 列の並びは、左から「未対応・処理中・確認待ち・完了」です。
• カードに、課題の番号、期限、ラベル、担当者が見えます。

カードの例

カードは、半日〜数日で終わる作業にします。

カードの題	種類	担当
トップページのデザイン	デザイン	みさき
トップページのコーディング	実装	ケンジ
お問い合わせフォームの入力チェック	実装	ケンジ
スマホでメニューが閉じない	不具合	ケンジ
原稿の回収（会社概要）	調査・手配	ひなた
公開前の表示確認	確認	ひなた

カードには、次の情報をつけると読みやすくなります。

• 題: 何をするかが、読んで分かる言い方（「トップページのデザイン」）。
• 担当: 1 人。
• 期限: いつまでに。
• ラベル: デザイン・実装・調査など、種類。

• 題：読んで、何をするかがわかる
• 担当：1 人
• 期限：いつまでに、が入っている
• ラベル：デザイン・実装・調査など
• 大きさ：半日〜数日で終わる

ラベルを使って、分けて見る

制作では、デザイナーとエンジニアが同じボードを使います。ラベル（デザイン、実装、調査）をつけておくと、「デザインだけ見る」といった切り替えができます。

ラベルは、課題の一覧では色つきの点と一緒に並びます。デザインは赤紫、実装は青、調査は茶、というふうに、色でも見分けられます。

• 右寄りの「ラベル」の列に、色つきで出ます。
• その左の「期限」の列では、期限切れが赤く出ます。

制作ならではの詰まり

Web 制作のカンバンでは、次のような詰まりがよく出ます。

1. お客様の確認待ち: 確認を依頼したまま、返事が来ない。
2. 素材（原稿・写真）待ち: お客様から届かず、実装が進まない。
3. デザイン承認待ち: 承認が出る前に、次の工程に進めない。

こうした「自分たちでは動かせない待ち」は、「確認待ち」の列に置き、カードの題に「（お客様確認待ち）」などと加えると、あとで見たときに分かります。

案件の終わりに

案件が終わったら、ボードを振り返ります。どの列に長く滞っていたか。どの種類のカードが遅れがちだったか。次の案件の計画に、そのまま活かせます。

まとめ

• Web 制作の基本の列は、未対応・処理中・確認待ち・完了。
• カードは、半日〜数日の大きさ。担当は 1 人、期限をつける。
• ラベルで、デザイン・実装などを絞り込んで見る。
• お客様待ちの詰まりは、「確認待ち」に置いて見えるようにする。

akamine でやるなら

akamine の標準のステータスは「未対応・処理中・確認待ち・完了」で、そのままこの例と同じボードになります。カードには課題キー、期限、ラベル、担当者が出ます。ラベルの使い方はラベルで分類するを見てください。

関連する記事

• 列の作り方
• Web制作の全体の流れ
• 原稿・写真が集まらない問題