website-benchmark · round_001 · redesign
ベンチマークの診断=ホームページ 1.5/3(12サイト中最下位)。問題は文字量ではなく「5秒で何だか分からない・どう動くか分からない」という positioning の明瞭さでした。 その P0 ギャップ(①ヒーローが具体を言わない ②名前付きの仕組み装置がない ③馴染みのない概念が腑に落ちない)を、3つの強度で塞いだ案です。
A 保守的 → B 中庸 → C 大胆 の順に、現行サイトからの飛距離が大きくなります。3案とも禁止クレーム・ゲート通過済み(監視/予測/スコア/感情検知/ハラスメント判定 = いずれも肯定的主張ゼロ、否定文脈のみ)。各カードの「開く」で実物が見られます。
会議で「誰が話せていないか」を、内容を読まずに見える化する。
今の7セクション構成はそのまま。弱かったヒーローの詩(「見えないものを可視化する」)だけを、/demo で 3/3 実証済みの具体文に差し替え、CTAを1本に絞る。
会議で「誰が話せていないか」を、構造で見える化する。
ページ全体を「観る→確かめる→話す→見直す」という名前付きの動詞ループで再構成。サンプル結果カードを how-it-works の実物として見せ、「誰に何が見えるか(全社・マネージャー専用ではない)」とFAQで密度を整理する。
「可視化」だけでは、何も変わらない。
Linear/Stripe型のワンビューポート勝負。出力(サンプル構造シグナルのカード)そのものをヒーローに据え、「『可視化』だけでは何も変わらない=判定ではなく確認の材料」とクリシェを否定して始める。一番現行から遠いが、伝わる天井は一番高い。
どれか1案を「これで進める」と選んでもらえれば、次はその方向を磨き込み、最終的に本物の src/app/page.tsx に実装します(実装マージ時に、本番レンダーのリーク検査=adversarial gate を必ず通します)。混ぜたい要素(例:Bの動詞ループ+Cの出力ヒーロー)があればそれも指定できます。
※ これは方向決め用の静的モックアップです。実データには一切つながっていません。