ご提案資料

はじめに

この度はご覧いただきありがとうございます。
LUMO WEB STUDIO（ルモ ウェブスタジオ）の窓口担当です。
田辺先生の「九州大学大学院 工学研究科修了 × 東洋エンジニアリング・TOTO の大企業実務 × インドネシア海外マネジメント経験 × 著者・講師としての発信力」という、他事務所にはない多面的な強みを軸に、
TCCマネジメント様 専用のサンプルサイトを制作いたしました。

サイト設計の意図

• カラー：ディープスチール（#2D3440・北九州工業地帯の鋼色）×アクセントオレンジ（#E07F35）×ブラッシュドブロンズ（#A66A3B）×ペーパークリーム（#F4F1E8）×ペーパーミスト（#FAF8F1）。北九州のものづくり中堅企業向けに、硬さと温度感を両立する配色です。LUMOの既存診断士HP（小玉/伊藤/後藤/吉川）とは色も配色構造も完全に重ねていません。
• ナビゲーション：士業＝硬い業種として、ナビは完全日本語の横並び（事務所紹介／支援メニュー／代表者プロフィール／著書・講演／お知らせ／料金／ご相談の流れ／お問い合わせ）。現HPナビ項目（代表者プロフィール／支援メニュー紹介／著書紹介／講演・セミナー・研修／料金について／お問い合わせ）を全て対応ページとして残しています。
• フォント：Cormorant Garamond（英字見出し）＋ Noto Serif JP（和文見出し）＋ Inter（本文英）＋ Noto Sans JP（本文和）。古典セリフ×伝統明朝×実務サンセリフの組み合わせで、知性と落ち着きを両立しました。
• イントロアニメ：Trust（スチール色）／Consulting（オレンジ）／Coaching（ブロンズ）の3つの円が、左右と上方から中央で重なる → 視覚フェードアウト → 「TCC + 細罫線 + TCCマネジメント」テキスト の3段階・2.7秒構成。屋号の意味そのものを動きで表現する、本クライアント固有のカスタムイントロです。sessionStorage で初回セッションのみ再生し、ページ遷移時には再生されません。
• スクロール演出：IntersectionObserver fade-up／sticky header shrink／photo zoom hover（画像ホバー時に微拡大）／photo-pro hover（グレースケール解除）／service-row underline transitions の5種を、士業向けに控えめに採用しています（B15「中間バランス」準拠・派手な演出は排除）。
• 構成：ホーム／事務所紹介／支援メニュー／代表者プロフィール／著書・講演／お知らせ／料金／ご相談の流れ／お問い合わせ の9ページ＋本提案資料の構成。
• 業界配慮（士業・コンサル共通）：「絶対に経営改善できる」「必ず収益が上がる」等の効果断定を排除。「守秘義務を厳守」「利益相反案件は受けない」を明示。比較広告も避け、特定企業を引き合いに出した訴求もしておりません。
• 価格表記：本提案資料の他サービス料金はすべて税別表記で統一しています。

LUMOの他サービス

LUMO WEB STUDIOについて

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