ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
折田先生の「元LINE人事戦略室出身 × テック企業専門 × リモートワーク規程・SO設計の即戦力 × Slack/Discord 60秒返信 × 京都拠点で全国オンライン対応」という、他事務所にはない複合的な強みを軸に、
おりか社労士事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：ロイヤルパープル（#7C3AED）×ホットコーラル（#FF6B9D）×エレクトリックシアン（#06B6D4）×ライムイエロー（#FCD34D）の4色グラデーション。SaaS／スタートアップ業界のVI傾向（Stripe・Linear・Notion・Figma的）に合わせ、士業の堅さよりも「テック企業のパートナー感」を優先しました。
• ナビゲーション：士業のため日本語横並びは維持しつつ（ホーム／事務所案内／スタートアップ支援／リモート規程／SO設計／助成金／料金／ご相談の流れ／お問い合わせ）、CTAボタンはピル型のグラデーションで現代的に。
• フォント：Manrope 800（見出し・モダンgeometric sans）＋ Plus Jakarta Sans（セカンダリ）＋ Zen Kaku Gothic Antique（和文）＋ Space Grotesk italic（強調）。テック業界の標準的なタイプセットです。
• イントロアニメ：「グラデーションメッシュ（3色）が画面に展開」→「メッシュが1点に収束」→「ORIKAテキスト＋おりか社労士事務所」の3段階・2.6秒構成。ビジュアルとテキストは重ねず、テック企業のブランド表現に共通する流動的グラデーションをモチーフにカスタムしました。SKIPボタン・sessionStorage・prefers-reduced-motion すべて対応。
• スクロール演出：マウス追従グラデーションblob／IntersectionObserver fade+scale／数字カウントアップ／3D tilt カード／タイポsplit／横スクロール事例／マグネティックボタン／ヘッダーshrink ─ テック企業らしいインタラクティブ性を加えました。
• 構成：ホーム／事務所案内／スタートアップ支援／リモートワーク規程／ストックオプション設計／助成金／料金／ご相談の流れ／お問い合わせ の9ページ＋本提案資料の構成。
• 業界配慮（社労士・士業共通）：「絶対に通る」「必ず受給できる」等の効果断定を排除。「個別案件は事前ヒアリング後に判断」「税務相談は税理士の専門領域」「労使紛争の代理権は特定社労士の範囲」を明記しています。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。
  ※価格はすべて税別表記です

LUMOの他サービス

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

LUMO WEB STUDIOについて

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