ecom-landing-pages

Ecom ランディングページ

ストアの概要から、2つの成果物を作成します。ランキング形式のランディングページ案と、公開する価値のある案を構築するための設計図です。この手法は、1つの製品をもとに本番環境で約40個の/lp/ページを運用するDTCブランド、Mill.comをリバースエンジニアリングして導き出しました。この広がりに、考え方のすべてが端的に表れています。製品はそのままに、切り口を変えることで、1つの製品から多数のランディングページが生まれます。「鶏に餌をあげよう」という広告をクリックする人と、「nyc curbside compost」と検索する人は、同じデバイスを求めていますが、最初に伝えるべき言葉は異なります。

これは、このコレクションで唯一のプラットフォームに依存しないスキルです。ランディングページの考え方はどのCMSでも同じなので、プレフィックスはshopify-ではなくecom-です。プラットフォームによって異なる実装上の注意点は、該当箇所で説明します。

どんなときに使うか

• 有料トラフィック、キャンペーン、新しいセグメント、季節、イベント向けのランディングページ案が必要なとき。
• 採用する案が決まり、実際のページとして構築する必要があるとき。
• 既存のランディングページをベストプラクティスに照らして監査するとき。

サイト全体のIA、PDP、コレクションページ、ブログ／SEO記事には使いません。これらは閲覧フローの中にあり、注目を奪い合うためです。ランディングページには目標が1つあり、装飾的な要素を取り除きます。ルールは異なります。

作業の流れ

1. 実際のストアフロントから情報を集める

ストアの実際のサイトを確認します。ホームページ、主要な商品ページ、コレクション、必要であればサイトマップも確認します。製品、オーディエンス、オファーを決して作り上げてはいけません。入力欄が空であることはシグナルであり、何かをでっち上げてよいという許可ではありません。以下を抽出します。

• **製品／オファー：**何を販売しているか、価格、最も重要な機能。
• **中核となる価値提案：**一文で表した約束。
• **異なるオーディエンス：**人口統計ではなく、アイデンティティで分けた購入者。
• **主な悩み：**購入につながる問題を、顧客自身の言葉で表したもの。
• **ユースケース：**製品が果たすさまざまな役割。
• **地域／市場：**需要が集中している都市や地域、または地域のプログラム。
• **季節／イベントカレンダー：**セール時期、対面イベント、新製品の発売。
• **オファー：**トライアル、保証、割引、バンドル、分割払い。
• **ギフト／贈る機会との相性：**ギフトに適しているか。どのような機会に向いているか。
• **B2B／セグメント：**検討期間が長く、評価基準も異なる法人購入者。
• **パートナー／アフィリエイトチャネル：**クリエイター、業界パートナー、紹介者。

2. 8つのアーキタイプに照らして案を出す

すべてのランディングページは、以下のいずれかの切り口に当てはまります。各切り口を情報に照らし合わせ、「ここにページを作れるか？」と考えます。複数のアーキタイプを組み合わせることもできますが、見出しで約束できることは1つだけなので、最も中心となるものを前面に出します。

#	アーキタイプ	選ぶべき状況
1	オーディエンス／ペルソナ	独自の動機を持つ明確な購入者像があり、見出しでその人たちを名指しする
2	ユースケース	製品が複数の役割を果たし、あるセグメントがそのうち1つだけを重視している
3	悩み／感情面での捉え直し	まだカテゴリーを知らない、ファネル上部のコールドトラフィック
4	地域／ジオ	地域ターゲティング広告、地域プログラム、地域の物流やPR
5	イベント／季節／プロモーション	キャンペーン期間、セール、対面イベントなど、緊急性が求められる場面
6	オファー／トライアル／保証	後押しやリスク軽減が必要な、コンバージョン段階のトラフィック
7	機会／ギフト	祝日やギフト向け。読者を贈り手として捉え直す
8	セグメント／B2B＋パートナー	法人購入者や紹介パートナー向け。ライフスタイルではなく、指標やプロセスを重視する

ランキングを作る前に、すべてのアーキタイプを少なくとも1回は検討します。同じ切り口を10回繰り返してしまうのが、よくある失敗です。Millの例と組み合わせのルールを含む分類の全容は、references/build-blueprint.mdを参照してください。

3. 各候補をトラフィックソースに結び付ける

トラフィックソースが、角度を選ぶ際の主な基準です。 角度と見出しの役割を決めます。ソースを明示できないアイデアは除外します。キャンペーンのないページは孤立してしまいます。

