SAMPLE SITE
斉藤社労士・行政書士事務所御中 専用 サンプルサイトを実際にご覧いただけます
サンプルサイトを開く →※ サンプルサイトで使用している画像はすべてイメージ素材です。本番制作の際はお客様ご希望の写真・画像に全て差し替えます。
Proposal
ご提案資料
斉藤社労士・行政書士事務所御中
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
斉藤社労士・行政書士事務所様の「特定社労士 × 行政書士 × 産業カウンセラー三資格併設の二刀流＋α × 労務管理・働き方改革・同一労働同一賃金・賃金制度・労務監査の5領域 × 外国人材・高齢者・非正規労働者の活用 × 事業承継時の人事労務 × 建設業・製造業の許認可申請」という強みを軸に、
斉藤社労士・行政書士事務所様 専用のサンプルサイトを制作いたしました。
サンプルサイトを制作した理由
01
「三資格併設の二刀流＋α」を3秒で
斉藤事務所様は特定社労士・行政書士・産業カウンセラーの三資格を一人の士業が併せ持つ希少な事務所。HEROであわら温泉ブルー全画面ビジュアルと「人と組織の伴走者」というポジションを最初の3秒で伝える構成にしました。
02
「5領域 × 外国人材 × 事業承継」を可視化
労務管理・働き方改革の5領域、外国人材・高齢者・非正規労働者の活用、事業承継時の人事労務、産業カウンセリングを独立ページで可視化。「ここまで幅広く対応してくれる」を視覚的に伝えます。
03
「あわら市・福井県の経営者」をターゲットに
あわら市西温泉から福井県全域＋北陸地方に対応されている強みを、フッター・アクセスページで明示。「うちの地域も対応してくれる」と感じていただける構成です。
サイト設計の意図
- カラー：あわら温泉ブルー（#2A5E7E・温泉地の落ち着き・メイン）＋ 越前漆ブラウン（#7A5C3C・伝統工芸の品格）＋ 越前蟹朱（#C75A3A・北陸の地場・CTA）＋ 北陸雪白（#FCFBF7・凛とした清らかさ）＋ paper白系背景（#FFFFFF／#FCFBF7／#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／#FCFBF7／#FAF7EE（北陸雪白を含む明色階調）のみ使用。dark系 block 0件（フッターのみ例外）。
- 構成：ホーム／事務所紹介／業務案内／社労士業務／行政書士業務／外国人材・高齢者活用／事業承継／産業カウンセリング／料金案内／お知らせ／アクセス／お問合せ の12ページ＋本提案資料の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側で構成・文章化を担当します。社労士・行政書士特有の表現（効果断定を避ける／業務範囲明示／弁護士・税理士領域への配慮）にも対応します。
独自ドメインは使えますか？
はい。saito-sr.example などの新規取得・設定もサポートします。既存ドメイン（saito-sharoushi.com）から独立した独自HPへの移行もご相談ください。
Web丸投げプランの契約期間は？
最低契約期間は24ヶ月です。月々のお知らせ追加・原稿リライト・新規セミナー告知などをLUMOが代行する伴走型プランです。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。新規セミナー告知・お知らせ追加など、月額保守内で対応します。クライアント様側でのHTML直接編集は想定外の運用設計です。
SEOやコラム運用は？
コラム欄の運用、SEO対策（あわら市・福井・社労士・行政書士・労務管理・建設業許可・外国人材 など地域×業務での検索流入）にも対応可能です。
保守契約を終了したらどうなる？
ホスティング（当方サーバー）は停止となります。ただしAstroソース一式の引渡しはご希望に応じて可能です。他社サーバー移行も可能で、ベンダーロックインは行いません。
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO ／ https://lumo-web-studio.pages.dev/