社労士事務所の担当者が公開ページと契約後の資料案内を示す無記名の画面案を見比べる場面

NOTES

入退社資料の案内を分ける

社労士事務所サイトで、入退社資料の公開説明と契約者向け提出先を分ける設計。初回相談、提出案内、受領確認の画面遷移例と、原稿・運用を確定する担当を整理します。

チップス

「入社日を知らせれば、あとは事務所へ任せられる」と顧問先に伝わるサイトになっていないでしょうか。会社の担当者が入退社を連絡した後、追加の確認が必要になっても、どの資料を、どの窓口へ、いつの段階で渡すのかが見つからない。公開の問い合わせフォームには従業員の資料を添付してよいようにも見える。この状態では、担当者が親切に連絡しても、事務所が受け取る前の案内で迷いが生じます。

この記事の読者は、社労士事務所のサイトを発注・見直す経営者とWeb担当者です。公開ページでは準備の考え方と相談方法を伝え、個別の資料提出先は契約と担当の確認後に案内し、最後に受領状態を返す。三つの画面を一続きに設計します。本文の画面例は架空の設計材料です。必要な書類、届出の期限、個人番号の取得方法は案件や事務所の運用に関わるため、ここでは決めません。

入社日だけで終わるように見せない

みやあじよの社労士事務所向けホームページ制作案内は、顧問の範囲、会社と事務所の仕事の分担、連絡と資料の受渡しを取材して業務案内を作ると説明しています。LPは、事務所サイト全体の制作範囲を知る場所です。本稿では、そのうち入退社の資料案内を一画面の「お問い合わせ」だけに押し込まない設計を考えます。

会社が入社日を知らせることは、手続きの相談が始まる合図にはなっても、事務所が作業に必要な内容をすべて受け取ったことを意味しません。たとえば日本年金機構の資格取得届の入力例には、取得年月日のほかにも氏名などの項目が示されています。ただし、この入力例から、すべての顧問先に同じ資料一式を求めることはできません。サイトで「入社日を送れば完了」と書く代わりに、事務所が内容を確認してから提出案内を渡す流れを明示します。

初めて相談する会社と、契約済みで担当者が決まっている会社も、同じ入口にしない方が分かりやすくなります。前者は対応する業務や契約の範囲を確認したい段階です。後者は、いつもの連絡担当と提出方法を知りたい段階です。公開ページには両者の入口を見分けられる見出しを置き、契約者向けの詳しい提出先は、確認された担当者へ別途伝える構成を考えます。公開サイトを見ただけで送れる状態と、契約に沿って資料を受け付ける状態を混ぜません。

公開説明・提出案内・受領確認を三画面にする

次の表は、架空の社労士事務所がサイト改修を検討するための画面遷移例です。実際の提出システムや取扱資料を指定する表ではありません。「誰が見るか」「その画面で何を決めるか」「次に何が起きるか」を、原稿と画面の共通資料にします。

表は左右にスクロールできます。

場面と画面 見る人 画面に載せること 次の移動と確認者
初回相談の公開ページ 依頼を検討する会社 対応業務、顧問と単発の範囲、相談窓口、詳細資料を送る前の案内 用件を伝え、事務所が対象と連絡先を確認する
契約後の提出案内 確認済みの顧問先担当者 担当窓口、対象の連絡事項、事務所が指定した提出経路、提出前の確認先 担当者が案内に従い、提出の不足や不明点を照会する
受領確認の画面・連絡 提出した顧問先担当者 到着したか、確認中か、不足連絡があるか、次の連絡方法 事務所の担当者が中身を確認し、必要なら個別に返す
公開説明から担当確認を経て契約後の提出案内へ進み、受領確認に至る三画面の流れ
入退社資料の案内を公開説明、契約後の提出案内、受領確認に分けた架空の画面遷移例。実際の資料と提出経路は事務所が確定します。

ここでいう「受領」は、指定した経路にデータや連絡が到着したことです。内容の確認、必要事項の充足、届出の完了まで同時に保証する語として使いません。画面の文言を「送信完了」だけにすると、顧問先は作業も終わったと読んでしまうかもしれません。「受け付けました。内容を確認し、追加の確認が必要な場合は担当から連絡します」のように、事務所が実際に守れる次の行動を示します。自動返信を使う場合も、返信内容と確認担当を事務所で決めます。

