Proposal
ご提案資料
高橋社会保険労務士事務所御中
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
高橋社会保険労務士事務所様の「津軽・黒石に根ざした個人社労士事務所 × 労務相談／社会保険／給与計算／助成金／就業規則のワンストップ × 小さな事業者特化 × 津軽の風土に合わせた現実的な労務管理」という強みを軸に、
高橋社会保険労務士事務所様 専用のサンプルサイトを制作いたしました。
サンプルサイトを制作した理由
01
「個人事務所 × 津軽密着」を3秒で
大手社労士法人ではなく、代表が直接担当する個人事務所であること。HEROで「津軽・黒石から、働く人と事業者の傍らに」というポジションを最初の3秒で伝える構成にしました。全画面ヒーロー写真＋津軽りんごモチーフで地域性を即時伝達します。
02
「5つの柱」を可視化
労務相談・社会保険・給与計算・助成金・就業規則の5つの柱を、5列 service-cloud で可視化。Statsカウンターと組み合わせ、小さな事業者の人事労務をワンストップでカバーできることを直感的に伝えます。
03
「顧問契約 ＆ スポット相談」を明示
毎月の顧問契約からスポット相談（30分¥5,000・初回無料）まで、料金体系を透明に提示。「うちは小さいから社労士は大げさかな」と感じる事業者さまでも、気軽に問合せできる構成にしました。
サイト設計の意図
- カラー：津軽りんご赤（#A8324A・メインアクセント） ＋ 青森ヒバ緑（#5A7F66・補助グリーン） ＋ 陸奥湾ブルー（#2D5F7E・サブアクセント） ＋ こけし白木（#F7F2E8・ソフト背景） ＋ 純白系背景（#FFFFFF／#FCFAF5）。津軽・黒石の地域特性（りんご・ヒバ・陸奥湾・伝統こけし）をモチーフ化した独自配色で、士業らしい落ち着きと地域への愛着を両立しました。
- ナビゲーション：士業ルール（B9）に従い、完全日本語横並び（ホーム／事務所紹介／業務案内／労務相談／社会保険／年金相談／料金案内／お知らせ／アクセス／プライバシー／お問合せ）。
- フォント：Shippori Mincho B1 400-700（しなやかな明朝・見出し）＋ Cormorant Garamond italic 400-600（高級感あるアクセント英・eyebrow／番号）＋ Klee One 400-600（手書き感のあるアクセント・lead/note）＋ Noto Sans JP 300-700（読みやすい和文本文）。明朝のしなやかさと手書き風のあたたかさを組み合わせ、「町の社労士」らしい親しみやすさを演出します。
- イントロアニメ：R8（2026-05-23 LUMO運営ルール）に従い、オープニングアニメーションは使用していません。ページ表示は body → ヘッダー → HERO へ即時遷移し、ファーストビュー高速表示を優先しました。
- HERO設計（B17）：index.astro のトップは画面いっぱいの全画面ヒーロー写真（height: 100vh / object-fit: cover）。事務所外観の写真をフルブリードで敷き、津軽りんごモチーフSVG装飾を3個浮遊させ、屋号・キャッチ・CTAをオーバーレイ配置しています。地域性と業種特性を写真1枚で訴求できます。
- 独自モチーフ：「津軽りんご」（5枚葉＋丸い実）をブランドロゴとヒーローの装飾SVGに採用。地域固有のシンボルで、青森県内の他LUMO制作物（既存ストック）と明確に差別化しています。
- 士業らしい中間バランス（B15）：「1回目の定型」と「2回目の大胆すぎ」の中間を狙いました。標準HP構造を維持しつつ、明朝＋手書き風 Klee の書体ミックス・落ち着いた3色配色（apple/hiba/mutsu）・余白多め・有機的SVG装飾で、士業らしい硬さと「町の社労士」のあたたかさを両立。マウス追従blob／3D tilt／magnetic多用／巨大タイポ60px以上／横スクロール多用 等は不採用。
- 明色背景デフォルト（B10）：くすみ白禁止ルール準拠で、body／section の主要背景は paper／paper-2／kokeshi／hiba-pale／apple-pale の明色のみ使用。dark系 block 0件（フッターのみ例外）。
- 構成：ホーム／事務所紹介／業務案内／労務相談／社会保険／年金相談／料金案内／お知らせ／アクセス／プライバシー／お問合せ の11ページ＋本提案資料の構成。
- 業界配慮（社労士・士業共通）：「絶対に助成金が受給できる」「必ず労務トラブルを防げる」等の効果断定を排除。「最終判断はお客様自身が行うものです」「助成金支給は審査機関の判断による」を明記しています。税務申告・登記・契約書作成など他士業の領域は連携先紹介を明記しています。
- 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。クライアント側fees.astroも社労士報酬税別統一です。
※価格はすべて税別表記です
3つのプラン
LIGHT
LP 1ページプラン
¥10,000（税別）
1ページ完結のランディングページ。セミナー告知・キャンペーン告知など、単発の告知用に。
STANDARD
スタンダード
¥30,000（税別）
5〜6ページ構成。一般的な社労士事務所コーポレートサイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000（税別）
本サンプル相当（11ページ＋全画面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/月（税別）〜
※価格はすべて税別表記です
月額保守 ¥5,000（税別・ホスティング込み）の内容
LUMO の月額保守は ホスティング込みの包括契約モデル となります。
公開後の運用に関わる以下7項目をすべて含んでいます。
月額保守に含まれるもの：
- サーバー・ホスティング維持：Cloudflare の高速インフラで安定運用
- SSL自動更新：常時HTTPS化・証明書の自動更新
- 死活監視：稼働監視によりダウンタイムを早期検知
- 障害対応：障害発生時の対応・復旧サポート
- 軽微修正：文言・画像・営業時間等の軽微な修正対応
- お知らせ追加：新着お知らせ・コラム投稿の追加
- Google アナリティクス運用サポート：アクセス解析の確認・ご報告
ご契約までの流れ
- STEP 1メールにてお返事・ご質問
- STEP 2プラン選定・お見積り確定
- STEP 3原稿・写真のご提供（最低限でOK・LUMOが構成）
- STEP 4初稿提出（おおむね2週間）
- STEP 5修正対応・公開
LUMO WEB STUDIOについて
士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
よくあるご質問
原稿はどう用意すれば？
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。社労士特有の表現（効果断定を避ける／業務範囲明示／他士業領域への配慮）にも対応します。
独自ドメインは使えますか？
はい。office-takaya.com などの新規取得・設定もサポートします。既存ドメインから独立した独自HPへの移行もご相談ください。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。新規セミナー告知・お知らせ追加など、月額保守内で対応します。Web丸投げプランは最低契約期間24ヶ月となります。
SEOやコラム運用は？
コラム欄の運用、SEO対策（黒石・弘前・青森・社労士・労務相談・助成金 など地域×業務での検索流入）にも対応可能です。
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO
https://lumo-web-studio.pages.dev/