HUMAN REBUILD LAB
忙しい会社員のための習慣化メディア。筋トレ・学習・時間管理・瞑想を通じて人生を再構築するブログサイト。
Next.jsTypeScriptTailwind CSSMDX
概要
「脳を入れ替える習慣メディア」をコンセプトにした、忙しい会社員向けの習慣化メディアサイトです。筋トレ・学習・時間管理・瞑想・習慣化の5つの柱を軸に、科学的なアプローチで習慣化をサポートするコンテンツを発信しています。
主な機能
コンテンツ管理
- ブログ記事の一覧・詳細表示(カテゴリー別フィルタリング対応)
- 時間管理・ジャーナル・コーヒー・学習・フィットネス・サウナの6カテゴリー
- 記事ごとのメタ情報(公開日・カテゴリー・概要)を構造化して管理
ページ構成
- トップページ — Hero セクション、数字で見る実績、5つの柱の紹介、最新記事一覧
- Blog — カテゴリー別に記事を閲覧可能
- Coaching — 4週間の習慣リビルド・コーチングプログラムの紹介
- About — メディアのコンセプトと運営者情報
- Contact — お問い合わせフォーム
デザイン
- ダークカラーベースの力強いビジュアルデザイン
- 数値を効果的に見せる統計セクション(1% / 21日 / 37倍)
- カテゴリータグによる直感的なナビゲーション
- レスポンシブ対応でモバイルからも快適に閲覧可能