本文へスキップ
  1. TOP
  2. Web制作
  3. 実務知識
  4. 短納期のWeb制作で、削ってよい工程・削ってはいけない確認は何か

03 / BUILD

つくるフェーズの実務知識

短納期のWeb制作で、削ってよい工程・削ってはいけない確認は何か

公開条件を先に決め、未確定事項と公開後の改善を分ける

短納期の制作で公開条件と後工程をカードに分ける制作チーム

PRACTICAL KNOWLEDGE 実務知識

WRITTEN BY

FHW制作チーム

反省会と日々の制作記録をもとに、担当スタッフが実際に迷い、確認し、判断した過程を整理しています。

短納期のWeb制作では、作業時間だけでなく、判断を待てる時間も短くなります。原稿や写真が決まらない。既存サイトへの影響が読めない。確認者の返答を待つ間にも公開日は近づく。その状態で全部を同じ完成度へ揃えようとすると、最後に確認工程が押しつぶされます。

私たちの制作でも、共通部品を先に決めたことで間に合った案件がある一方、未確定の内容を推測して進め、正式素材が届いてから戻る危険もありました。短納期で本当に削るべきなのは、確認そのものではなく、案の数や重複作業、公開に必須でない範囲です。

ここでは、固定公開日の版管理とは別に、制作期間全体を圧縮するときの優先順位を整理します。何を公開条件とし、何を公開後へ送るかを、着手時点から決める方法です。

最初に「公開できる状態」を一文で決める

ページ数や機能一覧だけでは、完了条件になりません。誰が、何を見て、どの行動を完了できれば公開するのかを一文にします。

  • 公開日に必ず必要なページと導線
  • 問い合わせ、応募、購入など止められない行動
  • 公開前に確定が必要な名称、価格、権利表記
  • 仮素材で表示確認できる範囲
  • 公開後の改善へ送れる範囲

この一文がないと、思いついた改善がすべて公開前の必須作業へ見えてしまいます。先に境界を作ることで、追加要望を目的と影響から判断できます。

未確定事項を、待つ・仮で進める・外すに分ける

素材が揃うまで全工程を止める必要はありません。ただし、何でも仮置きしてよいわけでもありません。未確定事項を三つに分けます。

  1. 正式名称や権利表記など、確定まで公開できないもの
  2. 文字量や画像比率を想定し、仮素材で構造確認できるもの
  3. 公開目的に直結せず、初回公開から外せるもの

仮で進める場合も、仮である印、差し替える人、期限、影響するページを残します。「後で替える」が記憶だけに残ると、公開時に古い素材が混ざります。

全ページを作る前に、判断が集中する画面を一つ作る

短納期で画面数を先に増やすと、共通ルールの変更がすべてへ広がります。最初に、見出し、画像、ボタン、長文、一覧など主要要素が集まる代表画面を一つ作ります。

代表画面で、情報の優先順位、スマートフォン表示、共通部品、動き、更新方法を確認してから展開します。案を減らすことは手抜きではありません。判断を一か所へ集め、同じ議論をページごとに繰り返さないための設計です。

削ってはいけない確認を固定する

期間が短くても、公開事故につながる確認は残します。見た目の微調整より先に、利用者の行動と公開環境を確認します。

  • 主要URL、ナビゲーション、外部リンク
  • フォームの入力、送信、通知、完了
  • スマートフォンと主要な画面幅
  • タイトル、説明、検索除外などの公開設定
  • 画像、PDF、動画の権利と最新版
  • 公開先、切替方法、戻し方

短納期を理由に、確認項目を人の勘へ戻さないことが重要です。項目を絞る場合も、なぜ外せるのかを残します。

公開後へ送る改善には、戻る日を決める

初回公開から外した改善は、放っておくと永遠に戻りません。内容、理由、担当、再確認日を残し、公開後の作業として計画します。

文章表現の磨き込み、追加事例、細かな演出、二次導線の改善などは、目的によって公開後へ送れる場合があります。一方、誤情報、利用できないフォーム、権利未確認の素材、重大な表示崩れは送れません。後回しにできるかは、作業量ではなく影響で決めます。

短納期が向く条件、計画を見直す条件

短納期で進めやすい条件

  • 目的と初回公開の範囲が一つに絞られている
  • 決定者と確認期限が明確
  • 共通部品で展開できる
  • 素材の確定状況を一覧で追える
  • 公開後の改善体制がある

日程や範囲を見直す条件

  • 決定者、公開権限、公開環境が分からない
  • 法務・権利・価格など公開条件が未確定
  • 既存システムへの影響を調査できていない
  • 多数の個別画面を同時に確定する必要がある
  • 公開後に直す担当と予算がない

着手前のチェックリスト

  • 公開できる状態を一文で説明できるか
  • 必須、仮で進める、初回から外す範囲を分けたか
  • 原稿、写真、名称ごとに決定者と期限があるか
  • 代表画面で共通ルールを確認してから展開するか
  • 削らない公開前確認を固定したか
  • 追加要望を公開前と公開後へ分ける基準があるか
  • 公開後へ送った作業に担当者と再確認日があるか
  • 納品後の編集範囲と責任分界を確認したか

