ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
内島先生の「弁理士＋公認会計士のW資格 × 20年超の知財実務 × 大企業様からの高評価 × 経営・会計視点での助言 × 権利化〜訴訟まで一貫対応 × 外国出願のグリップ × 東京本郷＋旭川ブランチの二拠点」という強みを軸に、
内島特許商標事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：淡いブルー（#DDE6F2）×淡いラベンダー（#E6E2F2）グラデHero、ディープインディゴ（#1F3258・メイン濃色）、ペーパー（#F8F6F2）、チャコール（#2A2520）、アクセント シャンパンゴールド（#B89A57）。「知財らしい知性」をブルー基調で、「品格」をインディゴ＋ゴールドで表現し、SaaS系HPのモダンな柔らかさをハイブリッドさせました。
• ナビゲーション：士業ルールに従い、完全日本語横並び（ホーム／事務所案内／業務一覧／特許・実用新案／商標／意匠・著作権／外国出願／料金／ご依頼の流れ／お問い合わせ）。CTAボタンはピル型のインディゴグラデで現代的に。
• フォント：Outfit 400-700 ＋ Plus Jakarta Sans 500-700（モダンgeometric sans・英）＋ Noto Sans JP 400-700（読みやすい和文）＋ Noto Serif JP 600（士業らしさを残すアクセントのみ・h1ロゴ／キャッチフレーズの一部）＋ Inter 500-700（数値・データ表現）。SaaS系のモダンタイプセットを基本に、士業の硬さを限定的に残すバランスです。
• イントロアニメ：「特許書類モチーフ（明細書＋®マーク＋ゴールドドット）がふんわり浮上＋フェードイン」→「fadeOut」→「内島特許商標事務所」テキストの3段階・2.7秒構成。クライアント固有モチーフ（特許書類）を使用。sessionStorage `lumo-intro-played-uchijima-pat` で同一セッション内は初回のみ再生。SKIPボタン・prefers-reduced-motion 対応。
• SaaS系モダン要素：グラデーションHero（lavender→pale）／グラスモーフィズム カード（backdrop-filter: blur 18px）／Statsカウンターセクション／取扱業務10領域のロゴクラウド風グリッド（5列）＋精緻なfine-line SVGアイコン＋hover時の色shift／4カラム multi-column フッター／IntersectionObserver fade-up／ヘッダーshrink ─ SaaS／スタートアップHPで一般的な要素を、弁理士の信頼感を損なわない範囲で取り入れました。
• アイコンセット：知財ジャンル特化のfine-line SVGを10種（特許書類／実用新案歯車／商標®／意匠ダイヤ／著作©／PCT地球／契約チェック／鑑定上向きグラフ／警告星／訴訟建物）。hover時にはアイコン背景がライト→ダーク反転し、軽くscale・rotateで動きを付けています。
• 過剰演出は排除：マウス追従blob／3D tilt／magnetic多用／巨大タイポ80px以上／横スクロール多用／カウントアップ多用 等は特許事務所HPには不適と判断し全廃。Heroタイトルは最大54px、h2は最大38pxに抑えています。
• 構成：ホーム／事務所案内／業務一覧／特許・実用新案／商標／意匠・著作権／外国出願／料金／ご依頼の流れ／お問い合わせ の10ページ＋本提案資料の構成。
• 業界配慮（弁理士・士業共通）：「絶対に登録される」「必ず権利化できる」等の効果断定を排除。「侵害訴訟は弁護士の関与が原則」「会計監査・税務申告は別途専門家が必要」を明記しています。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

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

LUMO WEB STUDIOについて

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