トップページのセクション順をAIと決める

この記事でできること

Shopifyのテーマ編集を開き始めた個人事業・小規模EC向けです。デザイン会社に丸投げする前に、「上から何番目に何を置くか」を自分で決めておきたい人を想定しています。すでに公開していて反応が薄い人は、結論の4ブロックと「やってはいけないこと」だけ先に読んで、今のトップと見比べてください。

トップの仕事は美しいことではありません。30秒で「何の店か・誰向けか・次にどこを押せばいいか」が分かることです。ヒーローが雰囲気写真だけで、商品も信頼も下に沈んでいる店は、セクション不足ではなく順番の問題です。

基本の並びは次の4つで足ります。

AIには案出しを任せてよいですが、最終の順番とCTA文言は自分です。画面ラベルはテーマで変わるので、管理画面か公式ヘルプで確認してください。

AIを開く前に、自分の手で1文だけ書きます。これがないと、返ってくる案はどれも「なんとなく綺麗」になります。

例: 「30代の在宅ワーカー向けに、デスクまわりの小さめグッズを、迷わず選べる店」

誰向けかが曖昧なままセクションを増やすと、ストーリー・アバウト・ブランドの世界観が三重になり、買う場所が消えます。

私は[業種]で[商品カテゴリ]をShopifyで売る。
ターゲット: [誰／悩み／使われる場面]
トップのセクション案を5つ以内。各セクションに
(1) 目的を1行 (2) 置きたい要素 (3) CTA文言案を2つ
「買える導線」優先。装飾だけのセクションは禁止。
重複する目的の案は出さないで。

返ってきた案で、目的が重なるものは削除します。よくある重複は「ストーリー」と「アバウト」、「おすすめ」と「人気」です。残す基準は「このブロックが無いと、初来訪者が次のクリックを迷うか？」です。

上の4ブロックをこの順でテーマに載せます。よくある失敗は、CTAが「詳しくはこちら」だけ、実績ゼロなのに「選ばれ続けて」、商品を全部詰める、SNSリンクだけで終わる、の4つです。

スマホ幅で 親指1回で主CTAに届くか だけ見てください。余白の美しさは後回しです。

並びが固まってから、見出しとボタンだけ再依頼します。

次のセクション見出しを、誇張なし・事実ベースで各2案。
禁止: 「革命」「誰でも稼げる」「絶対」。
ターゲットは[誰]。トーンは[丁寧／カジュアル]。

素材・価格・配送日数など、事実に関わる数字はAIに決めさせないでください。誤った数字は信頼ブロックを一瞬で壊します。

画面名・テーマ機能は変更されうるため、編集前は公式を正としてください。

仮組みができたら、次は商品カードの見た目の信頼——商品写真の最低ライン——に進んでください。テーマ全体の開き方に戻るならテーマと導線、文言の量産ルールはコピーのトーンです。

※以下はアフィリエイトリンクです。