V1
v1 – Document / Report
装飾を排したドキュメント風レイアウト。単カラム720px、テキストとリスト中心。
- ヒーローなし、テキストから始まるシンプル構成
- 720px 単カラム、読み物のような情報サイト
- リスト・定義リスト・テーブルで情報表示
- 中黒(·)区切りのテキストナビゲーション
V2
v2 – Modern / Corporate
現代的な企業サイトを意識した、より印象的なビジュアルデザイン。
- インパクトのあるヒーローセクション
- モダンなカードグリッド・セクション構成
- アクセントカラーとグラデーション活用
- ニュース・CTA バンドなど追加セクション
V3
v3 – Enterprise Portal
固定サイドバーナビ+パネルベースの企業ポータル型レイアウト。
- 240px 固定サイドバーナビゲーション
- パネル(白い四角い箱)でコンテンツを構成
- ブレッドクラム+統計メトリクスカード
- モバイルはドロワー式サイドバー
V4
v4 – Recruiting Growth
採用を最優先に設計した、活気あるデザイン。
- 採用 CTA を全ページ・ヒーローに配置
- 選考プロセスのタイムライン表示
- FAQ アコーディオン
- 暖色系アクセントで親しみやすさ
V5
v5 – Editorial Minimal
大胆な余白とタイポグラフィで洗練された印象を与えるデザイン。
- 大きなホワイトスペースと強い見出し
- セリフ&サンセリフのタイポグラフィ対比
- 画像プレースホルダー重視のレイアウト
- ブランド感を高めるリファインドセクション
V6
v6 – Warm Lifestyle / Magazine
rasik.style を参考。中央ナビ、画像+テキスト交互配置のマガジン型フロー。カードグリッドなし。
- ロゴ上・ナビ下の中央配置ヘッダー
- スプリットヒーロー(テキスト左+画像右)
- 交互ブロック(画像+テキスト左右入替)でストーリーテリング
- プルクォート・ナラティブリスト・番号付きフィーチャーストリップ
V7
v7 – Bold Corporate Tech
azoom.jp を参考。フルスクリーンヒーロー、統計カウンターバー、タブ切替式サービス、メガフッター。
- 100vh フルスクリーンヒーロー+スクロールインジケーター
- ブルー統計カウンターバー(数字4列)
- タブ切替でサービス表示(JS連動)
- ニュースリスト・番号付きプロセスステップ・4列メガフッター