ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
「元・日本年金機構年金相談員8年 × 横浜関内 × 分かりやすい言葉 × 企業労務／個人年金の二軸対応 × 毎月の動画解説事務所だより × 神奈川県社労士会 横浜南支部」という、貴事務所の強みを軸に、
ことり社会保険労務士事務所御中 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：港町ティール（#2A6B7C）× ことりイエロー（#E8B856）× 朝霧グレージュ（#D8C9B0）× ペーパー（#FBF8F2）× ペールスカイ（#E8F0F2）。横浜港町のティールブルーで信頼感を、ことりイエローで身近さ・年金（黄色いイメージ）を表現。グレージュで全体をやわらかく整え、女性代表らしい品のある雰囲気にまとめました。
• ナビゲーション：士業のため完全日本語横並び（ホーム／事務所案内／業務内容／年金相談／事務所の特徴／お知らせ・コラム／求人案内／料金／お問い合わせ）。現HPナビ（ホーム／事業所案内／業務内容／年金相談／事務所の特徴／求人案内／お問い合わせ）すべてに対応ページがあります。
• フォント：Noto Serif JP（明朝・見出し）＋ Marcellus（英字アクセント・セリフ）＋ Zen Kaku Gothic New（本文・やわらかゴシック）＋ Inter（英字本文）。テック企業向けgeometric sansは避け、士業の格式と「ことり」のやわらかさを両立する組み合わせに。
• スクロール演出：標準的な IntersectionObserver フェードアップのみに抑え、マウス追従blob／3D tilt／横スクロール多用／magnetic多用／カウントアップ多用などは意図的に排除。「士業らしい品のある中間バランス」を最優先しました。ファーストビュー高速化のため、オープニングアニメは設けず、ヘッダー → HERO へ即時表示する構成にしました。
• 構成：ホーム／事務所案内／業務内容／年金相談／事務所の特徴／お知らせ・コラム／求人案内／料金／お問い合わせ の9ページ＋本提案資料の構成。お問い合わせフォームは企業向け／個人向けの2フォームを分離して配置しました。
• 業界配慮（社労士・士業共通）：「絶対に通る」「必ず受給できる」等の効果断定を排除。助成金は「審査により支給」、障害年金は「受給に至らない場合あり」と明記。代理権の範囲・税理士領域への配慮も全ページで遵守。
• 価格表記：本提案資料の LUMO 料金 はすべて税別表記で統一しています。貴事務所のサイト料金（顧問料・スポット業務・年金相談）は税込表記で記載しております。
  ※価格はすべて税別表記です

LUMOの他サービス

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

LUMO WEB STUDIOについて

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