Proposal
ご提案資料
社会保険労務士 岩田直美事務所御中
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
社会保険労務士 岩田直美事務所様の「春日井・勝川に根ざした、女性社労士のきめ細やかさ × 労務顧問／就業規則／給与計算／社会保険／助成金／障害年金のワンストップ × 年金アドバイザー＋メンタルヘルスマネジメントⅠ種マスター × 労基署点検員・年金相談員の実務経験」という強みを軸に、
社会保険労務士 岩田直美事務所様 専用のサンプルサイトを制作いたしました。
サンプルサイトを制作した理由
01
「女性社労士 × 春日井地域」を3秒で
岩田直美事務所様の「女性ならではのきめ細やかさ・スピード対応・顧客満足」というキャッチを、HEROで最初の3秒で伝える構成にしました。春日井サボテン・庄内川・桃花の地域モチーフで親しみと信頼感を両立。
02
「6業務 × 独立ページ」で可視化
労務顧問・就業規則・給与計算・社会保険・助成金・障害年金の6業務をfield-card×独立ページで可視化。「どの業務がよいか分からない」事業者様にも、各業務の役割を視覚的にお伝えします。
03
「企業 × 個人当事者」両方をターゲットに
顧問契約をご検討の企業様と、障害年金請求をご検討の個人当事者様、両方が情報を得られる構成。ターゲット別の入り口設計で「自分のための事務所」と感じていただけます。
サイト設計の意図
- カラー：春日井サボテングリーン（#3F7A5A・メイン緑）＋ 庄内川ブルー（#2B5C82・補助青）＋ 尾張藍染ダーク（#1F2A52・見出し）＋ 春日井桃花ピンク（#C84A7A・アクセント）＋ 和紙ベージュ（#F5EDD9・ソフト背景）＋ 純白系背景（#FFFFFF／#FCFAF4／#F8F5EC・士業くすみ白禁止ルール準拠）。春日井の名産「サボテン」と「桃」を配色に込め、女性社労士のあたたかさを地域カラーで表現しました。
- ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所紹介／代表挨拶／業務案内／労務顧問／就業規則／給与計算／社会保険手続き／助成金申請／障害年金／料金案内／ご相談の流れ／お知らせ／アクセス／お問合せ）。
- フォント：Shippori Mincho B1 500-700（しなやかな明朝・見出し）＋ Cormorant Garamond italic（高級感あるアクセント英・eyebrow／番号）＋ Klee One 400-600（手書き感のあるアクセント）＋ Noto Sans JP 400-700（読みやすい和文）。士業らしい品格と、女性社労士のあたたかさを両立。
- イントロアニメ：2026-05-23ルール（R8）により**全面廃止**。
<body>→ ヘッダー → HERO 全画面ヒーロー写真 へ即時表示。ファーストビューの高速化を優先しました。 - HERO設計：B17ルール準拠の
height: 100vh全画面ヒーロー写真。事務所外観写真をフルブリードで敷き、尾張藍染×庄内川ブルー×桃花ピンクのグラデーションオーバーレイで文字可読性を確保。サボテン／桃花／庄内川3層波のSVG装飾を重ね、春日井固有のモチーフを演出。 - 士業らしい中間バランス：士業HPデザインバランス（2026-05-15ルール）に従い、「1回目の定型」と「2回目の大胆すぎ」の中間を狙いました。標準HP構造を維持しつつ、Shippori Mincho＋Cormorant＋Klee Oneの3書体ミックス・落ち着いた地域カラー配色・余白多め・有機的SVG装飾で、士業らしい硬さと女性社労士のあたたかさを両立。
- 明色背景デフォルト：くすみ白禁止ルール（2026-05-17）準拠で、body／section の主要背景は #FFFFFF／#FCFAF4／#F8F5EC／#F5EDD9（和紙ベージュ・装飾アクセント単位）のみ使用。dark系 block 0件（フッターのみ例外）。
- 構成：ホーム／事務所紹介／代表挨拶／業務案内／労務顧問／就業規則／給与計算／社会保険手続き／助成金申請／障害年金／料金案内／ご相談の流れ／お知らせ／アクセス／お問合せ／本提案資料 の16ページ構成。
- 業界配慮（社労士・士業共通）：「絶対に助成金が出る」「必ず障害年金が認定される」等の効果断定を排除。「具体的な受給可否は要件・診断書内容により異なります」「最終判断はお客様自身が行うものです」を明記しています。税務・登記等は他士業領域として連携先紹介を明記します。
- 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
※価格はすべて税別表記です
3つのプラン
LIGHT
LP 1ページプラン
¥10,000（税別）
1ページ完結のランディングページ。助成金キャンペーン告知・セミナー告知など、単発の告知用に。
STANDARD
スタンダード
¥30,000（税別）
5〜6ページ構成。一般的な社労士事務所コーポレートサイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000（税別）
本サンプル相当（15ページ＋業務6分野の各専用ページ）。岩田直美事務所様の強みを最大限に表現できる構成です。
＋ 月額保守 ¥5,000（税別・ホスティング込み）
月額保守内容：サーバー・ホスティング維持／SSL証明書更新／監視／障害対応／軽微修正／お知らせ追加／Google Analytics運用サポート
※ご留意事項：クライアント側でのHTML直接編集は想定外。更新は保守内 or 単発修正にて承ります。「公開後は触らずに、安心して長期運用できる状態」をLUMOの設計思想としています。
※価格はすべて税別表記です
第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/月（税別）〜
※価格はすべて税別表記です
ご契約までの流れ
- STEP 1メールにてお返事・ご質問
- STEP 2プラン選定・お見積り確定
- STEP 3原稿・写真のご提供（最低限でOK・LUMOが構成）
- STEP 4初稿提出（おおむね2週間）
- STEP 5修正対応・公開
LUMO WEB STUDIOについて
士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
よくあるご質問
原稿はどう用意すれば？
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。社労士特有の表現（効果断定を避ける／業務範囲明示／弁護士・税理士領域への配慮）にも対応します。
独自ドメインは使えますか？
はい。iwata-sharoushi.example などの新規取得・設定もサポートします。既存ドメインから独立した独自HPへの移行もご相談ください。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。新規セミナー告知・お知らせ追加など、月額保守内で対応します。Web丸投げプランは最低契約期間24ヶ月となります。
SEOやコラム運用は？
コラム欄の運用、SEO対策（春日井・名古屋・社労士・助成金・障害年金 など地域×業務での検索流入）にも対応可能です。
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO
https://lumo-web-studio.pages.dev/