ご提案資料

01 · Greeting

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
税理士法人 本間会計事務所 の 「札幌市東区 × 税理士法人 × 毎月訪問・月次試算表検証 × 社会福祉法人会計対応 × 経営革新等支援機関 × ほんま会コミュニティ × 北海道全域対応」 という、他事務所にはない複合的な強みを軸に、
税理士法人 本間会計事務所 御中 専用のサンプルサイトを制作いたしました。

03 · Design Intent

サイト設計の意図

• レイアウトパターン：E. タイムライン型（既存LUMO税理士HPと差別化）。トップに12ヶ月の月次フロー、事務所案内に沿革タイムライン、業務内容に顧問契約までのフロー、社会福祉法人ページに年次対応スケジュール、お知らせに年表、アクセスに対応エリア段階表示 等、全6ページに視覚的タイムライン構造を組み込んでいます。
• カラー：ディープシダーグリーン（#2D4A2D）× ウォームベージュ（#E0D2B0）× チャコール（#2A2520）× アクセントレッド（#A05A5A）× ペーパークリーム（#FBF7EC）。北海道のシダー（杉）の落ち着きとウォームベージュの温かみを掛け合わせた独自配色。既存LUMO税理士HP（fukuda=ミッドナイト+コッパー / tsuji=ネイビー+コッパー / hayashi=チャコール+ヴァーミリオン / hirano=グレープ+ローズゴールド / minami=マリンブルー+ローズコーラル）とは別系統です。
• ナビゲーション：士業＝硬い業種として、ナビは完全日本語の横並び（事務所案内／経営理念／業務内容／社会福祉法人／報酬料金／お知らせ／アクセス／お問い合わせ）。視認性と信頼感を優先しました。
• フォント：Cormorant Garamond italic（英字見出し）＋ Shippori Mincho（和文見出し・小塚明朝系の落ち着き）＋ Noto Serif JP（本文見出し）＋ JetBrains Mono（タイムライン年号・タグ）＋ Noto Sans JP（本文）。
• イントロアニメ：「シダーの縦幹が伸びる（Phase1）→ 3本の枝が左右交互に伸び、月次レポートカード(M01/M06/M12)とアクセントレッドのドットが順次出現（Phase2）→ Honma + 本間会計事務所 テキスト（Phase3）」の3段階・2.7秒構成。sessionStorageで同一セッション内は初回のみ再生（キー: lumo-intro-played-honma-tax）。
• スクロール演出：IntersectionObserver fade-up／ホバー画像ズーム／写真の彩度フィルター解除／ヘッダーshrink／タイムラインのドット・カードホバー演出 等、中間バランスで控えめにとどめています。マウス追従blob・3D tilt・magnetic多用・カウントアップ・横スクロール多用は使っていません。
• 構成：ホーム／事務所案内（あゆみ）／経営理念／業務内容／社会福祉法人会計対応／報酬料金／お知らせ（瓦版）／アクセス／お問い合わせ の9ページ＋本提案資料の構成。現HP（honma-kaikei.jp）のナビ項目「経営理念」「事務所概要」「業務内容」「ほんま会」「瓦版」「ご相談受付」「社会福祉法人対応」を新HPに対応ページもしくはセクションとして残しています。
• 業界配慮（税理士・士業共通）：「絶対に節税できる」「必ず手残りが増える」等の効果断定を排除。「金融商品の販売・斡旋はしない」「投資判断は自己責任」「補助金/助成金の採択は所管機関の審査による」「他士業領域は提携先と連携」を該当ページに明示。守秘義務（税理士法第38条）厳守も明記しています。
• 価格表記：本提案資料の LUMO サービス料金はすべて税別表記で統一しています。クライアントHP側の報酬料金は、現状の御事務所のHP表記（税抜）に揃えて掲載しています。

08 · About LUMO

LUMO WEB STUDIOについて

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