Proposal
ご提案資料
川崎みらい行政書士法人御中
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
川崎みらい行政書士法人様の「川崎・多文化共生のまちの行政書士 × 外国人ビザ申請のワンストップ × 中国語・韓国語・ベトナム語対応 × 川崎区を拠点に神奈川／東京エリア対応」という強みを軸に、
川崎みらい行政書士法人様 専用のサンプルサイトを制作いたしました。
サンプルサイトを制作した理由
01
「地域に根ざす × 幅広い対応」を3秒で
川崎みらい行政書士法人様は外国人ビザ申請・在留資格・永住・帰化のみならず、建設業／古物商許可・多言語サポートまで多文化共生のまち川崎に根ざしたお手伝いをされています。HEROで「川崎×多文化共生×多言語対応の行政書士」というポジションを最初の3秒で伝える構成にしました。
02
「5分野 × 地域密着」を可視化
在留資格ビザ・永住/帰化・経営管理ビザ・建設業/古物商許可・多言語サポートの5分野を、numbered pillar・5列 service-cloud で可視化。Statsカウンターと組み合わせ、外国人申請者・国際企業の幅広いニーズに対応できることを定量的・視覚的に伝えます。
03
「外国人事業者・在留申請者・国際家族」をターゲットに
3つのターゲット別カード（外国人事業者・在留申請者・国際家族）を独立ページとして用意。「うちのことを分かってくれる」と感じていただける構成になっています。
サイト設計の意図
- カラー：港湾ネイビー#1F4F8C（メイン）＋ 多摩川ブルー#2A6FB0／#7AB5DE（補助）＋ 多文化オレンジ#E0833A（アクセント）＋ ウォームクリーム#F5EBD9（背景装飾）＋ 純白系背景（#FFFFFF／#FCFCFC／#FAFAFA・士業くすみ白禁止ルール準拠）。川崎港の青と多文化共生の橙の組み合わせで、国際性と信頼感を表現しました。
- ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所紹介／業務案内／在留資格・ビザ／永住・帰化／経営管理ビザ／建設業・古物商許可／多言語サポート／料金案内／お知らせ／お問合せ）。CTAボタンはピル型の港湾ネイビーで、品格と信頼感を両立。
- フォント：Shippori Mincho 500-700（しなやかな明朝・見出し）＋ Zen Maru Gothic 400-700（やわらかな丸ゴシック・本文）＋ Klee One 400-600（手書き感のあるアクセント・lead/note）＋ Cormorant Garamond italic（高級感あるアクセント英・eyebrow／番号）＋ Noto Sans JP 400-700（読みやすい和文）。明朝のしなやかさと丸ゴシックのあたたかさを組み合わせ、「まちの行政書士」らしい親しみやすさを演出します。
- イントロアニメ：「多摩川の波2本ライン fadeIn」→「波 fadeOut」→「中央に4方位コンパス（北=港湾ネイビー／南=多文化オレンジ／東西=多摩川ブルー）pop-in」＋「KAWASAKI MIRAI＋川崎みらい行政書士法人」テキストfadeInの3段階・約2.95秒構成（Phase重複0秒：visual fadeOut完了≤text fadeIn開始）。クライアント固有モチーフ（屋号「みらい＝4方位に開く多文化×川崎港の青」のモチーフ）を使用。sessionStorage
lumo-intro-played-kawasaki-miraiで同一セッション内は初回のみ再生。SKIPボタン・prefers-reduced-motion 対応。 - 参考HP要素：主参考の visakawasaki.jimdofree.com（現クライアントHP）から「多言語対応（日本語／中文／한국어／Tiếng Việt）」「国際性・川崎の地域性」を採用。rise-tax.com から「numbered features 構成」「5列 service-cloud」「Hero glass badge」「Stats カウンター」、takedacpta.jp から「warm portrait + statement block（代表ブロック）」、koyama-houmu.com から「3つのお約束カード構成」を取り入れました。
- 士業らしい中間バランス：士業HPデザインバランス（2026-05-15ルール）に従い、「1回目の定型」と「2回目の大胆すぎ」の中間を狙いました。標準HP構造を維持しつつ、丸ゴシック＋明朝の書体ミックス・落ち着いた港湾ネイビー×多文化オレンジの2色配色・余白多め・コンパス＋多摩川波のSVG装飾で、士業らしい硬さと「多文化共生のまちの行政書士」の親しみやすさを両立。マウス追従blob／3D tilt／magnetic多用／巨大タイポ60px以上／横スクロール多用 等は不採用。
- 明色背景デフォルト：くすみ白禁止ルール（2026-05-17）準拠で、body／section の主要背景は #FFFFFF／#FCFCFC／#FAFAFA／#F5EBD9（ウォームクリーム・装飾アクセント単位）のみ使用。dark系 block 0件（フッターのみ例外）。
- 構成：ホーム／事務所紹介／業務案内／在留資格・ビザ／永住・帰化／経営管理ビザ／建設業・古物商許可／多言語サポート／料金案内／お知らせ／お問合せ の11ページ＋本提案資料の構成。
- 業界配慮（行政書士・士業共通）：「絶対にビザが取得できる」「必ず永住が許可される」等の効果断定を排除。「具体的な許可可否は事案により異なります」「最終判断はお客様自身が行うものです」を明記しています。登記・訴訟・労働紛争など他士業の領域は提携先紹介を明記しています。
- 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
※価格はすべて税別表記です
3つのプラン
LIGHT
LP 1ページプラン
¥10,000（税別）
1ページ完結のランディングページ。勉強会告知・キャンペーン告知など、単発の告知用に。
STANDARD
スタンダード
¥30,000（税別）
5〜6ページ構成。一般的な行政書士法人コーポレートサイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000（税別）
本サンプル相当（11ページ＋カスタムイントロアニメ・法人／個人／在留資格手続き／農業／創業の各専用ページ）。川崎みらい行政書士法人様の強みを最大限に表現できる構成です。
＋ 月額保守 ¥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/月（税別）〜
※価格はすべて税別表記です
ご契約までの流れ
- STEP 1メールにてお返事・ご質問
- STEP 2プラン選定・お見積り確定
- STEP 3原稿・写真のご提供（最低限でOK・LUMOが構成）
- STEP 4初稿提出（おおむね2週間）
- STEP 5修正対応・公開
LUMO WEB STUDIOについて
士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
よくあるご質問
原稿はどう用意すれば？
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。行政書士特有の表現（効果断定を避ける／業務範囲明示／弁護士・行政書士領域への配慮）にも対応します。
独自ドメインは使えますか？
はい。kawasaki-mirai.example などの新規取得・設定もサポートします。既存ドメインから独立した独自HPへの移行もご相談ください。
更新は自分でできますか？
更新は丸投げいただく前提です（保守契約内）。新規勉強会告知・お知らせ追加など、月額保守内で対応します。Web丸投げプランは最低契約期間24ヶ月となります。
SEOやコラム運用は？
コラム欄の運用、SEO対策（川崎・神奈川・外国人ビザ・在留資格・永住・帰化・経営管理ビザ・多言語対応 など地域×業務での検索流入）にも対応可能です。
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO