「お問い合わせ」「打ち合わせ」「ご契約」「納品」と項目を並べても、初めての人には、自分が何を用意し、どこで金額や内容が確定するのか分からないことがあります。流れページは社内工程を見せるだけでなく、依頼者が次の行動を判断するためのページです。

美容・士業・飲食小売・製造・建設設備など、サービスの形が違っても、依頼者がすること、事業者が確認すること、次へ進む条件を揃えると、実際の受付に近い案内をつくれます。

1. 段階数を決める前に、開始と終了を決める

「5ステップにしたい」と見た目から決める前に、流れページでどこからどこまで案内するかを決めます。問い合わせ前の準備から始めるのか、申し込み後から始めるのか。納品で終わるのか、利用開始や定期確認まで含めるのか。範囲が違えば、同じ「流れ」でも内容が変わります。

  • 相談型。問い合わせ、内容確認、見積もり、依頼確定、提供、完了確認まで。
  • 予約型。メニュー選択、予約、来店前の準備、当日の確認、提供、次回案内まで。
  • 製造・納品型。仕様相談、図面・数量確認、見積もり、製作、検査、出荷・受け取り確認まで。

実際のサービスにない段階を一般的な型へ合わせる必要はありません。最初と最後を決め、途中で判断が変わる箇所を一段ずつ分けます。

2. 各段階を三つの欄で書く

社内の作業だけを書くと、依頼者の準備が抜けます。反対に、依頼者へのお願いだけでは、事業者が何を確かめるか分かりません。各段階に次の三欄を用意します。

流れの各段階に揃える三つの情報
欄書く内容
依頼者がすること相談内容を伝える、資料を確認する、日時を選ぶ、見積もりに返答するなど。
事業者が確認すること対応範囲、必要資料、料金条件、日程、担当、提供方法など。
次へ進む条件内容・金額・日程の合意、資料の受領、予約確定、検査確認など、実際の区切り。

「打ち合わせ後、制作に入ります」の間に見積もりや仕様確認があるなら、その区切りを省かないようにします。契約、支払い、キャンセルなど条件に関わる説明は、実際の規約・見積書と照合し、流れページだけで新しい約束を作りません。

3. 依頼前・確認中・提供後の疑問を拾う

流れを読んだ人が止まりやすいのは、段階の名前より、自分の状況が例外に見えるときです。よくある分岐を実際の受付担当へ確認します。

  • 内容や数量がまだ決まっていなくても相談できるか。
  • 現地確認、オンライン相談、資料送付のどれが必要か。
  • 見積もり後に条件を変える場合、何を再確認するか。
  • 依頼者側の準備が遅れた場合、日程をどう決め直すか。
  • 提供・納品後に確認することと、別の相談になることは何か。

すべての例外を本文に入れるのではなく、主な流れの近くに「この場合は個別に確認」と案内し、よくある質問や問い合わせへつなげます。

4. 架空の専門サービス相談で、説明の形を考える

次は構成を説明するための架空例で、実在する事務所・料金・制度・納期ではありません。実際に掲載する際は、自社の受付と提供方法を担当者へ確認してください。

架空の書類整理サポートの流れ例
段階依頼者事業者と区切り
1. 相談困っている書類の種類と希望時期を、分かる範囲で伝える。対応範囲と、初回に不要な機密情報を案内する。
2. 内容確認必要な範囲だけ資料の種類・量・保管状況を説明する。作業範囲、受け渡し方法、追加確認事項を整理する。
3. 見積もり確認内容・金額・日程・対象外を確認し、不明点を質問する。合意する範囲を明確にし、変更時の再確認方法を伝える。
4. 提供合意した方法で資料を準備し、途中確認へ返答する。確認した範囲で作業し、未決事項を勝手に確定しない。
5. 完了確認受け取った内容と、残っている作業を確認する。今回の完了範囲と、今後の保管・更新方法を案内する。

この例では、相談時に機密資料を送らせないこと、見積もりの対象外を確かめること、完了の範囲を共有することが判断材料です。具体的な項目は業種によって変わりますが、三欄の形はさまざまなサービスに応用できます。

5. 料金・対応範囲・問い合わせと内容を揃える

流れページに「無料相談」「即日対応」「全国対応」と書く場合は、実際の条件を確認します。料金ページに追加費用の条件があり、流れページでは「すべて込み」に見えると、相談前の認識がずれます。料金ページの六つの情報、サービスの対応範囲と表現を照合します。

問い合わせの入口では、流れの最初に必要な情報だけを案内します。詳細な資料や個人情報を初回から集めるのではなく、初回・任意・返信後に分ける入力項目を使い、必要になる段階を説明できます。

6. 写真・図・ボタンを、次の行動に合わせる

段階ごとに写真を使うなら、何を見せる写真かを決めます。打ち合わせの雰囲気、作業の一部、納品物など、掲載許可と実際の担当範囲が確認できるものだけを使います。フリー素材や生成イメージは、実績と誤認されない説明を添えます。

図の中だけに説明を入れると、文字が小さくなったり、検索や読み上げで内容をたどれなかったりします。本文の見出し・リスト・表でも同じ流れを読める形を保ちます。W3C WAIのページ構造のガイドが示すように、内容に合った見出しと要素を使い、スマートフォンでも順番を追えるか確認します。

各段階のボタンも、行き先に合わせます。「相談する」「予約方法を見る」「必要資料を確認する」など、押した後に何ができるかを具体化します。相談ボタンを押しただけで依頼が確定するような誤解を避けます。

7. 流れが変わったら、関連ページを同時に直す

受付方法、見積もり、決済、提供場所、納品方法が変わったときは、流れページだけでなく、料金、FAQ、問い合わせ、案内メール、PDF資料も確認します。公開原稿には確認担当と更新元を記録し、古い説明を残さないようにします。

実際の相談で同じ質問が続いたら、個人や案件を特定しない形で、どの段階の説明が足りないかを見直します。閲覧数だけで良し悪しを決めず、相談前の認識と実際の進行が合っているかを担当者が確認します。

GRAVIと、問い合わせの前後を一つの案内へ

サービスの魅力を伝えることと、依頼の進み方を具体的に示すことは、別々ではありません。大切にしている確認、準備の理由、提供後の向き合い方にも、その事業らしさが表れます。

今の受付方法、見積もりの前後、提供・納品の区切りから整理できます。業種に合わせた伝え方と、ホームページの構成・制作を合わせてご相談ください。

参照：W3C WAIほか各サービスの公開案内（2026年10月27日確認）。整理方法と架空例はGRAVIの編集上の提案で、各社固有の条件は転用していません。