ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
豊島先生の「20年超の実績 × 依頼件数1万人超 × 司法書士＋行政書士のW資格 × 相談無料何度でも × LINE専用窓口 × 24時間メール対応 × 稲毛駅東口徒歩2分」という強みを軸に、
千葉いなげ司法書士・行政書士事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：淡いウォーターブルー（#D7E8F2）×淡いミントグリーン（#E0F0E5）グラデHero × ディープミッドナイト（#1F354D・メイン濃色）× ペーパー（#F8F6F2）× アクセント アンバーオレンジ（#D17B3F）。「稲毛海岸」の地名にちなんだ海と若葉のイメージを淡色グラデで表現し、士業らしい信頼感はディープミッドナイトの濃色で確保。LINE・債務整理など「親しみ・行動喚起」が必要な場面ではアクセントのアンバーで温かさを添えました。
• ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所案内／業務のご案内／不動産登記／相続・遺言／債務整理／料金／ご依頼の流れ／コラム／お問い合わせ）。CTAボタンはピル型のグラデーションで現代的に。
• フォント：Outfit 400-700＋Plus Jakarta Sans 500-700（モダンgeometric sans・英）＋Noto Sans JP 400-700（読みやすい和文）＋Noto Serif JP 600（士業らしさを残すアクセントのみ・h1・キャッチフレーズの一部）。SaaS系のモダンタイプセットを基本に、士業の硬さを限定的に残すバランスです。
• イントロアニメ：「稲毛海岸の波（3本）＋登記書類モチーフ」が浮上＋フェードイン → fadeOut → 「千葉いなげ 司法書士・行政書士事務所」テキストの3段階・2.7秒構成。クライアント固有モチーフ（稲毛海岸の波＋登記書類＋アンバー判子）を使用。sessionStorage `lumo-intro-played-inage-shiho` で同一セッション内は初回のみ再生。SKIPボタン・prefers-reduced-motion 対応。
• SaaS系モダン要素：グラデーションHero（water→mint）／グラスモーフィズム カード（backdrop-filter: blur 18px）／Statsカウンターセクション（20年/1万人/2資格/24時間）／取扱業務10領域のロゴクラウド風グリッド（精緻SVGアイコン）／4カラム multi-column フッター／IntersectionObserver fade-up／ヘッダーshrink ─ SaaS／スタートアップHPで一般的な要素を、士業の信頼感を損なわない範囲で取り入れました。
• アイコンセット：司法書士・行政書士の業務に対応した精緻SVGアイコン10種（不動産登記・抵当権抹消・相続手続・遺言書作成・会社設立・債務整理・過払金請求・時効援用・成年後見・内容証明）。stroke=1.7・stroke-linecap=round・stroke-linejoin=round で統一。債務整理系3アイコンはアンバー配色で識別性を持たせています。
• 過剰演出は排除：マウス追従blob／3D tilt／magnetic多用／巨大タイポ80px以上／横スクロール多用／カウントアップ多用 等は司法書士HPには不適と判断し全廃。Heroタイトルは最大54px、h2は最大38pxに抑えています。
• 構成：ホーム／事務所案内／業務のご案内／不動産登記／相続・遺言／債務整理／料金／ご依頼の流れ／コラム／お問い合わせ の10ページ＋本提案資料の構成。
• 業界配慮（司法書士・士業共通）：「絶対に通る」「必ず◯◯できる」等の効果断定を排除。「税務相談は税理士の専門領域」「遺産分割で対立が生じた場合は弁護士の関与が必要」「司法書士の代理権範囲（140万円以下）」を明記しています。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

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

LUMO WEB STUDIOについて

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