公開ページと契約後の案内をつなぐ線は、誰でも開ける提出リンクにしない設計が考えられます。公開ページには「契約済みの方は担当者から案内した方法をご利用ください」と書き、案内が見つからない場合の問い合わせ先を置きます。契約者向けの画面や通知に入る前に、相手と権限をどう確かめるかは、事務所の運用に合わせて決めます。URLを知っているだけで資料を閲覧・提出できる仕組みを、図の見た目だけで安全と判断しません。

公開ページは、準備の判断までに留める

公開ページで役立つのは、手続きの詳細な書類リストを一律に出すことより、「この事務所へ何を相談できるか」「どの段階で個別案内を受けるか」を明確にすることです。入社、退社、担当者変更などの用件別に入口を用意しても、各用件の説明は実際の受託範囲と合っている必要があります。顧問契約に含まれる仕事と別途相談の仕事が違うなら、サイトにもその区別を反映します。無料相談の文面が、契約後の実務受付まで含むように見えないようにします。

公開フォームで求める情報は、初回連絡の担当を決めるための範囲に留める設計から検討します。会社名、連絡先、用件の大分類が必要かを一つずつ判断し、従業員の氏名や資料、個人番号を自由記述欄へ書き込ませる文言は避けます。個人情報保護委員会の通則ガイドラインは利用目的の具体化と、ネット上の入力画面では送信前に目的が確認できる配置を示しています。特定個人情報の事業者向けガイドラインは、個人番号の取扱いをより限定した事務と安全管理の中で扱います。これらを理由に「必ずこのフォーム項目」と決めるのではなく、事務所が何を受け取るかを先に確定します。

公開ページの「資料はこちらから添付」と、契約後の「指定された方法で提出」を、同じボタン名にしないことも大切です。たとえば公開側のボタンを「入退社の相談方法を確認する」、契約後の案内を「担当者から届いた提出案内を確認する」と分ければ、訪問者が今いる段階を見失いにくくなります。ボタンの色だけで区別せず、近くの説明に「契約前」「契約済み」を書きます。顧問先が公開ページから迷い込んだ場合も、提出先を勝手に探すのではなく担当窓口へ戻れるようにします。

公開ページに「よくある質問」を置くなら、回答は事務所に共通する受付の考え方までにします。「入社した人の資料は何を送ればよいですか」への答えを、未確認の一覧や固定の期日で埋めないことです。「契約内容と状況を確認して担当から案内します」と書き、顧問先がその案内を依頼できる窓口へつなぎます。一般説明と個別の指示が同じページに混在すると、更新時に片方だけ古くなるため、原稿の管理担当も分けておきます。

契約者への提出案内は、担当と連絡方法をそろえる

契約後の案内には、単に「資料をお送りください」と書くより、今回の入退社連絡を誰が受け、どの経路で渡し、送信後に何を確認できるかを載せます。具体的な資料名、対象者、期限は事務所が案件ごとに確認した内容で決めます。画面や通知の共通部分には、顧問先の担当者が案内を見つけられない場合の連絡先、提出ができない場合の連絡方法、追加・訂正の送り方を置けます。個別の条件を一般の公開ページに固定しないためです。

採用する経路が顧問先専用のシステム、ファイル共有、別の連絡手段のどれであっても、画面制作前に確認することは同じです。誰が利用者を追加し、誰が閲覧でき、担当者が退職・異動したら権限をどう変更するか。通知に資料の中身を含めるのか、到着したことだけを知らせるのか。送信したファイルはどこに残り、誤送信や差し替え時に誰が対応するのか。これらは制作担当が見た目だけで選ぶものではありません。事務所の運用担当と、必要に応じてシステム・情報管理の担当が決めた内容を画面へ反映します。

提出経路が決まっていない段階では、サイトに架空のログイン画面を載せて「安全な提出ができます」と約束しません。相談を受けてから現行の運用を確認し、サイトで必要なのが公開ページの原稿改修だけか、契約者向け案内の導線か、実際のシステム連携まで含むかを分けて見積ります。全国社会保険労務士会連合会の個人情報保護案内も、社労士事務所が個人情報を扱う体制を重視しています。ただし認証制度の紹介を、自社の体制や画面の安全性の証明として流用しません。

