ポテイモブログ レビュー記事ページ リデザイン
ポテイモブログのガジェットレビュー記事ページをエディトリアル・マガジン風にリデザインしたコンセプト。HHKBキーボードレビューを題材に、スペックストリップ・スコアカード・Pros/Cons・関連記事の5セクション構成。クール・ニュートラル系カラー（スレートグレー+ミントグリーン+ウォームサンド）で、プロダクト写真が映えるトーン。
デザインの意図
ポテイモブログのガジェットレビュー記事を、雑誌のエディトリアルデザインのように読ませるリデザインコンセプト。前回のWebデザイン（#4 メンバーシップLP、テラコッタ+クリーム）とは対極の、クール・ニュートラル系パレットに挑戦。プロダクト写真が主役になるよう、背景はウォームサンド（#F6F3ED）で控えめに、アクセントはミントグリーン（#48B89C）1色に絞った。ヒーロー画像にNo.47のゴースト文字とambient circleで雑誌の表紙感を演出。スペックストリップをヒーロー画像にオーバーラップさせることで、ファーストビューで「レビュー記事」であることを即座に伝える。
制作の詳細
Desktop 1440pxの5セクション構成。ヒーロー: 42pxタイトル+インラインskewハイライト強調+フルブリード画像（No.47ゴースト文字+キーボードCSS描画+スコアバッジfloat+ambient circle）。スペックストリップ: 5項目を1列で区切り線付き表示、ヒーロー画像にオーバーラップ配置。本文: 2カラム（本文+サイドバー）のエディトリアルレイアウト。h2見出し左ボーダーアクセント、Pros/Consグリッド、blockquote。サイドバー: sticky目次+プロダクトカード（CTA付き）。スコアカード: 64pxスコア数値+5項目バーチャート。関連記事: 3カードグリッド+微回転(-0.3/0.2/-0.5deg)。DM Sans + Zen Kaku Gothic Newのフォントペア、6pxベーススペーシング。
適用したデザインパターン
自己評価
強み
エディトリアルな情報設計（スペック→本文→スコア→関連）、前作と完全に異なるカラー・フォント・スペーシング、ヒーローのNo.47ゴースト文字とambient circleによる雑誌感、2カラムレイアウトのサイドバーUX
改善点
実写真・イラストがない（モックアップのグレーエリアのみ）、タイトルのタイポグラフィをもっと大胆にできた（50px以上にする余地あり）、フッターが簡素