🦢swan's room

HUMAN REBUILD LAB

忙しい会社員のための習慣化メディア。筋トレ・学習・時間管理・瞑想を通じて人生を再構築するブログサイト。

Next.jsTypeScriptTailwind CSSMDX

概要

「脳を入れ替える習慣メディア」をコンセプトにした、忙しい会社員向けの習慣化メディアサイトです。筋トレ・学習・時間管理・瞑想・習慣化の5つの柱を軸に、科学的なアプローチで習慣化をサポートするコンテンツを発信しています。

主な機能

コンテンツ管理

  • ブログ記事の一覧・詳細表示(カテゴリー別フィルタリング対応)
  • 時間管理・ジャーナル・コーヒー・学習・フィットネス・サウナの6カテゴリー
  • 記事ごとのメタ情報(公開日・カテゴリー・概要)を構造化して管理

ページ構成

  • トップページ — Hero セクション、数字で見る実績、5つの柱の紹介、最新記事一覧
  • Blog — カテゴリー別に記事を閲覧可能
  • Coaching — 4週間の習慣リビルド・コーチングプログラムの紹介
  • About — メディアのコンセプトと運営者情報
  • Contact — お問い合わせフォーム

デザイン

  • ダークカラーベースの力強いビジュアルデザイン
  • 数値を効果的に見せる統計セクション(1% / 21日 / 37倍)
  • カテゴリータグによる直感的なナビゲーション
  • レスポンシブ対応でモバイルからも快適に閲覧可能