Internal Review

AndOne HP Refresh

デザインバリアント一覧 — 各デザイン案を比較してフィードバックをお寄せください。
Cloudflare Access で保護されています。このURLを関係者以外に共有しないでください。

V1

v1 – Document / Report

装飾を排したドキュメント風レイアウト。単カラム720px、テキストとリスト中心。

  • ヒーローなし、テキストから始まるシンプル構成
  • 720px 単カラム、読み物のような情報サイト
  • リスト・定義リスト・テーブルで情報表示
  • 中黒(·)区切りのテキストナビゲーション
Open v1
V2

v2 – Modern / Corporate

現代的な企業サイトを意識した、より印象的なビジュアルデザイン。

  • インパクトのあるヒーローセクション
  • モダンなカードグリッド・セクション構成
  • アクセントカラーとグラデーション活用
  • ニュース・CTA バンドなど追加セクション
Open v2
V3

v3 – Enterprise Portal

固定サイドバーナビ+パネルベースの企業ポータル型レイアウト。

  • 240px 固定サイドバーナビゲーション
  • パネル(白い四角い箱)でコンテンツを構成
  • ブレッドクラム+統計メトリクスカード
  • モバイルはドロワー式サイドバー
Open v3
V4

v4 – Recruiting Growth

採用を最優先に設計した、活気あるデザイン。

  • 採用 CTA を全ページ・ヒーローに配置
  • 選考プロセスのタイムライン表示
  • FAQ アコーディオン
  • 暖色系アクセントで親しみやすさ
Open v4
V5

v5 – Editorial Minimal

大胆な余白とタイポグラフィで洗練された印象を与えるデザイン。

  • 大きなホワイトスペースと強い見出し
  • セリフ&サンセリフのタイポグラフィ対比
  • 画像プレースホルダー重視のレイアウト
  • ブランド感を高めるリファインドセクション
Open v5
V6

v6 – Warm Lifestyle / Magazine

rasik.style を参考。中央ナビ、画像+テキスト交互配置のマガジン型フロー。カードグリッドなし。

  • ロゴ上・ナビ下の中央配置ヘッダー
  • スプリットヒーロー(テキスト左+画像右)
  • 交互ブロック(画像+テキスト左右入替)でストーリーテリング
  • プルクォート・ナラティブリスト・番号付きフィーチャーストリップ
Open v6
V7

v7 – Bold Corporate Tech

azoom.jp を参考。フルスクリーンヒーロー、統計カウンターバー、タブ切替式サービス、メガフッター。

  • 100vh フルスクリーンヒーロー+スクロールインジケーター
  • ブルー統計カウンターバー(数字4列)
  • タブ切替でサービス表示(JS連動)
  • ニュースリスト・番号付きプロセスステップ・4列メガフッター
Open v7