SAMPLE SITE
コーチ社労士事務所御中 専用 サンプルサイトを実際にご覧いただけます
サンプルサイトを開く →※ サンプルサイトで使用している画像はすべてイメージ素材です。本番制作の際はお客様ご希望の写真・画像に全て差し替えます。
Proposal
ご提案資料
コーチ社労士事務所御中
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
コーチ社労士事務所様の「コーチング × 社労士の融合 × 高知に根ざした伴走スタイル × 労務相談・就業規則・人事評価・助成金・研修の5領域ワンストップ × 4本柱研修プログラム（管理職／若手／労務管理／カード研修）」という強みを軸に、
コーチ社労士事務所様 専用のサンプルサイトを制作いたしました。
サンプルサイトを制作した理由
01
「コーチング × 社労士」を3秒で
コーチ社労士事務所様は「教えるのではなく引き出す」コーチング型のスタイルが大きな差別化要素です。HEROで仁淀ブルーグリーン全画面ビジュアルと「伴走する社労士」というポジションを最初の3秒で伝える構成にしました。
02
「5領域 × 4本柱研修」を可視化
労務相談・就業規則・人事評価・助成金・顧問の5領域と、管理職／若手／労務管理／カード研修の4本柱を独立ページで可視化。「ここまで幅広く対応してくれる」を視覚的に伝えます。
03
「高知の経営者」をターゲットに
高知県全域25市町村に対応されている強みを、フッター・アクセスページで明示。「うちの地域も対応してくれる」と感じていただける構成です。
サイト設計の意図
- カラー：仁淀ブルーグリーン（#2D6B6E・仁淀川の翡翠・メイン）＋ 仁淀ディープ（#1A4A4D・落ち着き・引き締め）＋ 土佐和紙ベージュ（#D4B98E・和紙のあたたかみ）＋ 山桃ローズ（#C9576B・高知の県花・コーチングの対話の温もり）＋ 苔緑（#6B8F4F・コーチの静かな佇まい）＋ 純白系背景（#FFFFFF／#FCFAF0／#FAF7EE）。事務所名「コーチ」の伴走・対話のあたたかさを、仁淀ブルーグリーン × 土佐和紙ベージュ × 山桃ローズの組み合わせで表現しました。
- ナビゲーション：士業ルールに従い、完全日本語ナビ（ホーム／事務所紹介／代表紹介／業務案内／労務相談／人事評価・就業規則／助成金申請／顧問契約／研修プログラム／料金案内／お知らせ／アクセス／お問合せ）。CTAボタンはピル型の仁淀ブルーグリーン基調で、やわらかさと信頼感を両立。
- フォント：Shippori Mincho B1 500-700（しなやかな明朝・見出し）＋ Cormorant Garamond italic（高級感あるアクセント英・eyebrow／番号）＋ Klee One 400-600（手書き感のあるアクセント・lead/note）＋ Noto Sans JP 400-700（読みやすい和文）。明朝のしなやかさと手書き風の親しみを組み合わせ、「伴走する社労士」らしい温度感を演出します。
- オープニング：R8ルール（2026-05-23ユーザー確定・トークン削減モード）に従い、オープニングアニメは一切使用していません。body → ヘッダー → HERO へ即時遷移する高速ファーストビュー設計です。
- 参考要素：仁淀川の翡翠を思わせる仁淀ブルーグリーンをHERO全画面（100vh）に大胆配置。土佐和紙のあたたかみあるベージュをセクションアクセントに使用し、山桃ローズで「対話の温もりと活気」のスパイスを加えています。「コーチング型」の特徴を出すため、point-card／field-card／timeline ステップに「対話と伴走」の視覚言語を意識的に取り入れました。
- 士業らしい中間バランス：士業HPデザインバランス（2026-05-15ルール）に従い、「1回目の定型」と「2回目の大胆すぎ」の中間を狙いました。標準HP構造を維持しつつ、明朝＋手書き風 Klee の書体ミックス・落ち着いた仁淀ブルーグリーン×和紙の2色配色・余白多め・有機的SVG装飾で、士業らしい硬さと「伴走者」のあたたかさを両立。マウス追従blob／3D tilt多用／巨大タイポ60px以上／横スクロール多用 等は不採用。
- 明色背景デフォルト：くすみ白禁止ルール（2026-05-17）準拠で、body／section の主要背景は #FFFFFF／#FCFAF0／#FAF7EE／#F7F1DE（土佐和紙の温度を含む明色4階調）のみ使用。dark系 block 0件（フッターのみ例外）。
- 構成：ホーム／事務所紹介／代表紹介／業務案内／労務相談／人事評価・就業規則／助成金申請／顧問契約／研修プログラム／料金案内／お知らせ／アクセス／お問合せ の13ページ＋本提案資料の構成。
- 業界配慮（社労士・士業共通）：「助成金は必ず受給できる」「労務トラブルは絶対に発生しない」等の効果断定を排除。「助成金は要件を満たしても、予算上限到達などにより受給できない場合があります」「具体的な労務対応は事案により異なります」を明記しています。弁護士・税理士領域は提携先紹介を明記しています。
- 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
※ 価格はすべて税別表記です。
3つのプラン
LIGHT
LP 1ページプラン
¥10,000（税別）
1ページ完結のランディングページ。研修プログラム単発告知・キャンペーン告知などに最適。
STANDARD
スタンダード
¥30,000（税別）
5〜6ページ構成。一般的な社労士事務所コーポレートサイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000（税別）
本サンプル相当（13ページ＋HEROフル画面ヒーロー・労務相談／人事評価／助成金／顧問／研修の各専用ページ）。コーチ社労士事務所様の強みを最大限に表現できる構成です。
＋ 月額保守 ¥5,000（税別・ホスティング込み・更新サポート込み）
※ 価格はすべて税別表記です。
第1号特典：月額保守 3ヶ月無料
LUMO WEB STUDIO リリース記念といたしまして、
初期にご契約いただいたお客様には、月額保守を 3ヶ月無料 でご提供します。
研修プログラム告知の追加、助成金最新情報の差し替え、お知らせ追加など、お声がけいただければ即対応いたします。
LUMOの他サービス
名刺デザイン
社労士事務所らしい、品格と信頼感のある名刺。ロゴ・配色をHPと統一して制作いたします。
¥5,000（税別）〜
チラシ・フライヤー
研修プログラム告知・勉強会開催チラシなど、配布用印刷物のデザインに対応いたします。
¥8,000（税別）〜
封筒デザイン
事務所封筒・案内状用封筒。HPの世界観を踏襲したデザインで統一感を演出します。
¥5,000（税別）〜
ロゴ・印刷物制作
事務所ロゴ、研修用ポスター、相談カード、ステッカー等の印刷物に対応します。
¥6,000（税別）〜
会社案内PDF
顧問先・新規企業さま向けの営業用PDFパンフレットの制作。
¥10,000（税別）〜
Web丸投げプラン
研修告知・お知らせ追加・原稿リライトを全てお任せ。先生は本業に集中できます。※ 最低契約期間 24ヶ月
¥5,000/月（税別）〜
※ 価格はすべて税別表記です。
月額保守について
月額保守はホスティング込みの包括契約モデルです。
サーバー・SSL・監視・障害対応・軽微修正・お知らせ追加・アナリティクスまで、まとめてLUMOがお預かりします。
月額保守 ¥5,000（税別）に含まれるもの
- サーバー・ホスティング維持（Cloudflare Pages を当方アカウントで運用）
- SSL証明書 自動更新（HTTPS常時化）
- 死活監視（稼働監視・ダウン検知）
- 障害発生時の対応（一次切り分け・復旧対応）
- 軽微修正（文言修正・画像差し替え・営業時間変更・電話番号変更 等）
- お知らせ・新着投稿の追加（研修告知・助成金最新情報など）
- Google アナリティクス運用サポート（月次の閲覧傾向ご報告）
【ご留意事項】
クライアント様側での HTML 直接編集は想定外です。更新は保守内、または単発修正でご対応します。「公開後は触らずに安心して長期運用できる状態」 を設計思想としております。
保守契約終了時はホスティング停止となりますが、ご希望の場合は Astro ソース一式の引渡しも可能です（他社サーバー移行が可能・ベンダーロックインは行いません）。
ご契約までの流れ
- STEP 1メールにてお返事・ご質問
- STEP 2プラン選定・お見積り確定
- STEP 3原稿・写真のご提供（最低限でOK・LUMOが構成）
- STEP 4初稿提出（おおむね2週間）
- STEP 5修正対応・公開
LUMO WEB STUDIOについて
士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
よくあるご質問
原稿はどう用意すれば？
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。社労士特有の表現（効果断定を避ける／業務範囲明示／弁護士・税理士領域への配慮）にも対応します。
独自ドメインは使えますか？
はい。coach-sr.example などの新規取得・設定もサポートします。既存ドメインから独立した独自HPへの移行もご相談ください。
Web丸投げプランの契約期間は？
最低契約期間は24ヶ月です。月々のお知らせ追加・原稿リライト・新規研修告知などをLUMOが代行する伴走型プランです。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。新規研修告知・お知らせ追加など、月額保守内で対応します。クライアント様側でのHTML直接編集は想定外の運用設計です。
SEOやコラム運用は？
コラム欄の運用、SEO対策（高知・社労士・労務相談・助成金・研修 など地域×業務での検索流入）にも対応可能です。
保守契約を終了したらどうなる？
ホスティング（当方サーバー）は停止となります。ただしAstroソース一式の引渡しはご希望に応じて可能です。他社サーバー移行も可能で、ベンダーロックインは行いません。
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO ／ https://lumo-web-studio.pages.dev/