ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
若山社会保険労務士事務所様の「解り難い制度を、解りやすく × 企業の労務・社会保険・給与計算から個人の障害年金・遺族年金・老齢年金まで幅広く対応 × 女性社労士ならではのていねいで寄り添う対応 × 宇佐市・県北エリアの地域密着」という強みを軸に、
若山社会保険労務士事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：Warm Camel（#8A6A45・メイン茶） ＋ Camel Deep（#6E5234・濃茶） ＋ Dusty Leaf（#7C8A5A・アクセント緑） ＋ Ivory（#FAF6EF・ソフト背景） ＋ 純白系背景（#FFFFFF／#FDFAF4・士業くすみ白禁止ルール準拠）。落ち着いたキャメル系の茶を主役に、やわらかなくすみ緑をアクセントとして添え、女性社労士ならではのあたたかさと信頼感、宇佐の落ち着いた空気感を表現しました。
• ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所紹介／業務案内／企業のお客様へ／個人のお客様へ／障害年金／遺族年金／老齢年金・離婚分割／料金案内／お知らせ／お問い合わせ）。ヘッダー右端の金ボタン（nav-cta）は設けず、すっきりした横並びリンクのみとしています。
• フォント：Noto Serif JP 500-700（しなやかな明朝・見出し）＋ Noto Sans JP 400-700（読みやすい和文・本文）の2書体構成。明朝の品格と、ゴシックの読みやすさを組み合わせ、士業らしい硬さと親しみやすさを両立しました。
• 表示：オープニングアニメーションは設けず、ページを開いてすぐにヘッダー・全画面ヒーローが表示される高速な構成としました。初回表示のストレスがなく、ファーストビューの訴求力を最優先しています。
• ヒーロー：トップページは画面いっぱいの全画面ヒーロー写真（100vh フルブリード）に、屋号・キャッチコピー・CTAをオーバーレイ配置。「解り難い制度を、解りやすく」という姿勢を、最初のひと画面で伝えます。
• 士業らしい中間バランス：士業HPデザインバランスに従い、「定型すぎ」と「大胆すぎ」の中間を狙いました。標準HP構造を維持しつつ、明朝＋ゴシックの2書体・落ち着いたキャメル×くすみ緑の配色・余白多めで、士業らしい硬さとあたたかさを両立。マウス追従blob／3D tilt／巨大タイポ／横スクロール多用 等の過剰演出は不採用です。
• 明色背景デフォルト：くすみ白禁止ルール準拠で、body／section の主要背景は #FFFFFF／#FDFAF4／#FAF6EF（Ivory・装飾アクセント単位）のみ使用。dark系 block 0件（フッターのみ例外）。
• 構成：ホーム／事務所紹介／業務案内／企業のお客様へ／個人のお客様へ／障害年金／遺族年金／老齢年金・離婚分割／料金案内／お知らせ／お問い合わせ の11ページ＋本提案資料の構成。
• 業界配慮（社労士・士業共通）：「必ず助成金が受給できる」「必ず年金が認められる」等の効果断定を排除。「対象になるか・受給できるかは個別の状況により異なります」を前提とした表現に統一しています。また、現HPに公開価格がないため、料金はすべて「個別にお見積り」とし、具体的な金額は記載していません。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

※価格はすべて税別表記です

LUMO WEB STUDIOについて

士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。