PRACTICAL KNOWLEDGE 同じフェーズの実務知識

私たちが別の制作で得た判断や確認方法を、同じ制作フェーズからご覧いただけます。

複数社でWeb制作の引き継ぎ内容を確認する作業デスク

自社で公開できないWeb制作で、入稿・納品・確認の責任範囲をどう決めるか

外部CMSや別会社の環境へ入稿・納品する制作で、利用できる技術、確認段階、修正の戻し先、完了条件をどう決めるか整理します。

支給デザインを共通ルールと例外へ分けて確認する制作チーム

支給デザインを、共通ルール・例外・動作仕様へどう変換するか

Figma、画像、印刷物、参考サイトなどの支給物から、共通部品、例外、可変条件、レスポンシブ、動作仕様を整理し、複数人で再現できる実装ルールへ変換する方法をご紹介します。

急増したAPI利用料金の請求明細とグラフを確認する制作チーム

55万円請求を生んだ、公開ページと従量課金APIを直結する落とし穴

公開ページへの機械的な大量アクセスが従量課金APIの大量実行へ増幅され、約55万円の請求に至った経験から、外部APIの費用上限、クォータ、キャッシュ、監視の設計を整理します。

公開日時と素材の進行状況を確認するWeb制作の作業デスク

公開日を動かせないWeb制作で、未確定素材・版管理・日時公開をどう管理するか

公開日時が固定された制作で、後から届く素材、複数の版、日時指定公開、公開直前の変更を安全に管理する方法をご紹介します。

Web制作中に増えた要望と工程への影響を整理する制作チーム

その追加要望、今入れますか? Web制作中の変更をどう判断するか

Web制作中に増えた要望を、目的、合意範囲、影響する工程、費用、日程、公開時期から確認し、修正・追加対応・公開後対応へ整理する方法をご紹介します。

受付窓口で申込書と処理の流れを確認する担当者と利用者

紙・PDFで続けてきた申込・注文業務を、どうWebへ移すか

紙やPDFで行ってきた申込・注文業務をWeb化するとき、利用者の操作、受付側の確認、例外処理、計算、保存、外部連携までを一続きで設計する方法を整理します。

公共空間でスマートフォン、タブレット、ノートPCを使う人々

対応端末・ブラウザは、利用場面からどう決めるか

Web制作の対応端末とブラウザを、利用者、場所、主な操作、重要度から優先・代表・簡易確認へ分け、境界の内容と再現情報を確認する方法を整理します。

Webフォームの入力から通知までを検証する作業デスク

フォームの送信確認で、通知・自動返信・保存データ・担当振り分けまでどう検証するか

Webフォームについて、入力・確認・送信だけでなく、管理者通知、自動返信、保存データ、担当振り分け、本番環境でのメール到達までを一続きで検証する方法を整理します。

CSVの一括更新結果と既存データへの影響を確認する資料

CSVで一括登録・更新するとき、既存データをどう守るか

CSVの一括登録・更新で、識別キー、空欄、部分失敗、事前確認、再実行、復旧を安全に扱う確認方法を整理します。

更新担当者と制作会社がページテンプレートの編集範囲を確認する作業台

お客さまもHTML・CSSを更新するサイトで、編集範囲をどう設計するか

お客さまがHTML・CSSを直接更新するWebサイトで、編集できる範囲、共通部品、CSSの影響範囲、変更履歴、制作会社へ相談する条件をどう決めるか整理します。

会員の登録状態と役割ごとの権限、外部連携を整理した立体模型

会員サイトで、登録状態・役割・権限・外部連携をどう設計するか

会員サイトの登録途中を含む状態、役割ごとの操作権限、外部サービスとの状態差、機能を段階公開する場合の判断方法を整理します。

少量のサンプルから本番規模の多様なコンテンツへ広げて検証する模型

少量のサンプルで動くWebサイトを、本番規模でも崩さないために何を試すか

数件のきれいなデータだけでは見つからない、最大件数、長文、画像量、空欄、ページ送り、一括処理の問題を公開前に確かめる方法を整理します。

原稿から複数言語のページと公開状態へ展開する編集工程

多言語サイトで、翻訳原稿・共通部品・段階公開をどう同期するか

多言語サイト制作で、ページと言語の対応、翻訳原稿の状態、共通部品の文字量差、言語ごとの段階公開を安全に管理する方法を整理します。

共通基盤でつながりながら役割を分けた複数サイトの建築模型

複数サイト・複数部署で、共通部分と運用範囲をどう分けるか

複数サイトや複数部署で運用するとき、共通化する見た目・情報・仕組み、権限、公開日、正となる情報源をどう分けるかを整理します。

光と布の動きが段階的に変化する展示空間

動きのあるデザインを、雰囲気ではなく実装仕様へどう変えるか

参考サイトやデザインの動きを、開始条件、時間、順番、終了状態、読み込み、端末ごとの代替表現へ分解し、安全に実装する方法を整理します。