ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
西川明彦司法書士事務所様の「東戸塚・品濃の街に根ざしたアットホームな司法書士 × 不動産登記／会社・法人登記／成年後見／相続のワンストップ × ちょっとした相談を気軽にできる距離感 × 出張ご相談にも柔軟に対応」という強みを軸に、
西川明彦司法書士事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：藍紺 Indigo（#1F3450・メイン）＋ 朱印 Vermilion（#B53A2C・アクセント・司法書士の印影モチーフ）＋ 苔緑 Moss（#3D6B4A・補助・品濃の丘）＋ 真鍮 Brass（#B3905A・装飾アクセント）＋ 純白系背景（#FFFFFF／#FCFCFC／#FAFAFA・士業くすみ白禁止ルール準拠）。司法書士の印影を象徴する朱赤と、登記簿・公文書の信頼感を象徴する藍紺で構成しています。
• ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所紹介／業務案内／不動産登記／会社・法人の登記／成年後見／相続のご相談／料金案内／お知らせ／お問合せ）。CTAボタンは藍紺・朱赤の8pxラジアスで、士業らしい硬さと現代的なクリアさを両立。
• フォント：Shippori Mincho 500-800（しなやかで格のある明朝・見出し）＋ Cormorant Garamond italic 400-600（高級感のある英文・eyebrow／number）＋ Inter 300-700（クリアな英文・補助）＋ Noto Sans JP 300-700（読みやすい和文本文）。明朝の格と italic 英文のクラシック感で、司法書士事務所の信頼感を演出します。
• イントロアニメ：司法書士のお仕事を象徴する「家の輪郭（不動産登記）」と「鍵（登記簿・成年後見でお預かりする責任）」を独自モチーフに採用。Phase 1（0〜1.45s）家が scale-up しつつ fadeIn → 鍵が右からスライドインで家のドア方向に納まる、Phase 1.5（1.45〜1.85s）visual 完全 fadeOut、Phase 2（1.90〜2.85s）屋号テキストが JP→EN の stagger で fadeIn、Exit（2.55〜2.95s）overlay fadeOut。合計 約2.95秒・3段階 Phase 完全分離（visual 終了 1.85s ≤ text 開始 1.90s で重複ゼロ）。朱印モチーフは不採用（2026-05-16 全業種共通ルール B7「朱印・許可スタンプ禁止」準拠）・stroke-dasharray drawing も不採用（2026-05-17 線描画オープニング廃止ルール準拠）。sessionStorage lumo-intro-played-nishi-shiho で同一セッション内は初回のみ再生。SKIPボタン・prefers-reduced-motion 対応。
• 参考要素：5参考HP（rise-tax.com／takedacpta.jp／tenri-ichica.com／koyama-houmu.com／otaka-law.com）から「numbered pillar」「3つのお約束カード」「左右交互配置 grid-2-asym」「stats カウンター」「ターゲット別 field-card」「明色背景デフォルト」を採用。司法書士向けに「家の輪郭＋鍵」モチーフ・登記簿格子背景デコレーション・真鍮ゴールドの鍵リング echo を独自追加しています。
• 士業らしい中間バランス：士業HPデザインバランス（2026-05-15ルール）に従い、「1回目の定型」と「2回目の大胆すぎ」の中間を狙いました。標準HP構造を維持しつつ、明朝＋Cormorant italic ＋「家＋鍵」モチーフの3要素ミックス・落ち着いた藍紺×朱赤×真鍮ゴールドの3色配色・余白多め・登記簿格子の薄い背景パターンで、士業らしい格と「町の司法書士」のあたたかさを両立。マウス追従blob／3D tilt／magnetic多用／巨大タイポ60px以上／横スクロール多用 等は不採用。
• 明色背景デフォルト：くすみ白禁止ルール（2026-05-17）準拠で、body／section の主要背景は #FFFFFF／#FCFCFC／#FAFAFA／#F2F5F0（淡セージ・装飾アクセント単位）のみ使用。dark系 block 0件（フッターは明色ベージュ）。
• 構成：ホーム／事務所紹介／業務案内／不動産登記／会社・法人の登記／成年後見／相続のご相談／料金案内／お知らせ／お問合せ の10ページ＋本提案資料の構成。現HP（a-nishi.jimdofree.com）のナビ項目（ホーム／不動産の登記／会社・法人の登記／成年後見／事務所概要／お知らせ／お問い合わせ先）をすべて独立ページとして拡充しています。
• 業界配慮（司法書士・士業共通）：「絶対に登記できる」「必ず後見人になれる」等の効果断定を排除。「具体的な手続き・費用は事案により異なります」「最終判断はお客様自身が行うものです」を明記しています。税務・紛争・行政手続など他士業（弁護士／税理士／行政書士）の領域は提携先紹介を明記しています。
• 価格表記：本提案資料のLUMOサービス料金はすべて税別表記で統一しています。クライアントHP本文の司法書士業務料金は税込表記（消費税10%込）で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

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

LUMO WEB STUDIOについて

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