あなたの /examples ページは、たぶん営業チームが朝会であれこれ議論しているページよりも、はるかに多くのコンバージョンに貢献しています。Clarity では全体でスクロール深度84%、dead click はゼロ、そして /pricing には専用のファネルがあります。このギャップこそがすべてです。証拠は売り込みに勝ち、パターンライブラリはそれを最もコピペしやすい形で武器化する手段です。
このパターンが信頼できるのは、購入者が本当に知りたい唯一の問いに答えるからです。「これって、自分が出荷するものみたいに見えるだろうか？」ギャラリーはスクリーンショットで答えます。パターンライブラリは再利用可能なメンタルモデルで答えます。購入者は同じ5秒のレイアウト――問題、解決策、Before/After、指標――をざっと見ますが、パターンライブラリはそれを1つの謎の塊ではなく、7つの名前付きバージョンとして提示します。スクロール深度の数値はその証拠です。人が滞在するのは、各記事がデモ通話の予告ではなく、能力の自己完結した証明だからです。
記事を「きれいなだけ」で終わらせず、コンバージョンさせ続けるには、3つの構造的な工夫が必要です。まず、すべてのパターンにラベルを付けること――「Pricing-Tease Hero」「ROI Receipt」「Mute-and-Reveal CTA」などです。名前のないパターンは持ち運べないからです。購入者は営業電話で「mute-and-reveal」を覚えていますが、「下から3番目のスクリーンショット」は覚えていません。次に、各記事は1つの変数だけを切り出します。2つのCTAを横並びで比較するのではなく、CTAだけが違う2つの完成ページを作り、どちらが80%のスクロールを超え、どちらが40%で止まったのかを名指しします。単一変数の記事こそが /examples を /pricing より優位にする理由です。読者が見るのは装飾ではなく、原因と結果だからです。第三に、各記事の最後は同じ3行で締めます。指標、出典、オファーです。「84% のスクロール深度、Clarity、直近30日。テンプレートが欲しいですか？」この締めの部分は見出し以上に仕事をしており、多くのチームが書き忘れる箇所でもあります。
今見えているコンバージョンを静かに削ってしまう失敗モードは2つあります。1つ目は、ギャラリーがスクリーンショットの寄せ集めになることです。ページにロゴが12個と段落が1つだけ表示された瞬間、スクロール深度は落ち、rage click の数値は間違った理由でゼロになります――明快さではなく混乱のせいです。2つ目は、更新を拒むことです。2026年になっても2024年のデザインパターンを載せているパターンライブラリは、もはや証拠ではありません。出荷を止めた証拠です。ページは一度作って終わりのポートフォリオではなく、リリース頻度のあるプロダクト面として扱いましょう。
ライブラリは7本の記事として構築します。各記事には名前付きパターン、単一変数のBefore/After、そして最後の3行を入れます。週に1本公開し、ナビゲーションでは /examples/pattern-name としてタグ付けし、最もトラフィックの多いページから最新記事へリンクします。四半期以内に、/examples は営業チームが自作の資料ではなく送るページになります。