事務所の担当者が無記名の画面案を並べ、公開案内と資料提出の経路を確認する手元

受領確認は「送れた」と「確認された」を分ける

顧問先の担当者は、送信ボタンを押した後で「事務所に届いたのか」「資料は足りたのか」を知りたくなります。受領確認の設計では、到着、担当による確認中、不足の連絡、確認が済んだ状態を別の言葉にします。必要なら、件名や連絡日時など、顧問先が自分の送信を識別できる情報を表示します。一方、従業員の詳細情報をメールの件名や一覧に広く表示するかは、運用を踏まえて慎重に決めます。

W3Cのフォーム案内は、ラベル、入力の説明、誤りの通知、送信結果の表示をフォームの要素として挙げています。入退社資料の提出で使う画面にも、送信失敗時に何を直せばよいか、添付できない場合にどこへ連絡するかが分かる文言が必要です。「エラーが発生しました」だけでは、送り直すべきか、二重送信になったかが分かりません。確認画面や自動返信の文言は、実際の受付処理と同じ状態を指すように検収します。

不足が見つかったときの返し方も、事務所と顧問先で決めます。公開ページの一般フォームへ「不足書類を再送してください」と戻してしまうと、最初に分けた経路が崩れます。担当者から個別に連絡し、どの提出案内に戻るかを示す方が、迷いを減らせます。顧問先側の担当が複数いる場合は、送信者だけに届く通知で足りるのか、社内で確認できる権限が要るのかも運用上の確認事項です。画面に「受領済み」と出す時点を、サーバー到着か人の確認後かで統一します。

事務所が専門内容を決め、制作側が画面を確かめる

原稿制作の最初に、事務所から現在の連絡方法と担当の流れを聞きます。入退社の連絡を受ける人、顧問先へ追加確認をする人、受領を伝える人が異なるなら、その差を図にします。契約別の受付範囲、必要資料、提出の時点、個人番号を含む情報の取扱いは事務所と専門担当が確認します。制作側は、その決まった内容を公開原稿、契約後の案内、受領表示へ翻訳し、画面間の言葉が食い違わないかを確認します。

制作の検収では、架空の従業員名を使い、公開ページから相談、契約者向け案内、提出後の表示まで通して操作します。契約していない訪問者が詳細提出先へ進めないか、契約者が案内を紛失したとき担当へ戻れるか、スマートフォンで表や説明が読めるかを確かめます。送信失敗と不足連絡も試し、再送先が一般フォームに変わらないかを見る。実データを使った試験や権限設定は、事務所とシステム担当の管理下で行います。ローカルの見本画面が動いたことを本番環境の安全性や業務の正確さの証明にはしません。

公開後は、制度や様式の変更だけでなく、担当窓口や利用する共有方法の変更でも案内を更新します。特に公開ページから契約者向け案内へ進む説明、担当者不在時の代替連絡先、受領確認の文言は、運用が変わるとすぐに古くなります。事務所が原稿の専門内容を確認する人と、サイトを更新する人を決め、変更の知らせをどちらへ渡すかを制作時に残します。閲覧数だけで案内の良し悪しを決めず、誤った窓口への送信や、案内の再送依頼など、実際に起きた迷いを点検材料にします。

問い合わせフォームの取得項目を扱う既存記事はフォーム全般の設計を整理しています。医療・士業の相談導線を扱う記事は公開情報、初回連絡、個別情報を分ける考え方を示します。本稿では、その考え方を入退社資料の三画面へ落とし、契約後の提出先と受領確認が途切れないことを中心にしました。最終的な提出条件を記事の表からコピーせず、事務所の実際の業務に照らして確定します。

資料の案内を、事務所の運用に合わせて整える

みやあじよの社労士事務所向けホームページ制作では、顧問先と事務所の分担、資料の受渡し、相談から契約後までの画面構成を取材します。今の公開ページ、実際に使う提出案内、受領の伝え方を持ち寄り、どの原稿と画面を直すかご相談ください。

参考にした公開情報

2026年9月24日確認。三画面の例は実在の事務所の受付経路、セキュリティ、処理結果を示しません。実際の契約範囲、必要資料、提出期限、個人番号を含む情報の取扱い、認証と権限は事務所が確認します。