• 有料ソーシャル、コールド → 悩み・感情、またはオーディエンス。閲覧者はあなたを探していたわけではありません。実感のこもった悩みやアイデンティティに訴える切り口で、クリックを獲得しましょう。
• 検索、インテントあり → ユースケース、地域、またはオファー。検索クエリの言葉に正確に合わせます。
• ローカル／地域広告 → 地域性を軸にし、地域に根ざした証拠と地域特有の実務情報を示します。
• メール／リターゲティング、ホット → オファー／保証、またはバンドル。相手はすでにあなたを知っています。購入の障壁を取り除きましょう。
• パートナー／アフィリエイト → セグメント／パートナー。通常は購入ではなく登録など、異なるコンバージョン目標を設定します。

4. 4つの軸で優先順位を付ける

各候補を1～5点で採点し、順位を付けます。インテントとの一致を最も重視します。

• インテントとの一致： ページがトラフィックソースの意図にどれほど的確に応えているか。
• 需要／トラフィックの確保状況： 実際の検索ボリューム、広告オーディエンス、またはトラフィックを誘導できる開催中のイベントがあるか。トラフィックがなければ対象外です。
• ビジネス価値： 利益率、AOV、戦略上重要なセグメント、またはコンバージョンする顧客のライフタイムバリュー。
• 制作コスト： コピー＋素材＋（B2Bの場合）リード獲得／CRMの導線。コストの低いものから先に公開します。

5. 出力：順位付きの表を最初に提示する

コンセプトごとに1行ずつ記載します。この表が成果物です。最初に提示してください。

#	コンセプト	類型	対象	主な約束	主なCTA	トラフィックソース
1	"Feed your flock"	オーディエンス／ユースケース	裏庭で鶏を飼う人	残り物を鶏のおやつに変える	今すぐ購入	有料ソーシャル
2	"NYC: skip the trash chute"	地域性＋悩み	NYCのアパート居住者	テイクアウトのゴミを捨てに行く手間をなくす	今すぐ購入	検索＋地域広告

次に、表の下に以下を記載します。

• 意図的に優先度を下げたもの： 除外した類型やアイデアと、その理由（例：「地域プログラムのない全国展開のDTCでは、地域性を軸にする余地が少ない」）。除外理由を黙って省かないでください。
• 最初に制作するもの： 上位2～3件を挙げ、それぞれが有望な理由を1行で説明します。
• コンセプトを1つ選び、制作ブループリントに沿って作り込むことを提案します。制作を依頼されない限り、順位付きリストまでで止めてください。

選ばれたコンセプトの制作

コンセプトが選ばれたら、 references/build-blueprint.mdにある10セクション構成のページ骨格に沿って制作します。ヒーロー → ベネフィットの柱 → 仕組み → ユースケース → 段階別のソーシャルプルーフ → リスク軽減 → 比較 → FAQ → クロスセル → 最終CTA。このリファレンスには、コピーのパターン、類型ごとの構成上の違い（B2Bではライフスタイルを指標に差し替える、プロモーションでは価格を冒頭に置く、パートナー向けでは条件から始める）、およびローンチ前チェックリストも記載されています。公開中のMillのページを実際に検証した例は、references/mill-teardown.mdにあります。

注意事項：中断して修正する

• サイトを確認せず、ストアの商品やオーディエンスをでっち上げる → 公開中のストアを確認し、すべてのコンセプトを事実に基づいて見直します。
• 類型に幅のない羅列、またはトラフィックソースのないコンセプト → ステップ2～3を飛ばしています。すべての類型を一度ずつ使い、各行にソースを記載します。
• どれも有望に見える表 → 優先順位ではなく、ただ列挙しています。率直に順位を付け、除外したものも明記します。
• いきなりページ制作に取り掛かる → まず作成する成果物は順位付きリストです。ページ制作は別のステップで、依頼された場合に行います。
• 同じ切り口の繰り返し → 1つの商品から多様な切り口を生み出すことが目的です。名詞だけを変えた同じ類型の行が3つ並ぶ場合は、まとめてください。

参考資料

• references/build-blueprint.md：8つの類型の全分類、ページの10セクション構成、コピーのパターン、類型ごとの違い、ローンチ前チェックリスト。
• references/mill-teardown.md：類型とURLの対応表、および公開中のMill.comランディングページをセクションごとに検証した内容。

出典とメンテナンス

最終確認日：2026-07-05。この手法は、公開され、誰でも閲覧できるシステムからリバースエンジニアリングしたものなので、第三者も読み取り専用で再検証できます。mill.com にアクセスして /lp/ のランディングページを閲覧し、それぞれの公開ページを上記の8つの類型のいずれかに分類してください。単一の製品について、ページがオーディエンス、ユースケース、課題、地域、イベント、オファー、ギフト、B2B／パートナーという切り口にまとまっていれば、この分類体系は有効です。ランディングページのベストプラクティスはゆっくりと変化します。類型とセクションの骨格は長く通用しますが、ページ数や正確な見出しなど、Mill に固有の情報を引用する前に、必ず公開サイトで再確認してください。ブランドはいつでもファネルを再構成する可能性があります。