ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
小玉先生の「東京工業大学大学院・研究開発職出身 × 商工会議所での経営支援経験 × 産業用機器メンテ会社経営 × 講師業の兼業」という、他事務所にはない多面的な強みを軸に、
小玉和史中小企業診断士事務所様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：ディープモス（#2D3E1F・深いオリーブグリーン）×ブロンズ（#8B6F47）×ゴールドアンバー（#B8924F）×リネンクリーム（#F7F4ED）×オフホワイト（#FCFAF5）。理系×職人×中小企業の「機械と人」「実直」を、深いオリーブグリーンと銅で表現する硬派配色です。
• ナビゲーション：士業＝硬い業種として、ナビは完全日本語の横並び（事務所紹介／専門領域／経歴・資格／お知らせ／料金／ご相談の流れ／お問い合わせ）。視認性と信頼感を優先しました。
• フォント：EB Garamond 500（英字見出し）＋ Shippori Mincho 600（和文見出し）＋ Source Sans 3（本文英）＋ Noto Sans JP（本文和）。古典セリフ×伝統明朝×実務サンセリフの組み合わせで、知性と落ち着きを両立しました。
• イントロアニメ：機械の歯車1個（モス色）が90度→270度に1回転＋人のシルエット（ブロンズ）がそっと立ち上がる → 視覚フェードアウト → 「KODAMA + 細罫線 + 小玉和史中小企業診断士事務所」テキスト の3段階・2.5秒構成。ビジュアル・テキストは重ねず、診断士業務固有の「機械と人」モチーフでカスタマイズしました。
• スクロール演出：IntersectionObserver fade-up／sticky header shrink／photo zoom hover（画像ホバー時に微拡大）／photo-pro hover（グレースケール解除）／service-row underline transitions の5種を、控えめに採用しています。
• 構成：ホーム／事務所紹介／専門領域／経歴・資格／お知らせ／料金／ご相談の流れ／お問い合わせ の8ページ＋本提案資料の構成。現HPナビ項目（ホーム・専門領域・NEWS・経歴資格・お問合せ・お知らせ）はすべて対応するページを用意しています。
• 業界配慮（士業・コンサル共通）：「絶対に経営改善できる」「必ず収益が上がる」等の効果断定を排除。「守秘義務を厳守」「兼業先との利益相反案件は受けない」を明示。比較広告も避け、特定企業を引き合いに出した訴求もしておりません。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。

LUMOの他サービス

LUMO WEB STUDIOについて

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