ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
山口晃志郎特許事務所様の「ブラザー工業30年の機械系開発エンジニア出身弁理士 × 各務原拠点 × 特許・実用新案・意匠・商標・外国出願・知財コンサルのワンストップ × 発明発掘から強力サポート × 全国オンライン対応」という強みを軸に、
山口晃志郎特許事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：ダークスレートグレー（#2D3243・メインテキスト） ＋ オレンジ（#FC7216・アクセント／発明のひらめき） ＋ シアン（#239CCF・サブアクセント／技術の精密さ） ＋ 純白系背景（#FFFFFF／#FAFAFA／#F0F0F0）。技術者出身弁理士の「現場を知る信頼感」をスレートグレーに、発明のひらめき・情熱をオレンジに込めて、SaaS系モダンHPのトーンで表現しました。
• ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所紹介／業務案内／特許出願／実用新案・意匠／商標／外国出願／知財コンサル／料金案内／お知らせ／お問合せ）。CTAボタンはピル型のオレンジで、技術系HPとの相性を考慮しました。
• フォント：Noto Sans JP 400-700（読みやすい和文）＋ Outfit 100-700（モダンgeometric sans・英文／装飾大文字）＋ Vollkorn / Noto Serif JP（上質感のあるアクセント英・和文）。技術系のクリアさと、士業の硬さをバランスさせています。
• イントロアニメ：「歯車1（メカニカル）→ 歯車2（補助） → 電球（発明のひらめき）→ 電球グロー → 光線3本（ひらめき）→ 特許ドキュメント」の3段階・約2.7秒構成。クライアント固有モチーフ（機械系30年の経験＋発明発掘の専門性＝歯車＋電球＋特許書類）を使用。sessionStorage lumo-intro-played-yamaguchi-patent で同一セッション内は初回のみ再生。SKIPボタン・prefers-reduced-motion 対応。
• 参考要素：「numbered features（番号付きピラー構成）」「3+1構成のFeature card」「Hero の散らばりアイコン8個構成」を採用。技術系のトーンに合わせて、配色とアイコン内容（歯車・電球・特許書類・地球儀等）はすべて知財業界向けにカスタマイズしました。
• SaaS系モダン要素：グラデーションHero（純白→ソフトグレー）／グラスモーフィズム カード（backdrop-filter: blur 14px）／6領域のロゴクラウド風グリッド（精緻SVGアイコン）／4カラム multi-column フッター／IntersectionObserver fade-up／ヘッダーshrink ─ SaaS／スタートアップHPで一般的な要素を、士業の信頼感を損なわない範囲で取り入れました。
• 過剰演出は排除：マウス追従blob／3D tilt／magnetic多用／巨大タイポ80px以上／横スクロール多用 等は士業HPには不適と判断し全廃。Heroタイトルは最大48px、h2は最大36pxに抑えています。明色背景デフォルト・dark系block 0件（フッターのみ例外）。
• 構成：ホーム／事務所紹介／業務案内／特許出願／実用新案・意匠／商標／外国出願／知財コンサル／料金案内／お知らせ／お問合せ の11ページ＋本提案資料の構成。
• 業界配慮（弁理士・士業共通）：「必ず特許になる」「絶対に登録される」等の効果断定を排除。「特許性の判断は事案により異なります」「最終的な権利取得の判断はお客様自身が行うものです」を明記しています。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

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

LUMO WEB STUDIOについて

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