前回で ざっくりのデザイン は済みました

黄ヒーロー、黒ナビ、あるある度——世界観が整ってきました

今回は デザインを考え直す回ではなく、自分がサイトを使う立場でさわってみて「ここが違和感」を直していく回になります

モックや実装の段階では見た目ばかり気になっていましたが、ローカルで実際に開いてみると、使う側のストレス が一気に見えてきます
スクロールが長い、押したい場所が押せない、色がうるさい——どれも大きな方針変更ではなく、触って直していく微調整の話です

作ってみて気づいた違和感

トップを開いて、いちばん気になったのは ヒーローの長さ です。新着あるあるまでスクロールが長くて、さっと読みたいのに届きません

ほかにもさわってみると、AI が標準で組み立ててくれた UI がそのまま残っている感じがあります。カードはタイトルだけ押せる、リンクに乗せると黄色い下線——どれも大きなバグではないんですが、なんかダサい、なんか古い という違和感がありました

かっこいいヒーローより、早く一覧にたどり着けるか の方が先だと感じました

デザインを考える回で載せた直後のトップです。見た目は整っているんですが、1画面に収まるのはヒーローだけ — 新着あるあるはスクロールしないとほぼ見えません

※ スクショは一般的な PC ブラウザの1画面分で切り出しています

モック載せ直後のトップ（ライト）

違和感のあるところを Cursor に伝えて直す

自分が使う立場で触って「なんか違う」を潰していく — それが今回のやり方です

デザインのプロではないので、具体的な変更内容を伝えるのではなく、違和感をそのまま言葉にして Cursorくんに伝える
「ここが長い」「ここ押せない」「この色うるさい」——専門用語よりこういう方が伝わります

違和感を並べる → 直し案が返る → リロードしてまた触る。この往復で、自分が使う前提の触り心地 を少しずつ詰めていきました

ヒーローのサイズも一度では決まりませんでしたが、「だいぶ小さく」「10% くらい戻して」「縦だけもう少し」——画面を見ながら、違和感が消えるラインを探しました

黄いヒーローが縦に大きすぎて、入口として重く感じました — それがいちばんの違和感

縦を抑えて、文言も短くして、1画面に収まる情報量を減らしました

あわせてヒーローの文言も整理しました

載せ直し前と後でいちばん変わるのは スクロール量 です。同じ1画面分で切り出すと、コンパクト化後は 新着あるあるが画面に入ります

コンパクト化後のトップ（ライト）— 1画面で新着まで見える

ヒーロー以外にも、それっぽく見えるけど触るとモヤモヤする 部分がありました。正解の名前は言えないので、ひとつずつ Cursorくんに伝えて直していきました

新着カード — タイトルだけ押せる。余白をポチッとしても反応しない → カードのどこを押しても詳細へ。タグだけは別（タグページに行きたいとき用）
リンクのホバー — 黄色い下線がチカチカ。ヒーローの黄と被ってうるさい → 一覧や本文は静かな色に。黄色はヒーローとボタンだけ
ヒーロー上の英語ラベル — 小さく "Unofficial Knowledge Site" が乗っていた。意味が伝わらない → 削除して日本語の見出しだけに
スマホのヒーロー下 — 黄帯と新着の間がもたつく → 余白を詰めて、一覧までの距離を短く

どれも派手な変更ではないですが、ひとつずつ潰していった 感じがあります